Como Criar um Simples Pattern Geométrico no Adobe Illustrator

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.

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.

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.

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.

Passo 2

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

Passo 3

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

Passo 4

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

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.

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.

Passo 6

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

Passo 7

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

Passo 8

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

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.

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:

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.

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!

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!

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

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:

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