Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Patterns

Como Criar um Pattern de Abacaxi Sem Emenda no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

Portuguese (Português) translation by Adriana Takagi (you can also view the original English article)

Final product image
What You'll Be Creating

Nesta rápida dica, você vai aprender como criar um pattern de abacaxi sem emenda no Adobe Illustrator. Vamos estar utilizando formas básicas, efeitos Warp e a opção Pattern > Make para criar este pattern moderno.

Este tutorial é projetado para iniciantes, por isso é muito fácil de criar. Se você quiser alguma inspiração assim como motivação, então confira o GraphicRiver, especialmente a coleção deles de patterns.

E agora, vamos começar!

Como Criar um Pattern de Abacaxi

Passo 1

Suponho que você já tenha aberto o Adobe Illustrator e criado um novo documento com 850 px de Largura e Altura.

Primeiro, queremos criar o pequeno segmento que compõe a maior parte do abacaxi. Delete a cor do traço, se tiver uma, e defina a cor de preenchimento para R=239, G=177, B=3.

Depois pegue a Ferramenta Rounded Rectangle e crie um retângulo arredondado muito pequeno. Provavelmente, por padrão, você tem a opção de, ao desenhar um pequeno retângulo arredondado, ter os cantos arredondados, e quanto mais você esticá-lo, mais nítidos vão ficar os cantos. Caso contrário, tente ajustar os cantos do seu retângulo arredondado arrastando-os para dentro utilizando o Corner Widget (View > Show Corner Widget).

Depois de criar a forma que você precisa, queremos rotacioná-la a 45 graus. Segure o botão Shift e rotacione o retângulo arredondado utilizando a Ferramenta Selection (V). O botão Shift permite rotacioná-la exatamente a 45 graus.

Não tire a seleção, mas crie uma nova cópia em frente (Control-C, Control-F). Altere a cor da nova cópia para R=255, G=200, B=32.

how to create the segment of the pineapple

Passo 2

Depois desenhe um círculo com qualquer cor de preenchimento, que deve sobrepor os dois retângulos arredondados, como mostrado na imagem abaixo, no lado esquerdo do retângulo arredondado. Para criar um círculo uniforme, mantenha pressionado o botão Shift enquanto o cria. Não se confunda com os traços pretos, já que eu os desenhei apenas para uma melhor visibilidade—você realmente não precisa deles.

Em seguida, segure os botões Shift e Alt juntos e mova o círculo para a direita. Você vai notar que acabou de criar uma nova cópia do círculo que está perfeitamente alinhada. Agora, selecione os dois círculos, mas não os retângulos arredondados, e una-os: pressione o botão Unite no painel Pathfinder (Window > Pathfinder).

E a última ação que você precisa fazer é selecionar os círculos unidos (que agora são uma forma) e selecionar a cópia superior do retângulo arredondado mais claro. Finalmente, pressione o botão Minus Front no painel Pathfinder. O minúsculo segmento está pronto!

how to create the segment of the pineapple

Passo 3

Agora que você tem um segmento do abacaxi, queremos multiplicá-lo. Enquanto pressiona as teclas Shift e Alt e, enquanto utiliza a Ferramenta Selection (V), mova o segmento para a direita.

Depois pressione o Control-D algumas vezes para obter uma linha destes segmentos. A combinação de Control-D repete o seu último movimento.

Certifique-se de que os seus Smart Guides estão ativados: View > Smart Guides. Depois selecione toda a linha do segmento e mova-a para baixo e diagonalmente. Os Smart Guides ajudarão você a posicioná-lo uniformemente. Agora você tem duas linhas de segmento.

Selecione as duas linhas de segmento e, enquanto mantém pressionados os botões Shift e Alt, mova as linhas para baixo. Apenas para baixo. Pressione Control-D mais algumas vezes, até obter um retângulo dos segmentos.

how to create more segments

Passo 4

É muito importante agrupar todo o retângulo do segmento (clique com o botão direito do mouse > Group).

Enquanto o mantém selecionado, vá para Effect > Warp > FishEye. Na nova janela de diálogo, insira as opções que você vê abaixo. Pressione OK e reserve-o.

how to warp the segments

Passo 5

Em seguida, queremos criar a forma de abacaxi. Comece com um retângulo arredondado (cor de preenchimento R=204, G=130, B=0) com cantos arredondados. Utilize a Ferramenta Rounded Rectangle para isso.

Enquanto o mantém selecionado, vá para Effect > Warp > Inflate. Na nova janela de diálogo, insira as opções que você vê abaixo. Pressione OK. Expanda a forma: selecione-a e vá para Object > Expand Appearance.

how to create the pineapple shape

Passo 6

Pegue os dois elementos que você criou até agora: a forma do abacaxi e o retângulo feito de segmentos. Coloque-os um sobre o outro, como mostra a imagem abaixo. Garanta que a forma do abacaxi seja menor que o retângulo, que é completamente feito de segmentos. Também verifique se os dois elementos estão expandidos.

Depois selecione a forma do abacaxi e faça uma cópia dela em frente (Control-C, Control-F). Você criou uma cópia diretamente em frente dela, mas queremos ter esta cópia em frente do retângulo feito de segmentos. Então, corte a cópia (Control-X) e posicione-a em frente do retângulo de segmentos.

Mantendo as duas formas superiores selecionadas, pressione o botão Crop no painel Pathfinder.

how to create the pineapple

Passo 7

Vamos adicionar algumas folhas ao nosso abacaxi. Desenhe uma elipse verde (R=48, G=158, B=131) utilizando a Ferramenta  Ellipse (L).

Pegue a Ferramenta Anchor Point (Shift-C) e clique em seus pontos de ancoragem superior e inferior. Eles vão ficar pontudos.

Crie uma cópia em frente (Control-C, Control-F), torne a cópia menor e mais escura (R=1, G=107, B=87) e encolha-a.

how to create the pineapples leaves

Passo 8

Agrupe a folha (clique com o botão direito do mouse > Group) e crie uma nova cópia dela, porque queremos ter duas folhas.

Selecione a nova cópia e deforme-a: Effect > Warp > Arc. Insira as opções que você vê abaixo e pressione OK. Agora, expanda a forma (Object > Expand Appearance).

how to warp the pineapples leaf

Então agora você tem duas folhas:

how should look two leaves

Passo 9

Posicione a folha reta atrás do abacaxi. Depois coloque a folha deformada atrás do abacaxi, no lado esquerdo.

Depois disso, pegue a Ferramenta Reflect (O) e, enquanto mantém pressionada a tecla Alt, clique no meio do abacaxi. Na nova janela de diálogo, digite Axis Vertical, Ângulo de 90 graus e pressione Copy. É assim que você vai obter a terceira folha.

Certifique-se de que as folhas permaneçam no meio do abacaxi e depois crie uma cópia delas atrás (Control-C, Control-B). Altere as três novas cópias para cima e diminua-as um pouco. Altere a cor de preenchimento das novas folhas para R=0, G=133, B=106 (você pode deixar a parte interna mais escura inalterada). O abacaxi está pronto!

placing the leaves on the pineapple

Passo 10

Vamos criar um plano de fundo para o nosso pattern. Estamos criando isso separadamente—é por isso que você pode alterar sua cor facilmente mais tarde.

Clique na Ferramenta Rectangle (M) e clique em sua prancheta. Na nova janela de diálogo, insira Largura e Altura de 850 px. Altere a cor de preenchimento para R=249, G=226, B=112.

how to create the background

Passo 11

Selecione seu abacaxi e vá para Object > Pattern > Make. Você vai obter uma aparência que vai ser algo semelhante com essa abaixo.

Insira as opções que você vê abaixo. As partes mais importantes aqui são as opções Brick by Column e Move Tile with Art, mas outras opções vão ser diferentes das minhas. Sinta-se à vontade para brincar com elas e escolha o que mais gosta. Quando você gostar da aparência do seu pattern futuro, pressione o botão "Done" (localizado na janela Pattern Options).

Depois disso, você pode deletar com segurança o seu abacaxi, porque ele já está armazenado na memória do seu computador.

how to create the pattern

Passo 12

Depois de utilizar a Ferramenta Rectangle (M), clique em sua prancheta novamente e insira Largura e Altura de 850 px. Coloque o novo retângulo no meio da prancheta.

No painel Swatches (Window > Swatches), escolha seu novo pattern. E observe a mágica!

final

Excelente Trabalho, Você Terminou!

E você acabou! Espero que você tenha gostado de criar isto sem emenda, tanto quanto eu. Se você quiser continuar desenhando, mas não sabe o que desenhar, então confira o GraphicRiver. Eles têm uma enorme seleção de imagens e patterns.

Como você pode ver, não é tão difícil criar imagens maravilhosas no Adobe Illustrator. Eu realmente espero que você tenha gostado deste tutorial e até a próxima!

final

Se você gosta de tutoriais de pattern, gostaria de recomendar dois que eu criei aqui no Envato Tuts+:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.