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

Como Criar um Pattern Tropical no Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

O verão é o momento perfeito para os desenhos mais vívidos e coloridos! Os patterns tropicais são uma das tendências mais quentes de verão deste ano, e todas estas misturas de frutas, folhas e flores ficam realmente excelentes em tecido, vestuário e mídia impressa. 

Junte-se a mim neste tutorial e vamos aprender a criar um pattern estiloso sem emenda usando formas simples e vários Efeitos Warp para criar elementos tropicais, fazendo com que eles pareçam desenhados à mão. Vamos finalizar combinando nossos elementos em uma textura equilibrada, usando a Ferramenta Pattern. 

No final deste tutorial, você vai aprender a criar patterns exclusivos da última moda prontos para impressos ou tecido, roupas e banners. E, além disso, eles podem ser usados ​​como um plano de fundo para o seu site, loja online ou blog.

Confira esta coleção de patterns tropicais em GraphicRiver para descobrir quais outros elementos você pode representar para tornar sua textura diferente.

Vamos Começar!

1. Como Desenhar uma Banana

Passo 1

Pegue a Ferramenta Ellipse (L) e vamos começar criando a banana! Fala uma forma oval amarela de 230 x 50 px.

Vá para Effect > Warp > Arch e defina os:

  • Valor de Horizontal Bend para -60%
  • Horizontal Distortion para -10%
  • Vertical Distortion para 0%

Clique em OK e Object > Expand Appearance para aplicar o efeito.

make a banana from ellipse

Passo 2

Vamos criar uma ponta para a nossa banana. Pegue a Ferramenta Rectangular (M) e faça um quadrado amarelo de 20 x 20 px. Vá para Effect > Warp > Bulge e configure o:

  • Valor de Horizontal Bend para 0%
  • Horizontal Distortion para 0%
  • Vertical Distortion para 25%

Clique em OK e Object > Expand Appearance para aplicar o efeito.

apply the bulge effect

Passo 3

Redimensione a forma, tornando-a um pouco menor. Duplique-a (Control-C > Control-F) e anexe os retângulos em ambas as pontas da banana, conforme mostrado abaixo. Selecione todos os três elementos e use a função Unite do Pathfinder para mesclar eles em uma única forma.

unite the shapes in the pathfinder

Passo 4

Vamos criar um efeito áspero e texturizado, adicionando um toque leve desenhado à mão para a nossa forma. Vá para Effect > Distort & Transform > Roughen e configure o(s):

  • Size para 0.3%
  • Relative
  • Detail para 50/in
  • Points para Smooth

Clique em OK.

apply roughen effect

Passo 5

Object > Expand Appearance para aplicar o efeito.

Object Expand Appearance

Passo 6

Agora pegue a Ferramenta Pencil (N) e vamos adicionar os detalhes simples que tornam a nossa banana mais realista! Clique duas vezes no ícone da Ferramenta Pencil (N) no painel Tools e certifique-se de que o controle deslizante Fidelity está configurado no centro ou mais próximo de Accurate. Você também pode ver todas as outras opções na captura de tela abaixo; todas as caixas são marcadas.

Defina a cor de Preenchimento para Nenhuma e a cor do Traço para marrom no painel Color. Depois abra o painel Stroke (Window > Stroke) e ajuste a Espessura para 1.2 pt e Cap para Round Cap.

Desenhe uma pequena forma oval na ponta direita da banana e uma forma maior arredondada no lado oposto.

add minor details with the pencil tool

Passo 7

Continue adicionando detalhes nas extremidades da banana fazendo pequenos traços. Desenhe um traço arqueado maior ao longo de toda a forma.

Continue adding details

Passo 8

Adicione mais desses traços e termine a banana desenhando duas formas arredondadas nas pontas, desta vez ajustando a cor de Preenchimento para marrom.

Yay! A banana está pronta! Vamos passar para o próximo elemento do nosso pattern!

The banana is ready

2. Como Fazer uma Fatia de Laranja

Passo 1

Vamos começar com o retângulo. Use a Ferramenta Rectangular (M) para criar uma forma amarela de 90 x 45 px e selecione os pontos de ancoragem inferiores com a Ferramenta Direct Selection (A).  Arraste o marcador circular para o centro, tornando os cantos arredondados com a ajuda do recurso Live Corners. Você também pode ajustar o valor do Corner do painel de controle em cima, ajustando o valor exato, se necessário.

make a slice from the rectangle

Passo 2

Selecione a forma e vá para Object > Path > Offset Path, defina o valor de Offset para 8 px e deixe todas as outras opções como padrão. Clique em OK e Preencha a nova forma com uma cor laranja.

Selecione ambas as formas, pegue a Ferramenta Eraser (Shift-E), mantenha pressionada a tecla Alt e apague a parte superior das formas, de modo que os elementos estejam perfeitamente alinhados ao topo um do outro.

apply Object Path Offset Path

Passo 3

Duplique (Control-C > Control-F) a forma amarela. Selecione uma das cópias amarelas juntamente com a forma laranja e aplique Minus Front do painel Pathfinder.

Faça a forma amarela um pouco menor, de modo que haja um espaço entre as formas.

apply Minus Front from the Pathfinder panel

Passo 4

Aplique o filtro Effect > Distort & Transform > Roughen com as mesmas configurações como anteriormente para adicionar um efeito de rabisco ao longo das bordas.

Pegue a Ferramenta Line Segment (\) ou a Ferramenta Pen (P) e adicione um grupo de traços brancos para cortar a forma amarela em segmentos.

make segments with the Pen Tool

Passo 5

Mantendo os traços selecionados, vá para o painel Brushes (Window > Brushes) e abra o Menu Brush Libraries na parte inferior do painel. A partir daqui, vá para Artistic > Artistic_ChalkCharcoalPencil e encontre um pincel Charcoal – Pencil (ou qualquer outro pincel a seu gosto, mas deve ser suficientemente grosso e ter uma textura de grunge).  Clique nele para aplicar aos traços. Aumente a Width dos traços se eles parecerem muito finos.

apply a charcoal brush to the strokes

Passo 6

Selecione todos os traços e Object > Expand Appearance e Una-os no Pathfinder. Finalmente, Object > Compound Path > Make (Control-8) para mesclar todas as partes separadas da textura suja juntas.

Selecione a forma branca criada juntamente com o meio-círculo amarelo e aplique Minus Front para cortar a forma, criando segmentos amarelos separados.

apply Minus Front to cut out the shape

Passo 7

Termine a fatia da laranja adicionando alguns traços curtos aqui e ali, usando a Ferramenta Pen (N).

add a few short strokes

3. Como Desenhar a Pitaya

Passo 1

Comece a fazer uma elipse rosa de 105 x 115 px e use a Ferramenta Direct Selection (A) para modificar a forma um pouco movendo as alças da âncora.

Duplique (Control-C > Control-F) a forma e torne a cópia superior um pouco menor. Mude a cor de Preenchimento para branco.

make a dragon fruit from circles

Passo 2

Use a Ferramenta Rectangle (M) e o Efeito Bulge Warp para criar um trapézio pequeno, assim como fizemos para a banana.

Coloque o trapézio sobre a fruta e use a Ferramenta Ellipse (L) para criar um conjunto de elipses ao longo da borda da forma rosa. Selecione todos os elementos rosa e Una-os no Pathfinder.

Selecione a fruta e aplique Effect > Distort & Transform > Roughen para tornar as bordas irregulares.

add details to the fruit

Passo 3

Vamos finalizar a pitaya salpicando algumas sementes sobre a parte branca. Crie um círculo marrom de 2 x 2 px com a ajuda da Ferramenta Ellipse (L). Selecione o ponto de ancoragem superior com a Ferramenta Direct Selection (A) e arraste-o para cima.

Posicione a semente na fruta e comece multiplicando-a segurando a tecla Alt e movendo a semente. Rotacione as cópias e varie um pouco o tamanho das sementes.

E aí temos ela! Adicione alguns traços escuros em cima da fruta e vamos seguir em frente!

add seeds made from a circle

4. Como Criar Folhas e Plantas Tropicais

Passo 1

E agora a minha parte favorita! Eu realmente adoro desenhar folhas e elementos tropicais porque eles sempre parecem únicos, e o processo em si é muito calmante e divertido com muita criatividade!

Primeiro de tudo, precisamos criar o nosso próprio pincel para acelerar o processo de desenho de folhas.

Use a Ferramenta Ellipse (L) para criar uma elipse achatada de 100 x 5 px.

Selecione os pontos de ancoragem laterais com a Ferramenta Direct Selection (A) e Converta os pontos de ancoragem selecionados para o canto do painel de controle na parte superior. 

Agora arraste e solte a nossa elipse no painel Brushes e selecione a Art Brush na janela pop-up New Brush.

Não alterei nada nas Opções Art Brush, deixando todas as configurações como padrão. No entanto, sempre podemos alterar estas configurações mais tarde clicando duas vezes em nosso pincel no painel Brushes—por exemplo, se precisarmos alterar a Width do pincel ou seu Colorization Method.

create an art brush

Passo 2

Desenhe uma haste verde escuro da nossa futura folha usando a Ferramenta Pen (N).

Agora pegue a Ferramenta PaintBrush (B) e comece a fazer traços perpendiculares ao longo da haste, desenhando essas pequenas partes da folha. Faça alguns deles mais curtos, outros mais longos, e faça alguns deles sobrepostos para que a folha se pareça mais fiel à vida real.

Faça os traços cada vez menores conforme você se aproxima do topo da folha.

Crie uma outra folha, de uma forma ligeiramente diferente, cobrindo-a com traços mais longos.

use the Paintbrush Tool to draw leaves

Passo 3

Agora vamos desenhar uma folha de uma costela-de-adão. Estas folhas de costela-de-adão sempre ajudam a alcançar um visual adequado para qualquer design tropical.

Use a Ferramenta Pencil (N) para desenhar uma silhueta de folha. Sua forma elíptica não deve ser perfeita, por isso faça ela trêmula e não simétrica. Lembre-se de fazer a parte superior da folha pontuda e sua parte inferior arredondada como uma forma de coração de cabeça para baixo.

Mude a cor de Preenchimento para preto (ou qualquer outra cor) e desenhe formas elípticas a mão livre na parte superior das folhas, fazendo os futuros furos. Selecione todas as formas pretas e Faça o Compound Path (Control-8).

Selecione a forma preta juntamente com a silhueta da folha e use a função Minus Front do Pathfinder para eliminar os elementos pretos.

Finalmente, aplique o efeito Roughen para tornar a folha suja.

draw a tropical leaf with the pencil tool

Passo 4

Vamos desenhar uma folha na forma de um ventilador de mão. Use a Ferramenta Pencil (N) para desenhar sua silhueta de uma maneira livre.

Aplique o efeito Roughen e termine a folha adicionando traços verde escuro com a ajuda da Ferramenta Pencil (N).

draw a tropical leaf with the pencil tool 2

Passo 5

Agora vamos passar para a próxima folha tropical. Desta vez usei uma forma oval de 85 x 230 px como base. Pegue a Ferramenta Direct Selection (A) e mova os pontos de ancoragem e suas alças ao redor, mudando a forma.

Aplique o efeito Roughen e termine com a folha, adicionando o caule e as veias com a ajuda da Ferramenta Pencil (N).

make a leaf from an oval

Passo 6

Vamos criar um outro pincel para a próxima planta. Faça um círculo de 12 x 12 px e arraste o seu ponto de ancoragem esquerdo mais para a esquerda. Converta o ponto selecionado para o canto do painel de controle na parte superior. 

Arraste e solte a forma criada no painel Brushes. Crie um novo Art Brush, deixe suas Options como padrão, e experimente fazer alguns traços. Ajuste a Width, se necessário, fazendo com que a planta pareça agradável e proporcional.

create an art brush

Passo 7

Agora que todas as folhas estão prontas, eu decidi brincar com as cores, tornando-as mais naturais e diversas. Podemos recolorir os objetos manualmente ou usando a ferramenta Recolor Artwork no painel de controle na parte superior ou em Edit > Edit Colors > Adjust Color Balance.

Estou usando a terceira opção, ajustando as cores de cada folha, experimentando diferentes tons de verde.

E aí temos isso! Todos os nossos elementos estão prontos! Vamos seguir em frente e criar um pattern moderno!

recolor the leaves

5. Como Desenhar um Pattern Tropical Sem Emenda com a Ferramenta Pattern

Passo 1

Selecione todos os elementos que criamos e vá para Object > Pattern > Make.

go to Object Pattern Make

Passo 2

A partir daqui, dirija-se ao painel Pattern Options e defina as seguintes opções:

  • Tile Type para Grid
  • Width para 450 px
  • Height para 450 px
  • Desmarque as caixas abaixo do tamanho do Tile
  • Copies para 3 x 3
  • Masque a caixa Dim Copies para 70%
  • Masque a caixa Show Tile Edge

Agora podemos ver cópias semitransparentes de nossos objetos ao redor da caixa de azulejo, o que nos ajuda a visualizar o nosso pattern futuro claramente, tornando-o equilibrado e eliminando quaisquer espaços.

Comece a espalhar frutas e folhas dentro do quadrado do azulejo, redimensionando-os e rotacionando-os, fazendo com que os elementos se sobreponham. Use os atalhos de teclado Control-[ e Control-] para mover os elementos para trás ou para a frente.

set the pattern options

Passo 3

Comece a adicionar cópias dos objetos para preencher todo o azulejo. Use a Ferramenta Reflect (O) clicando duas vezes para virar as formas sobre os Eixos Horizontal ou Vertical e clique em Copy para fazer cópias espelhadas.

add more elements

Passo 4

Termine adicionando mais folhas e certifique-se de que tudo pareça equilibrado e harmonioso.

fill the gaps of the pattern

Passo 5

Clique duas vezes em qualquer lugar para fora da Prancheta ou clique em Done na parte superior para sair do Modo Patten.

Agora podemos encontrar nosso pattern no painel Swatches (Window > Swatches). Crie qualquer forma ao seu gosto, por exemplo, um quadrado e aplique nosso pattern clicando nele no painel de Swatches. Nós sempre podemos retornar ao Modo Pattern clicando no botão Edit Pattern e mova os elementos se algo não parecer bom.

find our pattern in the Swatches panel

Passo 6

Vamos ver como isso fica em um fundo escuro! Crie um retângulo de 800 x 600 px e Preencha-o com uma cor verde escuro. 

Duplique (Control-C > Control-F) o retângulo e aplique o pattern clicando nele no painel Swatches.

Aí está!

create a darker background

Vibrações Tropicais! Nosso Pattern Sem Emenda da Última Moda Está Terminado!

Bom trabalho! Espero que você tenha gostado de seguir este tutorial e aprendido algumas técnicas novas sobre como criar pincéis e aplicar efeitos. Sinta-se livre para usar estas dicas e truques em seus futuros projetos, e não se esqueça de compartilhar os resultados com o mundo!

Se você quer aprender a criar um pattern tropical sem emenda no Photoshop, também temos o tutorial para você.

Alegre Criação!

Seamless Tropical Pattern Adobe Illustrator Tutorial
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.