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

Como Criar uma Ilustração de Preguiça no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Neste tutorial, você vai aprender como criar uma ilustração adorável de preguiça no Adobe Illustrator. 

Vamos utilizar formas simples e diferentes ferramentas e efeitos, tais como a Ferramenta Warp, Ferramenta Width, Ferramenta Smooth e Efeitos Warp para criá-la. Este tutorial é, na verdade, uma colaboração com a Monika Zagrobelna, onde ensina a desenhar uma preguiça passo a passo. Então confira o tutorial dela!

Se você quiser encontrar mais inspiração de preguiça, certifique-se de conferir o PhotoDune.

Vamos começar!

1. Como Criar o Corpo da Preguiça

Passo 1

Crie um novo documento com 800 px de Width (largura) e Height (altura).

Primeiro, vamos começar a criar o corpo da nossa preguiça. Para o corpo vamos utilizar uma elipse, que será modificada depois. Primeiro, delete a cor do traçado e defina a cor do preenchimento como na imagem abaixo. Em seguida, aperte a Ferramenta Ellipse (L) e desenhe uma elipse. Enquanto o mantém selecionado, vá para Effect > Warp > Arc e insira as opções que você vê abaixo. Não se esqueça de expandir esta forma: Object > Expand Appearance.

Adicione um pequeno círculo no lado esquerdo da elipse deformada; isto será a cabeça. Para fazer um círculo uniforme, use a Ferramenta Ellipse (L) enquanto mantém pressionada a tecla Shift.

creating the body and head

Passo 2

Vamos fazer uma transição suave da cabeça para o corpo. Selecione as duas formas e pressione Unite no painel Pathfinder (Window > Pathfinder). Mantenha a nova forma selecionada, e toque na Ferramenta Smooth (clique e segure a Ferramenta Pen (N), e você via ver a Ferramenta Smooth) e mova-a sobre os contornos para suavizá-la. No final, você terá algo como uma letra C reclinada. Agora, temos o corpo!

creating the body and head 2

2. Como Criar o Braço da Preguiça

Passo 1

Agora, delete a cor de preenchimento e defina a mesma cor do traçado que você usou para o preenchimento: clique no botão Swap Fill and Stroke no painel Tools (Shift-X). Marque o Round Cap e faça um traço muito espesso no painel Stroke. Utilizando a Ferramenta Arc, desenhe um arco.

Para torná-lo mais parecido como um braço, vamos fazer uma extremidade mais grossa. Para isto, pegue a Ferramenta Width (Shift-W) e estique este fim do arco que acabamos de criar.

creating the arm

Passo 2

Para criar uma garra, vamos utilizar as mesmas operações que para o braço. Desenhe um arco marrom claro com a Espessura necessária (deve ser mais fino do que o braço) e com o Round Cap selecionado. Em seguida, altere a espessura em ambos os lados deste arco. Basta selecionar a Ferramenta Width (Shift-W) e mover as alças para tornar a parte superior da garra mais fina e a parte inferior um pouco mais grossa.

creating the claw

Passo 3

Posicione a garra atrás do braço. Para fazer isso, selecione a garra e pressione Control-X, Control-B. Para mostrar a separação das garras, faça uma cópia da primeira atrás (Control-C, Control-B), desloque-a um pouco para a direita e torne-a mais escura.

Em seguida, faça uma cópia delas para trás (a garra e a cópia mais escura) e desloque-as para a direita.

E, finalmente, crie a terceira garra como você fez com a anterior.

placing the claws

Anexe o braço ao corpo.

placing the arm

3. Como Criar o Galho

Passo 1

Para o galho, vamos utilizar um retângulo marrom claro, que você deve criar usando a Ferramenta Rectangle (M). Agora, usando o efeito Bulge, vamos deformar um pouco este retângulo. Selecione o retângulo e vá para Effect > Warp > Bulge. Na nova janela, ajuste as opções apresentadas. Expanda esta forma (Object > Expand Appearance).

creating the branch

Passo 2

Agora rotacione um pouco o galho e posicione-o para trás (Control-X, Control-B) o braço da preguiça, conforme mostrado abaixo.

placing the branch

Passo 3

Para tornar o galho mais realista e não tão perfeitamente reto, vamos tornar áspera a superfície com a Ferramenta Warp. Clique duas vezes na Ferramenta Warp (Shift-R) e insira as opções como na imagem abaixo. É muito importante selecionar o objeto antes de usar a Ferramenta Warp (Shift-R), caso contrário você vai afetar outros objetos que o rodeiam. Mova o seu mouse sobre o galho para tornar áspera a sua forma.

Warp Tool Options window for roughen the branch
roughen the branch

Passo 4

Vamos continuar tornando o galho mais realista. Pegue a Ferramenta Pen (N), delete a cor de preenchimento e torne a cor do traço um pouco mais escura. Certifique-se de marcar o Round Cap no painel Stroke. Desenhe linhas e curvas em cima do galho. 

Para evitar desenhar em cima do braço da preguiça, você pode mover o galho para longe da preguiça e adicionar todas as linhas. Depois de terminar, agrupe o galho inteiro com as linhas (clique com o botão direito do mouse > Group) e coloque o galho atrás do braço novamente.

creating the lines on the branch

4. Como Criar o Segundo Braço da Preguiça

Passo 1

Para o segundo braço, usaremos uma cópia do primeiro, que criamos anteriormente neste tutorial. Faça uma cópia dele. Pegue a Ferramenta Direct Selection (A) e mova as alças dos pontos de ancoragem para alcançar o resultado que você vê na imagem abaixo.

Para criar as garras do segundo braço, faça uma cópia refletida da garra com o sombreamento do primeiro braço. Para fazer isso, selecione-o, clique com o botão direito do mouse e selecione Transform > Reflect. Na caixa de diálogo que aparece, selecione Axis Vertical, Ângulo 90 graus, e aperte Copy. Posicione esta garra no topo do segundo braço, como mostrado na imagem. E, finalmente, faça mais duas cópias uma atrás do outro.

creating the second arm

Passo 2

Coloque o segundo braço atrás do corpo da preguiça e atrás da árvore.

placing the second arm

5. Como Criar as Pernas da Preguiça

Passo 1

Para a primeira perna, faça uma cópia do primeiro braço. Posicione-o onde a perna deve ser.

creating the first let

Passo 2

Expanda a primeira perna: selecione a parte da perna sem garras e toque em Object > Expand. Em seguida, mantendo a parte expandida da perna e do corpo selecionadas, uni-os pressionando o botão Unite no painel Pathfinder (Window > Pathfinder).

Vamos suavizar a transição entre a perna e o corpo. Enquanto mantém estas duas partes selecionadas, aperte a Ferramenta Smooth e mova-a sobre os contornos para suavizar.

uniting the first leg and body

Passo 3

Para a segunda perna, crie uma cópia do segundo braço e coloque-a atrás do corpo e da árvore.

creating the second leg

6. Como Criar o Rosto de uma Preguiça

Passo 1

Vamos criar aquele rosto divertido e sorridente da preguiça. Utilizando a Ferramenta Ellipse (L), desenhe uma forma oval marrom clara. Crie uma cópia desta forma oval: enquanto mantém os botões Alt e Shift pressionados, mova a forma oval para a direita. Esta ação vai criar uma cópia da forma oval original, alinhada horizontalmente.

Una estas formas ovais selecionando-as e apertando o botão Unite no painel Pathfinder. Depois remova o ponto de ancoragem inferior localizado entre as duas formas ovais. Para remover o ponto de ancoragem, você precisa usar a Ferramenta Delete Anchor Point (-).

creating the face

Passo 2

Faça uma cópia da forma marrom clara em frente à original (Control-C, Control-F), e torne-a um pouco menor e mais escura. Para mais mudanças, selecione a forma mais escura, vá para Effect > Warp > Arch, e insira as opções mostradas. Expanda esta forma (Object > Expand Appearance).

creating the face 2

Passo 3

Para o olho, crie um círculo uniforme: use a Ferramenta Ellipse (L) enquanto mantém pressionada a tecla Shift. Depois adicione um círculo menor e mais escuro (Control-C, Control-F) dentro do primeiro círculo. Adicione um pequeno círculo branco para iluminar o olho. Para sua conveniência, agrupe os elementos do olho (clique com o botão direito do mouse > Group). Posicione os olhos em seu lugar. 

Enquanto segura as teclas Shift e Alt, mova este olho para a direita. Você vai obter uma outra cópia do olho para completar os olhos.

creating the eyes

Passo 4

Para adicionar outros detalhes para o rosto, crie uma elipse usando a Ferramenta Ellipse (L). Em seguida, deforme sua elipse com o efeito Flag. Vá para Effect > Warp > Flag. Digite as opções que você vê abaixo.

adding staint around the eyes

Passo 5

Coloque a nova forma por trás do olho esquerdo. 

Para completar o olhar, faça uma cópia desta forma: clique com o botão direito do mouse e selecione Transform > Reflect. Depois de obter uma caixa de diálogo, escolha Axis Vertical, Ângulo de 90 graus, e pressione Copy. Mova a forma recém-criada para a direita e posicione-a atrás do olho direito.

placing the eye stains

Passo 6

Para o nariz, vamos começa criando uma outra elipse marrom clara. Usando a Ferramenta Direct Selection (A), selecione os pontos de ancoragem esquerdo e direito da elipse, e mova-os para baixo. Coloque esta forma no meio do rosto, como mostrado abaixo. Para posicioná-lo exatamente no meio do rosto, verifique View > Smart Guides (Control-U).

Continue fazendo o nariz. Em frente desta forma, adicione um pequeno retângulo arredondado marrom. Para obter um retângulo arredondado com cantos muito redondos, crie primeiro um pequeno retângulo arredondado e depois amplie-o. Para versões posteriores do Illustrator, você também pode ir para View > Show Corner Widget e modificar os cantos, arrastando-os para dentro.

Finalmente, adicione dois círculos pequenos escuros (Ferramenta Ellipse (L) + tecla Shift) e posicione-os em frente do retângulo arredondado.

creating the nose

Passo 7

Crie um círculo e uma elipse marrom clara, cruzados conforme apresentado abaixo. Selecione o círculo e vá para Effect > Warp > Inflate. Na janela que aparece, insira Bend -20%. Depois selecione a elipse horizontal e agora insira Bend -30%.

Expanda (Object > Expand Appearance) e una (Unite no Pathfinder) ambas as formas.

Garanta que você tenha selecionado View > Show Corner Widget, e selecione os cantos pontiagudos, arrastando-os para torná-los suaves.

creating the mouth

Passo 8

Posicione a forma recém-criada em seu lugar no rosto da preguiça, atrás do nariz.

Agora a nossa preguiça precisa de um sorriso! Faça-o utilizando um arco marrom escuro com Espessura fina, e marque Round Cap no painel Stroke. Opcionalmente, você pode adicionar um arco de luz menor para o queixo.

Para finalizar esta parte, posicione este rosto feliz na cabeça da preguiça.

placing the face

7. Como Criar o Pelo da Preguiça

Passo 1

Para adicionar o pelo, use a Ferramenta Pencil (N) sem cor de preenchimento e com a cor do traçado apresentada abaixo, e marque Round Cap. Desenhe linhas e curvas curtas sobre o corpo inteiro, exceto no braço e na perna esquerda.

creating the fur

Passo 2

Para o pelo do braço e da perna esquerda, utilize uma cor diferente do traçado. Como estão atrás, a cor do pelo deve ser um pouco mais escura.

creating the fur 2

8. Como Criar o Fundo

Passo 1

Vamos fazer um fundo para a nossa ilustração. Crie um quadrado verde claro atrás da preguiça, 850 px de Width (largura) e Height (altura), utilizando a Ferramenta Rectangle (M).

creating the background

Passo 2

Vai ser bom adicionar algumas folhas à nossa ilustração. As folhas apresentadas abaixo podem ser facilmente criadas seguindo alguns passos do meu tutorial anterior. Depois de criar as folhas, posicione-as atrás da preguiça e do galho.

Nossa preguiça está pronta!

adding the leaves

Incrível trabalho, Você Terminou!

E nós terminamos! Espero que você tenha gostado deste tutorial e tenha aprendido algumas maneiras úteis de criar suas futuras ilustrações. Estou ansioso para ver os seus resultados. Se você tiver quaisquer dúvidas ou comentários, por favor, junte-se à discussão abaixo!

Aqui está o resultado da Monika:

Monikas end result

E o meu:

Nataliyas end result
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.