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

Como Criar um Pattern de Escola Fofo e Divertido 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

Siga este tutorial e vamos criar um pattern sem emenda de volta à escola com animais fofos e itens escolares! Vamos modificar várias formas simples, usando a Ferramenta Shape Builder, Efeitos Warp, e outras funções úteis do Adobe Illustrator. Então, vamos reunir nossos elementos em um pattern divertido sem emenda que pode ser aplicado a qualquer forma e usado para impressão em tecido ou como um plano de fundo para o seu site ou blog. 

Você pode criar uma versão expandida do pattern, adicionando mais elementos, que você pode obter deste Conjunto Escolar de Crianças em Envato Elements. Lá você vai encontrar uma coleção de patterns coloridos sem emenda, um conjunto de itens escolares e retratos de todos os personagens que você pode usar para projetos pessoais e comerciais!

School Kids Set on Envato Elements

Vamos começar a criar o nosso pattern!

1. Como Criar um Coelho Fofo

Passo 1

Pegue a Ferramenta Ellipse (L) e vamos criar a base da cabeça a partir de uma forma oval branca de 115 x 85 px.

Use a Ferramenta de Direct Selection (A) para puxar as alças de ancoragem dos pontos laterais para cima, tornando a forma um pouco mais quadrada e plana na parte superior.

make a head from ellipse

Passo 2

Vamos adicionar as características faciais. Faça um círculo roxo escuro de 8 x 8 px para o olho. Selecione-o com a Ferramenta Selection (V), segure Alt-Shift e arraste para o lado oposto para fazer o segundo olho.

Depois faça um par de elipses rosa de 12 x 6 px para os pontos corados nas bochechas. Use as mesmas elipses para formar as sobrancelhas. Mude a cor de preenchimento para cinza e rotacione as formas um pouco para que o coelho se pareça surpreso e amigável.

Crie uma elipse maior para o nariz e coloque-a no centro do rosto. Use a Ferramenta Eyedropper (I) para escolher a cor dos olhos.

Finalmente, para tornar tudo perfeitamente alinhado, podemos agrupar (Control-G) cada par de elementos, selecioná-los juntamente com a cabeça, e clique em Horizontal Align Center no painel Align. Selecione Align to Key Object ou Artboard na parte inferior do painel.

add facial features

Passo 3

Agora vamos adicionar uma boca. Crie um círculo de 12 x 12 px com Traçado roxo escuro e Sem Preenchimento. Use a Ferramenta Scissors (C) para clicar em ambos os pontos de ancoragem laterais, dividindo a forma à parte. Delete a metade superior do círculo. 

Mantenha pressionado Alt-Shift e arraste o semicírculo para a direita, criando uma cópia.

Podemos ajustar a espessura das linhas no painel Stroke. Ajuste o Weight para 2 pt e Cap para Round Cap.

Conecte a boca com o nariz, adicionando uma linha vertical curta de 2 pts.

form a mouth from a circle

Passo  4

Vamos colocar um par de óculos redondos e engraçados no rosto do nosso coelho. Faça um círculo maior de 55 x 55 px com traçado magenta e 3 pts de Espessura do Traço.

Duplique (segure Alt-Shift e arraste) para o lado oposto e conecte os círculos com um pequeno arco. Podemos copiar a linha arqueada do grupo da boca e rotacioná-la de cabeça para baixo.

add glasses

Passo 5

Agora vamos para as orelhas. Faça uma elipse cinza clara de 22 x 75 px. Selecione seus pontos de ancoragem superior e inferior com a Ferramenta Direct Selection (A) e Converta os pontos de ancoragem selecionados para o canto do painel de controle em cima.

Em seguida, selecione os dois pontos de ancoragem laterais e arraste-os um pouco para tornar o topo da forma mais amplo.

make an ear from the ellipse 1

Passo 6

Clique duas vezes na Ferramenta Rotate (R) e ajuste o Ângulo para 20 graus. Agora Copie (Control-C) a forma e Cole em Frente (Control-F). Faça a forma menor e preencha-a com a cor rosa, retratando a parte interna da orelha.

make an ear from the ellipse 2

Passo 7

Agrupe (Control-G) ambas as partes da orelha, clique duas vezes na Ferramenta Reflect (O) e selecione o Eixo Vertical. Clique em Copiar para criar a segunda orelha.

use the reflect tool

Passo 8

Anexe as orelhas ao topo da cabeça e Envie para Trás (Shift-Control- [).

Aí temos ele! Nosso coelho está pronto!

Our bunny is ready

2. Como Desenhar um Personagem de Gatinho

Passo 1

Vamos usar a base da cabeça do coelho e seu rosto para fazer um gatinho fofo! Adicione traços curtos de 2 pt aos olhos para formar os cílios.

create a kittens face

Passo  2

Pegue a Ferramenta Ellipse (L) e vamos fazer algumas listras na testa. Crie uma forma oval de 15 x 45 px no centro da borda superior da cabeça e adicione duas formas ovais menores em ambos os lados.

Selecione todas as formas ovais e a cabeça. Pegue a Ferramenta Shape Builder (Shift-M), mantenha pressionada a tecla Alt, e clique nas peças que deseja deletar.

use the shape builder tool

Passo  3

Agora vamos fazer as orelhas!

  1. Pegue a Ferramenta Polygon (você pode encontrá-la no mesmo menu suspenso que a Ferramenta Rectangle (M)) e clique em qualquer lugar na Prancheta para abrir uma janela pop-up Options. Defina o número de Lados para 3. Faça um triângulo de 65 x 60 px.
  2. Selecione o canto superior do triângulo com a Ferramenta de Direct Selection (A) e arraste-o para o lado direito.
  3. Pegue a Ferramenta Anchor Point (Shift-C) e vamos fazer a parte superior da orelha arredondada. Clique no ponto de ancoragem superior e arraste as alças para fora, tornando o canto suave.
make an ear from a triangle 1

Passo 4

Arraste o ponto superior mais para a direita, tornando a forma mais inclinada. Duplique (Control-C > Control-F) a forma e torne a cópia menor. Mude a cor de preenchimento para rosa, representando a parte interna da orelha.

make an ear from a triangle 2

Passo 5

Vamos rotacionar a orelha, anexá-la ao lado esquerdo da cabeça e Enviar para Trás (Shift-Control- [). Use a Ferramenta Reflect (O) para virar o grupo de orelha sobre o Eixo Vertical e anexá-lo no lado oposto da cabeça.

attach the ears to the head

Passo 6

Termine o gatinho adicionando óculos arredondados ao rosto.

Finish up with the kitty

3. Como Fazer um Cachorro Shiba Fofo

Passo 1

Comece fazendo uma cabeça de uma elipse laranja de 125 x 90 px. Selecione seus pontos de ancoragem laterais com a Ferramenta Direct Selection (A) e mova-os um pouco para baixo. Faça as alças de ancoragem mais curtas para tornar os lados da cabeça mais pontiagudos.

Adicione as características faciais ao rosto duplicando-as do coelho, mas desta vez faça as sobrancelhas brancas.

make a head from the ellipse

Passo 2

Pegue a Ferramenta Line Segment (\) ou a Ferramenta Pen (P), segure o Shift e faça uma linha horizontal. Vá para Effect > Distort & Transform > Zig Zag e defina as seguintes opções:

  • Size para 10 px
  • Ridges per Segment para 3
  • Points para Smooth

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

make a smooth zig zag line

Passo 3

Use a Ferramenta Direct Selection (A) para endireitar as pontas da linha, curvando as alças de ancoragem para baixo.

Coloque o traçado criado sobre rosto, como mostrado na imagem abaixo, e alinhe-o com a cabeça, usando a cabeça como um Key Object. Para fazer isto, selecione a linha e a cabeça e clique novamente na cabeça. Depois clique em Horizontal Align Center no painel Align.

align the shapes to the center

Passo 4

Mantendo ambas as formas selecionadas, clique em Divide no painel Pathfinder para separar a forma. Preencha a parte inferior com a cor branca.

use divide in the pathfinder panel

Passo 5

Vamos criar uma orelha de um triângulo laranja de 65 x 60 px. Vá para Effect > Warp > Arc, defina o valor Vertical Bend para 20%, e clique em OK.

Object > Expand Appearance para aplicar o efeito.

make an ear from a triangle 1

Passo 6

Selecione a forma com a Ferramenta Direct Selection (A) e vamos tornar os cantos arredondados. Podemos fazer isso manualmente puxando o marcador circular do Live Corners ou configurando o Corner Radius para 10 px no painel de controle na parte superior.

Duplique (Control-C > Control-F) a forma e torne a cópia menor. Mude sua cor de preenchimento para branco.

make an ear from a triangle 1

Passo 7

Anexe a orelha à cabeça e use a Ferramenta Reflect (O) para fazer uma cópia espelhada. Nosso cachorro shiba está pronto! Ótimo trabalho!

Our shiba dog is finished

4. Como Desenhar um Guaxinim Fofo

Passo 1

Nós podemos fazer a cabeça deste personagem semelhante à cabeça do cachorro, mas com lados mais acentuados.

Outra maneira de criar a cabeça é abrir este tutorial Como Criar um Conjunto de Ícones de Animais Flat no Adobe Illustrator e seguir a Parte 3, Passo 1 para recriar uma cabeça de guaxinim semelhante.

Ou podemos obter todo o pacote de Ícones de Animais Flat em Envato Elements e usar o ícone do guaxinim como base.

Aplique o rosto do nosso coelho.

make a raccoons face

Passo 2

Vamos recriar as listras. Faça uma elipse de 83 x 75 px, azul escuro, rotacione-a e posicione-a no lado esquerdo do rosto, como mostrada na imagem abaixo. Use a Ferramenta Reflect (O) para virar a forma sobre o Eixo Vertical, criando uma cópia.

Selecione as elipses junto com a cabeça e use a Ferramenta Shape Builder (Shift-M) enquanto mantém pressionada a tecla Alt para deletar as peças indesejadas.

create the stripes from ovals

Passo 3

Agora temos todos os quatro personagens! Vamos adicionar mais alguns objetos para tornar o pattern mais diversificado.

all four characters

5. Como Criar um Tambor Colorido

Passo 1

Vamos criar as bordas superior e inferior do tambor a partir de um par de retângulos rosa de 98 x 9 px com o Corner Radius de 2 px.

Posicione os retângulos como mostrados abaixo e conecte-os com um retângulo maior rosa claro, representando uma vista lateral do tambor.

make a drum from rectangles

Passo 2

Crie uma linha horizontal com traçado amarelo, usando a Ferramenta Pen (P) ou a Ferramenta Line Segment (\).

Vá para Effect > Distort & Transform > Zig Zag e defina as seguintes opções:

  • Size para 26 px
  • Ridges per segment para 4
  • Points para Corner

Clique em OK e vá para Object > Expand Appearance. Use a Ferramenta Delete Anchor Point (-) para excluir o ponto inferior à direita para tornar a forma simétrica.  

make a zig zag line

Passo 3

Selecione a forma criada, clique com o botão direito do mouse e Junte-a para fechar o caminho. Pressione Shift-X para Trocar o Preenchimento e Traço.

Finalmente, posicione os triângulos criados sobre a base do tambor. Redimensione e alinhe para fazer os triângulos se encaixarem no tambor.

add triangles to the drum

Passo 4

Termine o tambor adicionando um par de simples baquetas feitas de círculos e retângulos arredondados.

add drumsticks

6. Como Desenhar um Bloco de Notas Escolar, Giz, e uma Maçã

Passo 1

Vamos para o próximo item escolar. Pegue a Ferramenta Rectangular (M) e faça um retângulo amarelo de 75 x 110 px. Duplique (Control-C > Control-F) e torne a cópia superior menor (75 x 98 px). Preencha a nova forma com a cor rosa.

make a notebook from rectangles

Passo 2

Vamos adicionar uma espiral ao caderno. Faça dois retângulos cinza de 12 x 6 px e posicione-os no lado esquerdo do caderno. Selecione os retângulos e vá para Object > Blend > Make.

Agora que o Blend Group está criado, podemos editar as configurações de Object > Blend > Blend Options e configurar o Spacing para Specificized Steps igual a 7.

add a spiral using blend tool

Passo 3

Vamos adicionar um retângulo arredondado amarelo à capa e decorar ela com as letras "ABC". Eu usei a Fonte Bananito, que você pode obter no GraphicRiver, ou você pode substituí-la por qualquer tipo de estilo desenhado à mão do seu agrado.

Copie (Control-C) o retângulo da base amarela e Cole Atrás (Controle-B). Selecione os pontos de ancoragem superior e inferior direito com a Ferramenta Direct Selection (A) e mova os pontos para baixo. Preencha a cópia com uma cor amarela mais escura para tornar o objeto um pouco mais tridimensional.

design the cover of the notebook

Passo 4

Crie um retângulo rosa de 14 x 75 px e transforme-o em um simples lápis, adicionando mais listras e detalhes. Faça também o topo do lápis a partir de um retângulo e mova seus pontos de ancoragem superiores mais próximos um do outro usando as teclas de seta do teclado enquanto mantém pressionada a tecla Shift.

Duplique os gizes algumas vezes e varie as cores.

make a crayon from rectangles

Passo 5

Vamos fazer uma maçã a partir de um círculo vermelho de 55 x 55 px. Selecione o seu ponto de ancoragem superior e use a Ferramenta Anchor Point (Shift-C) para girar as alças 45 graus para criar o topo da maçã em forma de coração. Torne-a um pouco mais suave, usando o recurso Live Corners.

Conclua a maçã adicionando mais alguns detalhes como uma folha e um destaque, usando a Ferramenta Ellipse (L).

make an apple from a circle

7. Como Projetar um Pattern Sem Emenda

Passo 1

Agora que temos todos os elementos prontos, podemos selecioná-los e ir para Object > Pattern > Make. Uma vez que o painel Pattern Options está aberto, defina as seguintes opções:

  • Tile Type para Grid
  • Width para 450 px
  • Height para 450 px
  • Copies para 5 x 5

Podemos começar a distribuir os nossos objetos dentro da caixa azul, mantendo todos os outros objetos fora da caixa e adicionando-os um por um para tornar o pattern equilibrado.

A opção Cópias nos ajuda a ver a imagem inteira projetando cópias semi-transparentes ao redor da caixa para que possamos alinhar os elementos e preencher os espaços em branco.

make a pattern with pattern tool 1

Passo 2

Adicione o resto dos elementos, colocando-os entre os personagens e rotacionando os objetos.

Preencha os espaços vazios com elementos genéricos, tais como círculos, folhas ou formas semelhantes a gotas, criando-as com a Ferramenta Pencil (N) ou com um Pincel de Arte.

Vamos ver como podemos fazer tal pincel nós mesmos.

make a pattern with pattern tool 2

Passo 3

Comece fazendo um círculo de cerca de 20 x 20 px de tamanho. Selecione o ponto de ancoragem esquerdo e arraste-o para a esquerda. Converta o ponto de ancoragem selecionado para o canto do painel de controle na parte superior.

Depois arraste e solte a forma no painel Brushes (Window > Brushes). Selecione Art Brush no menu pop-up e deixe todas as opções como padrão. Agora podemos escolher o pincel no painel Brushes e usar a Ferramenta Paintbrush (B) para desenhar elementos florais simples ou espirais. 

Podemos alterar o tamanho das espirais, variando o Weight no painel de controle na parte superior ou no painel Stroke.

make an art brush

Passo 4

Uma vez que você esteja feliz com o pattern, clique em Done na parte superior da Prancheta. Agora podemos encontrar o nosso pattern no painel Swatches e editá-lo a qualquer momento, se necessário, clicando no botão Edit Pattern na parte inferior do painel.

Vamos fazer um retângulo rosa de 850 x 600 px. Duplique-o e aplique o pattern à cópia superior clicando-o no painel Swatches.

Aí temos ele!

apply the created pattern

Passo 5

Utilizei mais itens escolares do Conjunto Escolar Infantil para tornar o pattern mais detalhado e divertido. Também podemos variar as cores dos elementos e do plano de fundo, tornando-o adequado a qualquer necessidade do design.

design variations

Parabéns! Nosso Pattern Sem Emenda de Escola Infantil Está Pronto!

Ótimo trabalho! Nosso pattern está finalizado! Espero que você tenha gostado de seguir este tutorial e descoberto algumas dicas e truques novos que vão ajudar você a desenhar personagens de desenho animado mais fofos e projetar novos patterns sem emenda em diferentes temas!

the pattern is finished

Sinta-se a vontade para obter toda o Conjunto Escolar Infantil em Envato Elements. Lá você vai encontrar a versão expandida do nosso pattern em diferentes combinações de cores, bem como um monte de elementos adicionais e retratos de todos os personagens para usar em seus projetos pessoais ou comerciais.

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.