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

Como Criar um Conjunto de Patterns Orgânico, Desenhados à Mão e Retrô no Adobe Illustrator

by
Read Time:8 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Você sempre se perguntou como fazer patterns sem emenda no Illustrator? Patterns que parecem fáceis e são agradáveis ​​aos olhos? Neste tutorial, você vai aprender a utilizar a ferramenta Pattern Option no Illustrator para criar um conjunto de patterns divertidos.

Se você estiver procurando por patterns e complementos do Adobe Illustrator, visite o GraphicRiver.

1. Como Criar um Novo Documento no Adobe Illustrator

Passo 1

Abra o Adobe Illustrator e vá para File > New. Vamos nomear nosso arquivo Patterns-v1, e vamos criar uma única Prancheta quadrada. Defina a Largura e a Altura para 1080 x 1080 px. Em Avanced, escolha RGB para o nosso Color Mode e 72 ppi para Raster Effects. Se você estiver planejando imprimi-lo, utilize 300. Clique em OK.

Create a new document in IllustratorCreate a new document in IllustratorCreate a new document in Illustrator

Passo 2

Vamos abrir o nosso painel Pattern Options, indo em Windows > Pattern Options. Vamos abrir também o painel Swatches, acessando Windows > Swatches. Os novos patterns que criamos vão ser adicionados ao painel Swatches.

Bring up the Pattern Options and Swatches panel by going to WindowsBring up the Pattern Options and Swatches panel by going to WindowsBring up the Pattern Options and Swatches panel by going to Windows

2. Como Definir as Opções do Pincel

Passo 1

Vamos começar definindo o pincel para o nosso primeiro pattern orgânico. Selecione a Ferramenta Paintbrush (B) no painel Tools. Para a cor de Preenchimento e Traço, clique duas vezes na cor do traço e selecione uma cor azul com o seguinte código: #00B0E6. Clique na cor de preenchimento e selecione None (/).

Select a blue stroke color and none for fill colorSelect a blue stroke color and none for fill colorSelect a blue stroke color and none for fill color

Passo 2

Vá até a barra de Control. Clique em Brush Definition e clique duas vezes no pincel redondo para abrir as Calligraphic Brush Options. Na nova janela, altere o Size do pincel para 40 pt e altere o Name para 40 pt. Round. Clique em OK.

Change the size of the brush on the Calligraphic Brush OptionsChange the size of the brush on the Calligraphic Brush OptionsChange the size of the brush on the Calligraphic Brush Options

Passo 3

Vá para o painel Tools e clique duas vezes na Ferramenta Paintbrush (B) para abrir o painel Paintbrush Tool Options. Eu estou utilizando as configurações na imagem abaixo. Isto é para criar uma forma suave com curvas e sem bordas fortes, o que vai resultar em menos pontos para editar.

Change the settings on the Paintbrush Tool OptionsChange the settings on the Paintbrush Tool OptionsChange the settings on the Paintbrush Tool Options

3. Como Criar um Pattern Orgânico

Passo 1

Utilizando a Ferramenta Paintbrush (B), crie formas suaves de C. Eu criei as formas maiores primeiro e depois as preenchi com pequenos pontos e traços. Você pode criar qualquer coisa—não há certo ou errado nisso!

Tente focar em ficar dentro da página e fazer as formas espaçadas uniformemente. Vamos consertar as bordas mais tarde.

Create soft C shapesCreate soft C shapesCreate soft C shapes

Passo 2

Adicione pequenos detalhes dentro do quadro, como pontos e traços curtos. Lembre-se de não se preocupar muito com as bordas, pois elas vão ser corrigidas posteriormente. Utilize a Ferramenta Direct Selection (A) para selecionar e editar pontos únicos das formas.

Fill in the gaps to avoid odd white spacesFill in the gaps to avoid odd white spacesFill in the gaps to avoid odd white spaces

4. Como Utilizar a Ferramenta Pattern

Passo 1

Selecione a composição que você acabou de criar, vá até o painel Pattern Options e clique no menu suspenso no lado superior direito. Selecione Make Pattern, que vai abrir uma janela informando que o novo pattern vai ser adicionado ao painel Swatches. Uma segunda janela vai permitir que você saiba que os traços agora serão estendidos em formas. Clique em OK nos dois casos .

Neste ponto, você vai entrar no Pattern Editing Mode, onde poderá editar a composição que acabou de criar como um pattern inteiro. Você vai notar que está neste modo quando houver uma barra sobre o documento com um traço vermelho abaixo dele. Por favor, note que as composições em torno do pattern principal não são objetos clicáveis.

Create a pattern with the composition we createdCreate a pattern with the composition we createdCreate a pattern with the composition we created

Passo 2

Vamos começar configurando o básico para editar o pattern. Vá para as Pattern Options e nomeie o pattern. Vou nomear o meu Novo Pattern 1. Defina o Tile Type para Grid e a Largura e Altura para o mesmo tamanho que a prancheta que criamos, 1080 x 1080 px.

Sob Copies tenho 3x3 selecionado, que é o número de conjuntos que aparecem em torno do pattern principal. Certifique-se de que Show Tile Edge esteja marcado, o que vai adicionar uma margem azul para ver a borda da composição na qual queremos trabalhar agora.

Change the settings on the Pattern Options panelChange the settings on the Pattern Options panelChange the settings on the Pattern Options panel

Passo 3

Vamos editar o pattern. Utilize a Ferramenta Zoom (Z) para aproximar-se da composição. Lembre-se de que apenas a composição no traço azul é editável.

Utilize a Ferramenta Paintbrush (B) para adicionar elementos. Os novos elementos vão ser automaticamente desenhados nas outras composições. Esta é uma ótima ferramenta para criar padrões sem emenda. O Comando-Z será seu amigo para este estágio, pois você vai precisar ir e voltar para encontrar o equilíbrio certo.

Add more elements on the compositionAdd more elements on the compositionAdd more elements on the composition

Passo 4

Vamos trabalhar nas bordas. Continue utilizando a Ferramenta Paintbrush (B) e desenhe uma linha sobre a margem azul. A parte excedente vai ser desenhada no lado oposto da composição principal; esta é uma ótima maneira de saber como os elementos estão sendo conectados.

Um pattern sem emenda funciona melhor quando não há margem visível na composição principal. Você pode fazer Dar Zoom (Z) para ampliar e reduzir para ver como o pattern fica e consertar elementos que parecem muito óbvios para os olhos.

Add elements over the margin of the compositionAdd elements over the margin of the compositionAdd elements over the margin of the composition

Passo 5

Para salvar o pattern, basta ir até a parte superior do documento, acima da linha vermelha, e clicar em Save a Copy. Isso vai salvar uma cópia do pattern. Você pode salvar quantas cópias quiser durante o processo, para que você possa ir e voltar.

Outra maneira de salvar o pattern é pressionando Comando-S para salvar o pattern original com seu nome original. Isto não vai criar um novo pattern inteiro, mas vai salvar o que você editou. Uma janela se abrirá avisando que os traços serão expandidos. Clique em OK

Save the patternSave the patternSave the pattern

5. Como Utilizar e Editar o Pattern

Nosso pattenr foi adicionado ao painel Swatches, então agora é hora de utilizá-lo! Clique na Ferramenta Rectangle (M), desenhe um quadrado e selecione nosso pattern recém-criado no painel Swatches como a cor de Preenchimento.

Se o pattern parecer muito grande ou pequeno, você poderá redimensioná-lo no painel Pattern Options e diminua a Largura e a Altura para alterar a margem. Depois de redimensionar a margem, continue a redimensionar a composição selecionando tudo, como se estivesse trabalhando normalmente fora do Pattern Editing Mode.

Agora você está pronto para utilizar o pattern em qualquer lugar!

Create a square with the Rectangle Tool and click on the pattern under the Swatches panel as a FillCreate a square with the Rectangle Tool and click on the pattern under the Swatches panel as a FillCreate a square with the Rectangle Tool and click on the pattern under the Swatches panel as a Fill

6. Como Criar um Pattern Desenhado à Mão

Passo 1

Vamos duplicar a prancheta que criamos pressionando Shift-O, e você terá um contorno ao redor da prancheta. Pressione Option-Shift e arraste a prancheta para duplicar e manter o mesmo nível de XY.

Duplicate the artboard we created at the beginningDuplicate the artboard we created at the beginningDuplicate the artboard we created at the beginning

Passo 2

Utilizando a Ferramenta Paintbrush (B) da barra de Tools, crie linhas horizontais na prancheta. Para este pattern, sinta-se à vontade para sair do tabuleiro e alterar o tamanho do ponto do pincel. Eu estou utilizando um tamanho de pincel de 40 pt, mas lembre-se que podemos mudar o tamanho do nosso pattern mais tarde. Eu também estou utilizando a cor vermelha: #F05A54.

Using the Paintbrush Tool draw horizontal linesUsing the Paintbrush Tool draw horizontal linesUsing the Paintbrush Tool draw horizontal lines

Passo 3

Abra o painel Pattern Options indo até Window > Pattern Options. Selecione as formas e, no painel Pattern Options, clique no menu suspenso no canto superior direito. Selecione Make Pattern. O pattern vai ser adicionado ao painel Swatches.

Select the lines and create a pattern through the Pattern OptionsSelect the lines and create a pattern through the Pattern OptionsSelect the lines and create a pattern through the Pattern Options

Passo 4

O Pattern Editing Mode vai ser ativado. Vamos experimentar as opções no painel Pattern Options. Altere o Tile Type para Hex by Column, o que fará com que o pattern mude de uma grade quadrada para uma margem de grade hexagonal na qual a composição se sobreporá.  Altere a Altura e Largura para ter um tamanho menor; estou ativando a opção Maintain Width and Height Proportion e alterando a Largura para 400 px. Redimensione o pattern para se ajustar à margem.

On the Pattern Options change the Tile Type to Hex by Column On the Pattern Options change the Tile Type to Hex by Column On the Pattern Options change the Tile Type to Hex by Column

Passo 5

Sinta-se à vontade para editar o pattern. Quando você estiver satisfeito, clique em Done na parte superior do documento, acima do traço vermelho. Isto nos tirará do Pattern Editing Mode e nosso pattern será editado no painel Swatches. Nosso segundo pattern está pronto para ser utilizado!

Edit the pattern to fill in the gap save and it is ready to useEdit the pattern to fill in the gap save and it is ready to useEdit the pattern to fill in the gap save and it is ready to use

7. Como Criar um Pattern Geométrico

Passo 1

Vamos criar um último pattern inspirado nos anos 70. Utilizando a Ferramenta Ellipse (M), crie dois círculos e faça com que eles se sobreponham para criar uma folha. Utilizando o painel Pathfinder, Intersect as duas formas.

Using the Ellipse Tool create two overlapping circles Intersect using the Pathfinder panel to create a leafUsing the Ellipse Tool create two overlapping circles Intersect using the Pathfinder panel to create a leafUsing the Ellipse Tool create two overlapping circles Intersect using the Pathfinder panel to create a leaf

Passo 2

Duplique a folha pressionando Comando-Shift e clicando e arrastando. Precisamos de quatro folhas para criar uma flor. Utilizando a Ferramenta Rotate (R), rotacione cada folha enquanto pressiona a tecla Shift para uma rotação uniforme. Vamos adicionar um círculo vermelho no centro. Eu estou utilizando os seguintes códigos: azul #A3D1DA e vermelho #F05956.

Duplicate the leaf to create a flower and add a red circle in the middleDuplicate the leaf to create a flower and add a red circle in the middleDuplicate the leaf to create a flower and add a red circle in the middle

Passo 3

Duplique a forma da flor e altere a cor das folhas para roxo com o código de cor #775988 e adicione um quadrado como plano de fundo. Duplique os dois blocos pressionando Comando-Shift e clicando e arrastando horizontalmente. Faça o mesmo na vertical até parecer a imagem abaixo:

Duplicate the flower and change the color to purple Duplicate the flowers to fill in the artboardDuplicate the flower and change the color to purple Duplicate the flowers to fill in the artboardDuplicate the flower and change the color to purple Duplicate the flowers to fill in the artboard

Passo 4

Abra o painel Pattern Options indo até Window > Pattern Options. Selecione as formas e, no painel Pattern Options, clique no menu suspenso no canto superior direito. Selecione Make Pattern. O pattern será adicionado ao painel Swatches. Para este pattern, vamos escolher Altura e Largura de 400 px e redimensionar a composição para que o pattern seja menor.

Create a pattern of the flowers Feel free to resize the pattern to make the flower bigger or smallerCreate a pattern of the flowers Feel free to resize the pattern to make the flower bigger or smallerCreate a pattern of the flowers Feel free to resize the pattern to make the flower bigger or smaller

Passo 5

Eu estou escolhendo para selecionar linhas horizontais alternativas de flores e deslocando-as ligeiramente para a esquerda para adicionar um visual interessante. Como você pode ver, qualquer coisa que apareça fora da margem esquerda reaparecerá no lado direito.

Edit the flower patternEdit the flower patternEdit the flower pattern

Passo 6

Clique em Done na parte superior do documento, acima da linha vermelha.

Save the flowers patternSave the flowers patternSave the flowers pattern

Passo 7

Duplique o quadrado que criamos anteriormente e aplique o pattern. Agora você tem três patterns que você pode utilizar para qualquer coisa!

Duplicate a square and use the pattern under the Swatches panelDuplicate a square and use the pattern under the Swatches panelDuplicate a square and use the pattern under the Swatches panel

Trabalho Maravilhoso, Você Terminou!

Parabéns! Neste tutorial aprendemos a:

  • Utilizar a ferramenta de Pattern Option no Illustrator.
  • Definir e alterar opções para pincéis.
  • Trabalhar em diferentes configurações de grade para dar uma aparência diferente aos nossos patterns.
End resultEnd resultEnd result
Advertisement
Did you find this post useful?
One subscription.
Unlimited Downloads.
Get unlimited downloads