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

Como Criar um Gatinho Fofo em Cartoon no Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

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

Final product image
What You'll Be Creating

Sempre quis ilustrar o livro de uma criança ou aprender a desenhar bonitos personagens de desenhos animados? Este tutorial pode ser interessante para você! Nós vamos atravessar um processo divertido e fácil de criação de um lindo gatinho Siamês no Adobe Illustrator, usando formas simples, Warp Effects e a Ferramenta Pencil com um pouco de desenho à mão livre. Pronto para começar?

No final deste tutorial, você vai ter descoberto novas dicas e truques que você pode aplicar aos seus futuros trabalhos, criando mais personagens como estes Animais Fofos de Desenho Animado do GraphicRiver.

cute cartoon animals from graphicriver

1. Como Desenhar a Cabeça do Gato

Passo 1

Vamos começar criando um Novo Documento do tamanho de 600 x 600 px e RGB Color Mode. Use a Ferramenta Rectangle (M) para fazer um retângulo do mesmo tamanho e Preenchê-lo com uma cor azul claro para o fundo.

create a new document

Passo 2

Vamos começar com a base da cabeça. Use a Ferramenta Ellipse (L) para fazer uma forma oval bege claro de 285 x 215 px. Selecione seus pontos de ancoragem laterais com a Ferramenta Direct Selection (A) e arraste-os alguns pixels para baixo, fazendo o fundo da forma um pouco mais achatado. Você pode movê-los mantendo pressionado Shift e clicando e arrastando com o seu mouse ou usando a tecla de Seta para Baixo do seu teclado.

Copie (Control-C) a forma e Cole no lugar (Shift-Control-V). Segure Alt-Shift e faça a cópia menor. Mude sua cor para cinza pálido.

create a head from ellipse

Passo 3

Vamos anexar um par de orelhas para a cabeça do gatinho. Primeiro, pegue a Ferramenta Polygon (ela está localizada no menu drop-down como a Ferramenta Rectangle (M)) e dê um clique em qualquer lugar na Prancheta para abrir o menu Options.

Defina o valor das Laterais para 3 e crie um triângulo da mesma forma cinza pálido como temos para o rosto. Você pode usar a Ferramenta Eyedropper (I) para escolher e aplicar a cor se não é selecionada no painel Colors.

Agora vamos transformar a forma para torná-la mais parecida com uma orelha. Mantendo-a selecionada, vá para Effect > Warp > Bulge e defina o valor da Vertical Bend para 40%; Horizontal Distortion para -10%. Desta forma, estamos salientando nossa forma e dobrando-a para a esquerda.

Objct > Expand Appearance para aplicar o efeito. Selecione seu ponto de ancoragem superior com a Ferramenta Direct Selection (A) e arraste o marcador circular dos Live Corners para baixo, tornando o topo da forma arredondado. Nós também podemos ajustar o Corner Radius no painel de controle na parte superior, se necessário.

create the ear and use the warp effect

Passo 4

Mantendo a forma selecionada, vá para Object > Path > Offset Path e defina o valor de Deslocamento para -15 px, deixando todas as outras opções como Default. Clique em OK para criar um triângulo menor e Preencha-o com a cor rosa, criando, assim, a parte interna da orelha.

Faça o topo da forma rosa arredondada, usando a Ferramenta Direct Selection (A) e o recurso Live Corners.

use the Offset path function

Passo 5

Agrupe (Control-G) ambos os elementos da orelha e anexe eles na cabeça, Rotacionando e redimensionando a orelha para torná-la apta à cabeça.

Duplo Clique na Ferramenta Reflect (O), selecione o Vertical Axis e clique em Copy para fazer uma cópia espelhada da orelha. Anexe ela à parte oposta da cabeça.

reflect the ear and attach to the head

Passo 6

Vamos continuar e desenhar o rosto do nosso personagem. Use a Ferramenta Ellipse (L) para fazer uma elipse branca de 65 x 55 px para o globo ocular. Uso a Ferramenta Direct Selection (A) para encurtar a alça direita do ponto de ancoragem superior e a alça superior do ponto de ancoragem direito, fazendo a borda direita do olho mais inclinada.

Agora adicione uma forma oval azul claro de 50 x 60 px para a íris e uma elipse azul escuro de 37 x 30 px para a pupila. Posicione as formas como mostradas na imagem abaixo, cobrindo a metade direita do globo ocular.

make an eyeball from ellipse

Passo 7

Adicione uma pequena elipse branca para o destaque, e vamos ver como podemos esconder as partes desnecessárias da íris.

Copie (Control-C) o globo ocular branco, Cole em Frente (Control-F) e Traga para Frente (Shift-Control-]). Agora selecione todos os elementos do olho, clique no botão direito do mouse e Faça Clipping Mask, posicionando tudo dentro da cópia superior, que serve como um recipiente imaginário. Todas as formas de dentro deste recipiente são ainda editáveis. Você pode encontrar o Clip Group no painel Layers, abra-a, e mova, edite e reorganize os objetos.

create a clipping mask

Passo 8

Use a Ferramenta Reflect (O) para Girar o olho sobre o Vertical Axis e faça uma Cópia. Mova a íris e seus elementos dentro do Clipping Mask para fixar o olhar do gatinho.

create a copy for the second eye

Passo 9

Agora vamos desenhar o nariz. Faça uma elipse rosa claro de 25 x 15 px e remodele ela um pouco com a Ferramenta Direct Selection (A), movendo seus pontos de ancoragem superior e inferior para baixo para fazer ela parecer mais como um triângulo arredondado de ponta-cabeça.

Faça outra elipse de 13 x 12 px para a sobrancelha, Preencha ela com a cor cinza claro e remodele um pouco ela. Rotacione a sobrancelha e use a Ferramenta Reflect (O) para adicionar uma segunda.

create a nose and brows from the ellipses

Passo 10

Vamos seguir em frente e representar uma boca. Use a Ferramenta Line Segment (\) enquanto mantém pressionada a tecla Shift para desenhar uma linha reta horizontal. Aplique uma cor de Traço cinza escuro do painel Color. Ajuste a espessura da linha do painel de controle na parte superior ou do painel Stroke (Window > Stroke), ajustando a Espessura para 3 pt e Cap para Round Cap.

Vá para Effect > Distort & Transform > Zig Zag. A partir daqui, defina o Tamanho de 4 px, Ridges per segment para 3, e Points para Smooth. Ajuste o valor de Ridges per segment se seu resultado difere do apresentado na imagem abaixo.

make a stroke and apply Zig Zag effect

Passo 11

Object > Expand Appearance para aplicar o efeito. Agora podemos editar as pontas da linha usando a Ferramenta Direct Selection (A). Rotacione as alças da âncora para baixo para tornar os cantos da boca arredondados.

expand appearance and edit the shape

Passo 12

Vamos desenhar os bigodes usando a Ferramenta Ellipse (L). Faça um círculo cinza escuro de 40 x 3 px, selecione seus pontos de ancoragem laterais com a Ferramenta Direct Selection (A), e Converta os pontos de ancoragem selecionados para o canto do painel de controle na parte superior, tornando as pontas da elipse pontiagudas.

Duplique (Control-C > Control-F) a forma algumas vezes, faça as cópias menores e Rotacione-as para adicionar mais bigodes.

make whiskers from ellipses

Passo 13

Termine a cabeça do gatinho adicionando um tufo engraçado de cabelo na parte superior, usando a Ferramenta Pencil (N). Você pode ajustar as configurações da ferramenta dê duplo clique nele para abrir a janela Pencil Tool Options. A partir daqui, mova o controle deslizante Fidelity mais à direita se você quiser fazer as linhas mais suaves ou mais à esquerda se você estiver usando um tablet gráfico e tem uma mão firme.

draw a tuft of hair

2. Como Desenhar o Corpo do Gatinho Com a Ferramenta Pencil

Passo 1

Vamos começar a fazer o corpo com uma elipse. Crie uma elipse da cor bege escuro de 160 x 210 px. Use a Ferramenta Direct Selection (A) para selecionar ambos os pontos de ancoragem laterais e arraste-os para baixo, fazendo com que a forma pareça mais com um ovo.

Envie a elipse para Trás (Shift-Control-[), abaixo da cabeça.

make the body from the ellipse

Passo 2

Agora pegue a Ferramenta Pencil (N) e vamos praticar um pouco o nosso desenho à mão. Desenhe uma pata dianteira direita e anexe ela ao corpo, como mostrada abaixo.

Vamos aplicar um Linear Gradient simples para a pata, fazendo com que o gatinho se pareça mais com um Siamês. Use o painel Gradient (Window > Gradient) para aplicar uma cor cinza escuro para o controle deslizante esquerdo e a Ferramenta Gradient (G) para ajustar a direção do gradiente, assim ele combina muito bem com o corpo.

Duplique a pata e posicione a cópia como mostrada na imagem abaixo.

draw the paws

Passo 3

Agora vamos adicionar as patas traseiras. Use a Ferramenta Pencil (N) para desenhar a forma desejada da pata, Envie para Trás (Shift-Control-[) e torne-o um pouco mais escura do que o corpo a fim de separar os elementos do outro. Você pode também aplicar o mesmo gradiente para esta pata ou não, porque ela vai ficar oculta atrás da garrafa. Caso você deseja animar seu personagem ou mudar alguns de seus detalhes mais tarde, certifique-se de que você aplicou o mesmo gradiente para todas as patas. Basta selecionar as patas e usar a Ferramenta Eyedropper (I) para escolher e aplicar a aparência.

Termine com as partes do corpo adicionando um rabo engraçado enrolado usando a Ferramenta Pencil (N) e Preencha-o com o mesmo Linear Gradient.

Ótimo! Parece que nosso gatinho está pronto! Vamos adicionar um detalhe final para ele.

add back paws and a tail

3. Como Desenhar uma Garrafa de Leite

Passo 1

Como você já deve saber, os gatos são realmente intolerantes à lactose e, portanto, indiferente ao leite. No entanto, como estamos criando uma ilustração de criança com um personagem imaginário, podemos desenhar qualquer coisa que quisermos, se é um milkshake ou um smoothie verde ou uma lata de refrigerante, dependendo da finalidade da imagem. No nosso caso, vamos fazer o nosso gatinho um amante de milkshake!

Então vamos começar a construir a nossa garrafa de um retângulo azul claro de 90 x 150 px. Adicione um retângulo de 40 x 65 px e posicione-o sobre a parte superior do primeiro, formando um gargalo.

Você pode Alinhar ambas as formas para a Prancheta ou para o Key Object, usando o painel Align (Window > Align). Selecione ambas as formas e clique em Horizontal Align Center para Alinhar à Prancheta. Se você deseja alinhar para um dos objetos, clique em ambas as formas e clique em uma delas mais uma vez. Você vai ver uma seleção mais espessa em torno dele, indicando que este é o Key Object.

Quando você estiver feliz com o resultado, selecione ambas as formas e Una elas no painel Pathfinder, mesclando elas em uma silhueta.

create a bottle from two rectangles

Passo 2

Vamos selecionar os cantos da garrafa com a Ferramenta Direct Selection (A) e torne-os arredondados puxando o marcador do círculo do Live Corners. Selecione os cantos internos entre o corpo da garrafa e o gargalo e suavize eles também. Você pode ajustar o Corner Radius do painel de controle superior se você quiser arredondar os números, ou você pode deixar ele como está se ele parecer bom.

Pegue a Ferramenta Curvature (Shift-') e faça o fundo da garrafa um pouco arredondado, dobrando sua borda para baixo.

make the bottle smooth and rounded

Passo 3

Vá para Object > Path > Offset Path e defina o valor do Deslocamento para -5 px, criando uma silhueta menor dentro. Preencha ela com a cor azul mais claro para fazer as bordas do vidro da garrafa grossa. Duplique (Control-C > Control-F) a nova forma e Preencha a cópia com branco para o leite.

use the offset path to add milk

Passo 4

Vamos fazer a garrafa meio vazio! Crie uma elipse, Rotacione-a e redimensione-a, tornando ela apta a parte interna da garrafa. Selecione a elipse e a forma do leite. Agora pegue a Ferramenta Shape Builder (Shift-M), pressione a tecla Alt e, assim que você ver um pequeno sinal de menos ao lado do seu cursor do mouse, focalize-o sobre a metade da parte superior da forma do leite. Quando se tornar cinza, único clique nele para Deletar esta peça. Ótimo! Metade do leite se foi!

use the shape builder tool

Passo 5

Vamos formar a parte superior do gargalo. Faça uma elipse de 60 x 20 px e Preencha ela com uma cor azul ligeiramente mais claro que o corpo da garrafa. Crie uma elipse menor dentro da primeira para formar um buraco, fazendo-a manualmente ou usando a função Offset Path.

create the bottleneck from ellipses

Passo 6

Agora que a garrafa está terminada, vamos Agrupar (Control-G) todos os seus elementos e posicione-a nas patas do gatinho. Podemos fazer isso posicionando a garrafa no lugar desejado e em seguida Envie-a Para Trás (Control-[) algumas vezes ou arraste-a para baixo manualmente no painel Layers.

place the bottle in kittens paws

Passo 7

Vamos adicionar um canudo, tornando a imagem mais detalhada. Use a Ferramenta Pen (P) para desenhar uma polilinha. Aplique a cor rosa para o Traço no painel Colors. Depois abra o painel Stroke e defina a Espessura de 4 pt, tornando o canudo mais grosso.

Como com formas geométricas, podemos usar a função Live Corners para as polilinhas. Basta selecionar o ponto de ancoragem do canto com a Ferramenta Direct Selection (A) e faça ela um pouco arredondado.

Quando você estiver feliz com a aparência dele, Object > Expand a linha para transformá-la em uma forma.

create a straw with the pencil tool

Passo 8

Desde que a parte de baixo do canudo esteja localizado dentro da garrafa, sua cor deve diferir da parte de cima, como ela é ofuscada atrás do vidro.

Vamos ver como conseguir este efeito. Selecione o canudo e a elipse interna do gargalo. Pegue a Ferramenta Shape Builder (Shift-M) e clique uma vez na parte de baixo do canudo uma vez que isto se tornar cinza. Observe que desta vez nós não estamos segurando Alt ou qualquer outra tecla, porque queremos dividir a forma, corte o canudo em duas partes.

Preencha a parte inferior com rosa mais claro e Envie para Trás (Control-[) algumas vezes, parcialmente escondendo isso sob o gargalo.

divide the straw with the shape builder tool

Passo 9

É assim que ele parece agora tudo junto. Não se esqueça de Trazer a forma da boca para Frente (Shift-Control-]), cobrindo a ponta do canudo.

Bring the mouth shape to Front

Passo 10

Vamos terminar a nossa ilustração adicionando quaisquer pequenos detalhes ao nosso gosto. Por exemplo, aqui eu tenho salpicado um grupo de elipses azuis escuros, posicionando uma sombra sob o gatinho.

add shadow ellipses

Miau! Nossa Ilustração do Gatinho Fofo Está Terminada!

E aí temos ele! Bom trabalho!

Se você quer conferir o arquivo de fonte para ver todos os detalhes, ou se você precisa do conjunto inteiro de personagens caprichados para os seus projetos, você pode pegar estes Animais em Cartoon Fofo em GraphicRiver.

Cute Cartoon Animals from GraphicRiver

Espero que você tenha aproveitado seguir este tutorial e aprendido algumas dicas e truques simples que vão ajudar você a acelerar o seu trabalho para criar mais ilustrações caprichadas de personagem cartoon!

Cute Kitten Character Adobe Illustrator Tutorial
Advertisement
Advertisement
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.