Cyber Monday Sale 40% off unlimited courses & creative assets! 40% off unlimited assets! Save Now
  1. Design & Illustration
  2. Patterns

Como Criar um Simples Pattern Geométrico no Adobe Illustrator

by
Read Time:5 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

Neste tutorial de Dica Rápida, eu vou mostrar a você como criar um pattern geométrico simples e moderno, da maneira rápida e fácil. Primeiro, vamos criar uma forma repetitiva especial, e depois vamos mover este objeto usando a ferramenta Smart Guides. No final, vamos ter um pattern bonito e moderno que vamos recolorir.

Usando esta técnica, você pode criar patterns geométricos muito simples, mas modernos. Obtenha a sua inspiração em Envato Market!

Estou mostrando a você um método antigo, caso você tenha uma versão antiga do Adobe Illustrator. No entanto, se você tem uma versão mais recente do Illustrator, você pode criar uma função de pattern sem emenda usando o Pattern Options function.

1. Crie um Fundo para o Template de Pattern

Vamos começar desenhando um fundo para o nosso pattern. Selecione a Ferramenta Rectangle (M) e clique em sua prancheta. Na janela de diálogo, insira 100 px de Width (largura) e 100 px de Height (altura). Depois clique em OK.

Eu escolhi uma cor menta, mas se você quiser outra coisa, sinta-se à vontade para fazer um quadrado utilizando qualquer cor.

creating the backgroundcreating the backgroundcreating the background

2. Crie uma Forma Repetitiva para o Pattern

Passo 1

Agora vamos criar uma forma repetitiva para o nosso pattern. Delete a cor de preenchimento e defina uma cor preta para o traço. Mais tarde vamos mudá-la para o branco, mas agora queremos vê-lo claramente.

Pegue a Ferramenta Ellipse (L) no painel Tools e clique na prancheta. Na nova janela de diálogo, insira 20 px de Width (largura) e 20 px de Height (altura), e clique em OK.

Mantendo pressionadas as teclas Alt (criando uma cópia) e Shift (movimentando em linha reta), mova para baixo o seu círculo. Viu? Agora você tem duas delas. Mantenha-as selecionadas. Aperte a Ferramenta Rotate (R), e depois em seu teclado, pressione a tecla Enter. Uma nova janela de diálogo vai aparecer perguntando quantos graus você deseja. Insira Ângulo de 90 graus e pressione Copy.

Estamos quase terminando de fazer a nossa forma—apenas precisamos transformá-los em uma única forma. Vá para o painel Pathfinder e pressione Unite. Agora temos a nossa forma repetitiva.

creating the repeating shapecreating the repeating shapecreating the repeating shape

Passo 2

Coloque a forma no fundo menta que criamos no passo anterior. Mude a cor do traço preto para branco. Defina a Espessura do traço no painel Stroke para a sua conexão e quando você estiver satisfeito, expanda o traço da forma repetitiva (Object > Expand).

Vamos alinhar tudo aqui. Certifique-se de marcar a opção Align to Selection no painel Align. Mantenha estes dois objetos selecionados (o fundo e a forma repetitiva), e pressione Horizontal Align Center e Vertical Align Center.

placing the repeating shapeplacing the repeating shapeplacing the repeating shape

3. Crie o Pattern

Passo 1

Agora queremos mover a nossa forma repetitiva livremente. Mas para movê-la precisamente, precisamos habilitar o Smart Guides. Então vamos para View > Smart Guides (Control-U).

Pressione a tecla Alt e mova a forma repetitiva (agora vamos apenas chamá-la de FR) do meio do quadrado para cima. Você precisa manter pressionada a tecla Alt, porque isto ajuda a criar uma cópia. O Smart Guides vai ajudar você a colocar o dentro do FR exatamente na lateral superior do quadrado.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 2

Desta vez, pressione a tecla Alt novamente e mova para baixo a FR.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 3

Pressionando a tecla Alt, mova a FR para a esquerda.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 4

Pressionando a tecla Alt, mova a FR para a direita.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 5

Neste passo, eu não peguei a FR do meio, porque é difícil arrastar a forma exatamente na diagonal. É por isso que eu peguei a FR e arrastei ela para cima.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Abaixo, você pode ver como ele fica quando eu tento arrastar a FR original do meio diagonalmente. Você pode ver que dY não está 50 px, ma 49.67 px, que não é preciso. Se o seu está como o meu, apenas pegue uma outra FR que você possa mover em linha reta, não diagonalmente.

how it looks when moving the repeating shape diagonallyhow it looks when moving the repeating shape diagonallyhow it looks when moving the repeating shape diagonally

Passo 6

Pressionando a tecla Alt, arraste para cima a FR para direita.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 7

Pressionando a tecla Alt, arraste a FR direita para baixo.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 8

Pressionando a tecla Alt, arraste a FR esquerda para baixo.

moving the repeating shapemoving the repeating shapemoving the repeating shape

Passo 9

Se você selecionar tudo (Control-A), você vai ter a mesma figura como a abaixo. Selecione todas as FR (primeiro apenas uma, depois vá para Select > Same > Fill Color) e agrupe-as (clique com o botão direito do mouse > Group). Queremos agrupá-las, porque mais tarde vai nos ajudar a cortar facilmente.

grouping all the repeating shapesgrouping all the repeating shapesgrouping all the repeating shapes

Passo 10

Agora selecione apenas o fundo menta e faça uma cópia em frente (Control-C, Control-F). Depois corte esta nova cópia (Control-X) e posicione-a em frente de tudo (Control-F). Mantenha-a selecionada e depois selecione a FR agrupada. Vá para o painel Pathfinder e pressione o botão Crop. Seu resultado deve parecer assim:

croping the repeating shapescroping the repeating shapescroping the repeating shapes

Passo 11

Para criar um pattern disto, você precisa arrastar o pattern inteiro para o painel Swatches (Window > Swatches). Selecione tudo (Control-A) e usando o seu mouse, mova-o para o painel Swatches.

dragging the pattern template to the Swatches paneldragging the pattern template to the Swatches paneldragging the pattern template to the Swatches panel

4. Crie o Pattern

Passo 1

Já que você criou uma amostra de pattern, você pode seguramente deletar tudo da sua prancheta. Depois pegue a Ferramenta Rectangle (M) e crie um quadrado de 600 px  de Width (largura) e de Height (altura). Vá para o painel Swatches (Window > Swatches) e escolha o novo pattern que você acabou de criar. Olhe o quão adorável ficou!

creating the pattern using the pattern templatecreating the pattern using the pattern templatecreating the pattern using the pattern template

Passo 2

Agora, vamos ver como podemos mudar a cor do pattern.

Selecione o quadrado com o pattern geométrico e vá para Edit > Edit Colors > Recolor Artwork. Na nova janela de diálogo, pressione o botão Edit, e depois pressione o minúsculo botão que parece uma corrente, Link harmony colors (localizado na parte inferior direita), e depois simplesmente arraste as alças de cor para a sua cor escolhida. Aprecie como a cor está mudando em seu pattern!

Recolor Artwork dialogue windowRecolor Artwork dialogue windowRecolor Artwork dialogue window

Olhe como ficou bonito com esta cor azul céu:

recolored artworkrecolored artworkrecolored artwork

Passo 3

Se você quer o mesmo pattern, mas com a FR menor, selecione este pattern e clique com o botão direito do mouse > Transform > Scale. Insira as seguintes opções na nova janela de diálogo:

scaling the patternscaling the patternscaling the pattern

Viva! Agora Você Terminou!

Terminamos! Agora você pode se chamar de mestre dos patterns geométricos. Porque você aprendeu como criar uma forma original para o seu template de pattern, você agora sabe como fazer uma amostra de template do template de pattern, recolorir, e até dimensionar a sua arte! Tenho certeza que você já é um especialista

Final imageFinal imageFinal image
One subscription.
Unlimited Downloads.
Get unlimited downloads