1. Design & Illustration
  2. For Kids

Ilustração para Crianças: Como Criar um Pattern de Bolinhas Retrô Sem Emenda

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

Bem-vindo ao segundo tutorial de crianças! Um dos estilos que eu tenho notado ultimamente é o estilo retrô. Isto definitivamente faz um retorno.

Neste tutorial, vamos criar um pattern sem emenda e pontilhado juntos. É um tutorial simples e fácil que não vai tomar muito tempo—você apenas tem que criar um quadrado e alguns círculos, cortar os círculos, colocá-los no painel Swatches e é isto!

A melhor parte deste tutorial é que você não precisa desenhar todos os círculos você mesmo—mesmo quando você precisa de centenas deles para o seu pattern. Eu vou mostrar a você um truque rápido para conseguir isto feito.  Vamos começar!

Passo 1

Vamos começar criando um Novo Documento. Para criar um Novo Documento em seu Adobe Illustrator, vá para File > New e insira as seguintes opções:

starting with a new filestarting with a new filestarting with a new file

Passo 2

No painel Tools, você pode encontrar a Ferramenta Rectangle (M), que você vai usar para criar um quadrado. Clique nesta ferramenta e depois clique no meio da sua prancheta. Uma nova janela de diálogo vai aparecer, pedindo para você inserir o Width (largura) Height (altura) do quadrado que você quer criar. Insira as opções mostradas na imagem abaixo na janela de diálogo Rectangle e depois clique em OK.

Uma vez que você tem um quadrado branco com o traço preto, você precisa mudar a cor de preenchimento. Para isto, dê uma olhada no painel Color (Window > Color) e delete a cor do traço. Defina a cor de preenchimento para menta (veja o código da cor na imagem abaixo). Certifique-se de que o modo de cor RGB esteja marcado em seu painel de cor. Se não estiver, então encontre o pequeno triângulo no canto direito superior do paienl Color, clique nele e marque RGB. Depois aplique o código da cor que você vê na imagem abaixo.

creatine the backgroundcreatine the backgroundcreatine the background

Passo 3

Agora vamos criar um círculo. Pegue a Ferramenta Ellipse (L) no painel Tools e clique no meio do quadrado. Na nova janela de diálogo, insira as opções que você vê abaixo. Depois clique em OK. Você vai provavelmente obter o mesmo círculo azul como o seu quadrado, por isso vamos mudar a cor de preencimento no painel Color (Window > Color) como você fez para o quadrado. Dê uma olhada na imagem abaixo para o código da cor.

Creating the first dotCreating the first dotCreating the first dot

Passo 4

Vamos alinhar tudo. Selecione o quadrado e o círculo juntos, vá para o painel Align (Window > Align) e pressione Horizontal Align Center e Vertical Align Center. Clique em Align To: para ver se > Align to Selection está marcado.

aligning the background and dotaligning the background and dotaligning the background and dot

Passo 5

Neste próximo passo, vamos precisar conseguir alguns ajudantes. Chame por ajuda, alto e claro—“Por favor, me ajude!” Não—espere—brincadeira! Não assuste sua mãe. Vamos tranquilamente ir em View > Smart Guides (Control-U). Estes pequenos ajudantes silenciosos vão ajudar você a posicionar um novo círculo no canto do quadrado.

Pressione a tecla Alt e mova o círculo existente do meio do quadrado diagonalmente para o canto esquerdo superior. Você precisa manter pressionada a tecla Alt, porque isto ajuda a criar uma cópia. O Smart Guides vai ajudar você a colocar a cópia do círculo exatamente no canto esquerdo superior do quadrado. Estes dois ajudantes vão ajudar você a alinhar perfeitamente os círculos na posição certa.

Creating second dotCreating second dotCreating second dot

Passo 6

Agora, desta vez, pressione a tecla Alt de novo e mova o círculo do meio diagonalmente para o canto superior direito do quadrado.

Creating third dotCreating third dotCreating third dot

Passo 7

Mantenha pressionada a tecla Alt mais uma vez e mova o círculo do meio diagonalmente para o canto superior esquerdo do quadrado.

Creating fourth dotCreating fourth dotCreating fourth dot

Passo 8

Por último, mas não menos importante, mantenha pressionada a tecla Alt de novo e mova o círculo do meio diagonalmente para o canto inferior direito do quadrado.

Creating fifth dotCreating fifth dotCreating fifth dot

Passo 9

Agora, vamos nos livrar das partes desnecessárias dos círculos. Vamos cortar estes usando o nosso quadrado. Selecione o quadrado e faça uma cópia na frente (Control-C, Control-F). Esta cópia vai ser o nosso cortador.

Mantenha-a selecionada e enquanto mantém pressionada a tecla Shift (é porque você quer selecionar duas formas), selecione o círculo do canto superior esquerdo. Vá para Pathfinder (Window > Pathfinder) e pressione o botão Intersect. Tome cuidado quando você estiver selecionando as formas—certifique-se de que você não está movimentando-as acidentalmente.

cutting first dotcutting first dotcutting first dot

Passo 10

Quando você cortar alguma coisa utilizando o nosso cortador, isto desaparece. Então precisamos criar o cortador novamente. Selecione o quadrado mais uma vez e faça uma cópia na frente (Control-C, Control-F). Mantenha-o selecionado e, pressionando a tecla Shift, selecione o círculo do canto superior direito. Vá para Pathfinder (Window > Pathfinder) e pressione o botão Intersect.

cutting second dotcutting second dotcutting second dot

Passo 11

Agora, usando o mesmo método, faça o próximo círculo—crie uma cópia do quadrado e corte o círculo do canto inferior esquerdo.

cutting third dotcutting third dotcutting third dot

Passo 12

Novamente, o mesmo método—corte o círculo do canto inferior direito.

cutting fourth dotcutting fourth dotcutting fourth dot

Passo 13

Para criar um pattern disto, você precisa arrastar tudo que você criou para o painel Swatches (Window > Swatches). Selecione o quadrado e todos os círculos. Utilizando o seu mouse, mova-o para o painel Swatches.

creating the pattern template draggin to the Swatches panelcreating the pattern template draggin to the Swatches panelcreating the pattern template draggin to the Swatches panel

Passo 14

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

creating the completed patterncreating the completed patterncreating the completed pattern

Passo 15

Se você quer o mesmo pattern, mas com pontos menores, selecione o pattern (o quadrado de 600 px Width (largura) e Height (altura) em sua prancheta), clique com o botão direito do mouse > Transform > Scale. Insira as seguintes opções na nova janela de diálogo:

Scale panelScale panelScale panel

Desfrute do seu novo pattern com pequenos pontos!

how looks completed pattern scaled to 50 how looks completed pattern scaled to 50 how looks completed pattern scaled to 50

Não se esqueça de salvar todo o seu trabalho: File > Save.

Trabalho Incrível, Você Terminou!

Parabéns—você fez um trabalho incrível! Espero que você tenha pego novos truques deste tutorial e que você possa criar com facilidade um pattern de bolinhas para o seu próximo projeto. Você pode aplicar este pattern para qualquer forma que você quiser.

Você sabe o que mais você pode fazer? Você pode também desenhar uma outra forma ao invés de um círculo para o pattern (como você fez no início deste tutorial), por exemplo, um quadrado ou um hexágono. Apenas tenha em mente que tem que ser uma forma sólida! Divirta-se com os patterns!

One subscription.
Unlimited Downloads.
Get unlimited downloads