7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Character Design

Como Desenhar uma Personagem Esportiva Celebrando no Adobe Illustrator

Scroll to top
Read Time: 9 mins
This post is part of a series called Celebration Week!.
30+ Best New Event Flyers for 2022
How to Create a Glittering, Festive, 3D Text Effect in Adobe Photoshop

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

Há tantas coisas que as pessoas celebram quando se sentem felizes com suas conquistas. Neste tutorial, vamos desenhar uma personagem alegre celebrando uma vitória em um evento esportivo. Estaremos utilizando várias funções do Adobe Illustrator e modificando formas geométricas para tornar o processo fácil e divertido. Junte-se à maratona e vamos percorrer este tutorial juntos!

Se você quiser dar uma olhada no arquivo de origem ou obter esta ilustração em várias opções de cores para o seu próprio projeto, não deixe de conferir o Conjunto de Personagem Esportivo Flat no Envato Elements! Lá você vai encontrar tudo o que precisa, incluindo vários formatos de arquivo.

Vamos começar!

1. Como Desenhar uma Cabeça

 Passo 1

Crie um documento do tamanho de 600 x 800 px e vamos criar um retângulo para o fundo do mesmo tamanho utilizando a Ferramenta Rectangle (M).

make a backgroundmake a backgroundmake a background

Passo 2

Vamos começar a fazer a cabeça a partir de um retângulo de 65 x 95 px. Selecione-o com a Ferramenta Direct Selection (A) e puxe o marcador circular dos Live Corners para fazer os cantos totalmente arredondados. Também podemos fazer isto inserindo o valor exato no campo Corners no painel de controle na parte superior.

make a head from rectanglemake a head from rectanglemake a head from rectangle

Passo 3

Pegue a Ferramenta Ellipse (L) e vamos desenhar os olhos. Faça um círculo de 17 x 17 px com Traço azul escuro. Abra o painel Stroke (Window > Stroke) e defina a Espessura para 3 pt, Cap para Round Cap.

Selecione o ponto de ancoragem inferior com a Ferramenta Direct Selection (A) e pressione a tecla Delete (Backspace no Mac) para excluí-lo, criando um arco.

Segure Alt-Shift e arraste o arco para a direita, criando um segundo olho.

draw the eyes from circlesdraw the eyes from circlesdraw the eyes from circles

Passo 4

Agora vamos fazer um nariz utilizando a Ferramenta Retângulo (M). Crie uma forma de 10 x 18 px de uma cor ligeiramente mais escura que a face. Utilize a  Ferramenta Direct Selection (A) para tornar os cantos da forma arredondados.

Vamos nos certificar de que o nariz esteja perfeitamente alinhado com a cabeça. Selecione o nariz e a cabeça e clique na cabeça mais uma vez para torná-lo um Key Object. Abra o painel Align (Window > Align) e clique em Horizontal Align Center. Aí nós temos ele!

Utilize a forma do nariz para criar as orelhas. Segure Alt-Shift e arraste a cópia do nariz para a borda da cabeça. Posicione as orelhas sob a forma da cabeça Enviando para Trás (Shift-Control- [).

Dica: Também podemos alinhar grupos de elementos ao Key Object. Por exemplo, podemos Agrupar (Control-G) os olhos e as orelhas e alinhá-los também à cabeça.

make nose and ears from rectanglemake nose and ears from rectanglemake nose and ears from rectangle

Passo 5

Vamos fazer uma boca a partir de um retângulo. Faça uma forma vermelha escura de 30 x 12 px e selecione seus pontos de ancoragem no canto inferior esquerdo e direito com a Ferramenta Direct Selection (A). Faça os cantos inferiores totalmente arredondados.

make a mouth from the rectanglemake a mouth from the rectanglemake a mouth from the rectangle

Passo 6

Agora vamos adicionar os elementos internos. Faça uma faixa branca para os dentes e desenhe uma elipse rosa para a língua.

Selecione todas as três formas—dentes, língua e boca—e pegue a Ferramenta Shape Builder (Shift-M). Mantenha pressionada a tecla Alt e clique nas peças fora da forma da boca para excluí-las.

add the inner elementsadd the inner elementsadd the inner elements

Passo 7

Vamos para o cabelo. Selecione a forma da cabeça e vá para Object > Path > Offset Path. Defina o valor de Offset para 5 px e clique em OK.

Preencha a forma criada com a cor azul escura.

make the hair with offset pathmake the hair with offset pathmake the hair with offset path

Passo 8

Mantendo a nova forma selecionada, pegue a Ferramenta Eraser (Shift-E), mantenha pressionada a tecla Alt e faça uma seleção sobre a parte inferior da forma para fazer um corte de cabelo.

use the eraser tooluse the eraser tooluse the eraser tool

Passo 9

Agora vamos adicionar uma franja. Copie (Control-C) a forma do cabelo, Cole em Frente (Control-F) e Traga para a frente (Shift-Control-]).

Utilize a Ferramenta Eraser (Shift-E) enquanto pressiona Alt para diminuir a franja.

make a hairdomake a hairdomake a hairdo

Passo 10

Agora temos um corte de cabelo e uma franja reta!

Faça o formato do cabelo inferior um pouco mais escuro para adicionar contraste.

recolor the hairrecolor the hairrecolor the hair

Passo 11

Selecione a forma do cabelo inferior e vá para Effect > Warp > Shell Lower. Defina o valor Bend para 8% e clique em OK.

Vá para Object > Expand Appearance para aplicar o efeito. Agora o cabelo parece mais interessante!

apply warp effectapply warp effectapply warp effect

Passo 12

Vamos terminar a cabeça, adicionando um pescoço. Utilize a Ferramenta Rectangle (M) para criar um formato de 17 x 40 px de cor ligeiramente mais escura. Podemos utilizar a Ferramenta Eyedropper (I) para escolher a cor desejada das orelhas ou do nariz.

make a neck from rectanglemake a neck from rectanglemake a neck from rectangle

2. Como Desenhar o Corpo da Personagem

Passo 1

Vamos começar a fazer o corpo a partir de um retângulo rosa de 54 x 108 px. Centralize-o no pescoço horizontalmente utilizando o painel Align.

Copie (Control-C) a forma e Cole Atrás (Control-B). Estenda a forma inferior para baixo e preencha-a com a mesma cor azul-escura que o cabelo.

make a body from rectanglemake a body from rectanglemake a body from rectangle

Passo 2

Agora vamos fazer as pernas. Pegue a Ferramenta Pen (P) ou a Ferramenta Line Segment (\) e desenhe uma linha diagonal. Torne seu Traço colorido em azul-escuro e defina sua Espessura para 15 pt e Cap para Round Cap no painel Stroke.

Pegue a Ferramenta Curvature (Shift-`) e dobre a perna para baixo, fazendo um arco suave.

make a leg with Pen Toolmake a leg with Pen Toolmake a leg with Pen Tool

Passo 3

Adicione uma segunda perna e vá para Object > Expand para transformar os traçados em curvas.

expand the legsexpand the legsexpand the legs

Passo 4

Vamos adicionar alguns detalhes aqui. Copie (Control-C) as pernas e Cole Atrás (Control-B). Preencha as cópias inferiores com a mesma cor de tom de pele que temos para o rosto.

Selecione as primeiras cópias azul-escuras, pegue a Ferramenta Eraser (Shift-E) e apague a metade inferior das pernas, retratando as calças esportivas.

Repita o mesmo para as partes inferiores das pernas, adicionando meias brancas curtas.

make the pants with eraser toolmake the pants with eraser toolmake the pants with eraser tool

Passo 5

Agora vamos desenhar os tênis. Crie um retângulo azul escuro de 40 x 20 px. Utilize a Ferramenta Direct Selection (A) para selecionar três cantos e puxe-os para arredondar os cantos.

Duplique (Control-C > Control-F) a forma e utilize a Ferramenta Eraser (Shift-E) para fazer a sola do sapato.

make sport shoesmake sport shoesmake sport shoes

Passo 6

Rotacione os sapatos criados e anexe-os nas pernas. Envie para trás (Shift-Control- [), colocando os sapatos sob as pernas.

attach the shoes to the legsattach the shoes to the legsattach the shoes to the legs

Passo 7

Crie os braços, utilizando as mesmas técnicas que utilizamos para as pernas. Object > Expand os traços criados e preencha-os com a cor da pele.

Create the armsCreate the armsCreate the arms

Passo 8

Duplique os braços e preencha a cópia superior com a mesma cor rosa que temos para a camiseta. Utilize a Ferramenta Eraser (Shift-E) para criar mangas curtas, excluindo o restante da forma do braço.

make the sleeves with eraser toolmake the sleeves with eraser toolmake the sleeves with eraser tool

3. Como Desenhar a Medalha e o Troféu

Passo 1

Vamos começar a fazer uma medalha a partir de um círculo amarelo de 20 x 20 px. Posicione-o no centro do peito da personagem.

draw a medal from circle 1draw a medal from circle 1draw a medal from circle 1

Passo 2

Mantendo o círculo selecionado, vá para Object > Path > Offset Path e defina o valor de Offset para 5 px. Faça a nova forma um pouco mais escura.

draw a medal from circle 2draw a medal from circle 2draw a medal from circle 2

Passo 3

Faça um retângulo branco de 6 x 35 px, rotacione-o a 45 graus e posicione-o sobre a medalha para fazer um reflexo.

Selecione o círculo maior e o retângulo e exclua as peças brancas desnecessárias utilizando a Ferramenta Shape Builder (Shift-M) enquanto mantém pressionada a tecla Alt.

Torne a forma branca menos opaca diminuindo a Opacidade para 20% no painel Transparency.

add reflection to the medaladd reflection to the medaladd reflection to the medal

Passo 4

Agora vamos fazer uma fita vermelha para a medalha. Crie um retângulo de 10 x 52 px e posicione-o conforme mostrado na imagem abaixo.

Selecione seus cantos inferiores com a Ferramenta Direct Selection (A), segure a tecla Shift e arraste-os para a esquerda, tornando a forma inclinada. Posicione a fita abaixo da medalha pressionando Control-[ algumas vezes.

draw a ribbondraw a ribbondraw a ribbon

Passo 5

Mantendo a faixa de opções selecionada, clique duas vezes na Ferramenta Reflect (O). Defina o Eixo para Vertical e pressione Copy para criar a segunda metade da fita, virada para o outro lado. Mova-o para o ombro oposto.

use the reflect tooluse the reflect tooluse the reflect tool

Passo 6

Agora vamos fazer uma taça de troféus de ouro. Comece criando um retângulo amarelo de 42 x 54 px. Utilize a Ferramenta Direct Selection (A) para tornar seus cantos inferiores totalmente arredondados.

Crie mais dois retângulos para a parte inferior do copo, deixando-os ligeiramente mais escuros.

make a golden prizemake a golden prizemake a golden prize

Passo 7

Crie um retângulo de 24 x 27 px para a alça. Seleciona seus pontos de ancoragem superior e inferior com a Ferramenta Direct Selection (A) e torna os cantos totalmente arredondados. Envie a forma para Trás (Shift-Control- [), abaixo da taça.

Aplique o Offset Path com o valor de Offset de -5 px para criar uma forma menor dentro dele.

Selecione as duas formas e aplique a função Minus Front do painel Pathfinder para cortar a forma superior.

make the handlesmake the handlesmake the handles

Passo 8

Utilize a Ferramenta Reflect (O) para virar a alça sobre o Eixo Vertical, criando uma cópia espelhada para o lado oposto.

Utilize a Ferramenta Star para adicionar uma estrela grande à taça. Você pode encontrar esta ferramenta no mesmo menu suspenso da Ferramenta Rectangle (M).

add a staradd a staradd a star

Passo 9

Posicione a taça na mão da menina. Adicione dois círculos de 28 x 28 px às pontas dos braços, retratando os punhos estilizados.

Ótimo! Parece que a nossa personagem está pronta. Vamos fazer alguns detalhes de fundo.

add circles for fistsadd circles for fistsadd circles for fists

4. Como Desenhar um Plano de Fundo Festivo

Passo 1

Vamos começar desenhando um balão a partir de um círculo de 80 x 80 px.

Vá para Effect > Warp > Arc Lower e defina o valor Bend para 60%.

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

draw a balloon from circledraw a balloon from circledraw a balloon from circle

Passo 2

Adicione um pequeno retângulo de 10 x 8 px à parte inferior do balão e aplique Effect > Warp > Shell Lower com o valor de 20% de Bend.

Object > Expand Appearance para aplicar o efeito.

use a warp effectuse a warp effectuse a warp effect

Passo 3

Vamos utilizar a Ferramenta Pen (P) para desenhar uma linha vertical para a fita. Vá para Effect > Distort & Transform > Zig Zag.

Defina :

  • Valor de Size para 5 px
  • Ridges per segment para 3
  • Points para Smooth

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

use a zig zag effectuse a zig zag effectuse a zig zag effect

Passo 4

Utilize a Ferramenta Pen (P) e a Ferramenta Curvature (Shift-`) para adicionar um traço para o destaque na parte superior do balão.

Podemos fazer os balões coloridos se quisermos deixar toda a imagem mais festiva. Ou podemos preencher a silhueta com uma cor ligeiramente mais escura do que o fundo, a fim de enfatizar a personagem, para que nenhum outro elemento distraia a atenção do espectador.

recolor the balloonrecolor the balloonrecolor the balloon

Passo 5

Vamos copiar o balão algumas vezes e organizar os elementos ao redor da personagem. Varie o tamanho e o brilho dos balões para criar uma sensação de perspectiva.

Adicione alguns traços na parte inferior da composição para posicionar a nossa personagem no chão.

add balloons to the backgroundadd balloons to the backgroundadd balloons to the background

Yay! Nossa Ilustração da Personagem Esportiva Celebando está Terminada!

Parabéns! E obrigado por correr esta maratona até o fim junto comigo. Vamos adicionar um toque final à nossa ilustração e salpicar alguns confetes coloridos. Agora você tem o primeiro prêmio!

Espero que você tenha gostado de seguir este simples tutorial e aprendido algumas novas dicas e viagens que ajudarão você a criar personagens simples.

Celebration Sporty Character IllustrationCelebration Sporty Character IllustrationCelebration Sporty Character Illustration

Se você deseja obter um arquivo de origem com variações de cores, certifique-se de pegar o Conjunto de Personagens Esportivos Flat no Envato Elements.

Bom Projeto!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.