Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. International Women's Day
Design

Como Criar Avatares de Diversas Mulheres 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

Vamos celebrar o Dia Internacional da Mulher fazendo uma dedicatória! Acompanhe este tutorial e vamos aprender juntos como desenhar avatares sofisticados de mulheres.

Vou mostrar como usar e transforma formas geométricas simples para criar uma variedade de retratos, tornando-as tão diversas possíveis! Vamos estar usando efeitos de deformação, a Ferramenta Sharper, o painel Pathfinder, e outras ferramentas para variar a idade, nacionalidade, aparência e estilo das personagens.

No final deste tutorial, você vai ser capaz de criar centenas de avatares sofisticados simplesmente misturando e combinado os elementos das personagens que vamos estar criando aqui. Vamos ver como isso funciona? Verifique este Construtor de Avatar Flat de Mulheres  e experimente você mesmo—é realmente divertido!

Além disso, você pode aplicar estas técnicas para criar qualquer outro tipo de avatares flat, variar a aparência do personagem e experimentar vários estilos de retratos flat. Por exemplo, verifique estes avatares profissionais em GraphicRiver. Sente-se inspirado? Vamos começar!

1. Como Criar um Mulher Com Tranças

Passo 1

Vamos começar criando um rosto a partir de um retângulo arredondado. Você pode usar ou a Ferramenta Rounded Rectangle ou a Ferramenta Rectangle (M) para fazer uma forma marrom escura de 80 x 110 px com Corner Radius de 30 px.

Você pode encontrar a opção do painel Corners  na barra de ferramenta de controle na parte superior enquanto a forma está seleciona  com a Ferramenta Direct Selection (A). Uma outra forma de ajustar o valor de Corners é ou configurar no painel Transform (Window > Transform) ou fazer isso manualmente puxando os marcadores de círculo do Live Corners da forma com a Ferramenta Direct Selection (A).

Faça um retângulo arredondado de 14 x 22 px para o nariz e coloque-o bem no centro do rosto. Para certificar-se de que centralizamos tudo perfeitamente, selecione ambas as formas e clique na forma do rosto mais uma vez para torná-lo um Key Object. Clique no Horizontal Align Center e—voila!—o nariz está exatamente onde deve estar.

creating a face from a rounded rectangle

Passo 2

Pegue a Ferramenta Ellipse (L) e faça um círculo marrom escuro de 13 x 13 px para o olho. Selecione o seu ponto de ancoragem inferior com a Ferramenta Direct Selection (A) e delete-o pressionando a tecla Delete (ou Backspace se você estiver no Mac). Agora temos esta aparência alegre!

Selecione o olho, segure Alt-Shift, e arraste-opara o lado oposto do rosto, desta forma criando uma cópia do segundo.

make eyes from semi-circles

Vamos trabalhar nos olhos mais um pouco. Use a Ferramenta Rectangle (M) para fazer uma forma de 5 x 2 px para os cílios. Coloque-o pelo canto exterior do olho e alinhe ambas as formas para a borda inferior. Faça o mesmo para o olho oposto.

add the eyelashes with rectangles

Passo 3

Vamos fazer uma outra elipse para a boca. Crie uma forma de 25 x 12 px e use a Ferramenta Scissors (C) para clicar nos pontos de ancoragem esquerdo e direito e divida a forma separadamente.

make a mouth from the ellipse

Passo 4

Use a Ferramenta Anchor Point (Shift-C) para mover as alças de ancoragem, formando o lábio superior.

Passo 5

Faça um retângulo arredondado marrom escuro de 12 x 25 px para a orelha e Envie-a para Trás (Shift-Control-[), abaixo da cabeça.

Agrupe (Control-G) as orelhas e use o painel Align para centralizar as orelhas para a cabeça, usando a forma da cabeça como o Key Object.

make the ear from rounded rectangle

Passo 6

É hora de adicionar essas tranças! Pegue a Ferramenta Rounded Rectangle e crie uma forma preta de 5 x 25 px com cantos totalmente arredondados. Alinhe as tranças para o centro da cabeça.

Segure Alt-Shift e arraste a forma para a esquerda, criando uma cópia. Mova a nova trança alguns pixels para baixo.

make cornrows from rounded rectangles

Passo 7

Crie mais tranas do lado esquerdo da cabeça, colocando cada nova um pouco abaixo do que a anterior.

Agora selecione todas as tranças (exceto a primeira) e dê um duplo clique na Ferramenta Reflect (O) para abrir a janela de opções. Vire as tranças sobre o Eixo Vertical e clique no botão Copiar. Mantenha pressionada a tecla Shift e mova-a para o lado oposto da cabeça.

use the reflect tool

Passo 8

Vamos seguir em frente e faça um retângulo arredondado de 22 x 38 px para o pescoço. Não se esqueça de variar o brilho dos elementos, a fim de separar visualmente uma parte do corpo de outro como estamos trabalhando com cores sólidas sem sombras e destaques. Pegue a cor marrom escura das orelhas usando a Ferramenta Eyedropper (I).

Crie um retângulo verde claro de 85 x 105 px para o corpo. Faça os cantos arredondados o suficiente (cerca de 37 pt) para formar os ombros.

create the neck and body from rounded rectangles

Passo 9

Podemos também fazer as tranças mais longas adicionando mais alguns retângulos arredondados de 5 x 55 px de tamanho e posicionando-as atrás da cabeça (Shif-Control-[).

Agora Agrupe (Control-G) tudo junto e vamos finalizar nosso primeiro avatar!

add longer cornrows

Passo 10

Faça um círculo azul de 195 x 195 px para a base do ícone e Envie para Trás (Shift-Control-[). Alinhe a personagem e a base do ícone para Horizontal Align Center, e vamos ver como podemos colocar a personagem dentro do círculo, como se fosse dentro de um recipiente.

Copie o círculo e Cole em Frente (Control-C > Control-F). Traga para Frente (Shift-Control-]), posicione a cópia em cima de tudo. Na imagem abaixo você pode ver uma cópia como um círculo com Traço preto e sem Preenchimento.

Selecione tudo, clique com o botão direito do mouse, e Make Clipping Mask. Aí está! Nosso primeiro ícone está pronto. Vamos seguir para o próximo!

make a clipping mask

2. Como Criar um Mulher Com Coques

Passo 1

Vamos copiar a personagem do nosso primeiro avatar e modifique isso para criar a segunda mulher! Vamos mudar a cor da pele dela. Use a característica Select Similar Objects do painel de controle na parte superior para selecionar os elementos preenchidos com a mesma cor mais rápido.

recolor the character

Passo 2

Faça o rosto mais arredondado aumentando o valor do Corner Radius. Podemos também fazer isto puxando os marcadores circulares do Liver Corners com a Ferramenta Direct Selection (A).

Agora selecione o ponto de ancoragem inferior com a Ferramenta Direct Selection (A) e faça o queixo pontudo Convertendo os pontos de ancoragem selecionados para canto do painel de controle na parte superior. Ajuste a forma da mandíbula movendo ambos os lados dos pontos de ancoragem para baixo. 

change the shape of the face

Passo 3

Mude a forma do nariz, tornando-o mais estreito (11 x 22 px) e mais arredondado. E pinte-o novamente assim ele combina  totalmente com o esquema de cor do rosto.

Change the shape of the nose

Passo 4

Use a Ferramenta Ellipse (L) para criar um círculo preto de 10 x 10 px e adicione um retângulo arredondado de 12 x 4 px para os cílios para dar a impressão de uma pálpebra única. Selecione ambas as formas e clique no olho mais uma vez de novo e torne-o um Key Object. Use o painel Align para Vertical Align Top, combinando as bordas da forma.

make the eyes from circles

Passo 5

Vamos adicionar algum batom aí! Faça uma elipse cor de rosa de 15 x 12 px e delete seu ponto de ancoragem inferior para criar o lábio superior. Mantendo a forma selecionada, dê um duplo clique na Ferramenta Reflect (O), vire a forma sobre o Horizontal Axis, e clique em Copiar para criar o lábio inferior. Faça a cópia um pouco maior e torne a cor do seu Preenchimento mais clara.

Adiciona uma listra horizontal entre os lábios usando a Ferramenta Rectangle (M) e faça os cantos da boca adicionando um par de pequenos círculos aí.

make lips from circles

Passo 6

Agora vamos fazer um corte de cabelo estiloso. Duplique (Control-C > Control-F) a forma da cabeça e mude a cor da cópia para preto. Mantendo a forma selecionada, dê um duplo clique na Ferramenta Scale (S) e defina o valor de Uniform Scale para 105% e clique em OK para fazer a cópia um pouco maior.

Agora pegue a Ferramenta Eraser (Shift-E), segure Alt e apague a parte inferior da forma, deixando somente a franja reta.

make a haircut from face shape copy

Passo 7

Vamos usar a Ferramenta Sharper (Shift-N) para criar um triângulo pequeno no centro da testa. Apenas desenhe uma silhueta de triângulo à mão livre e isso vai automaticamente transformar em uma forma vetorial real.

Agora selecione ambos os triângulos e o cabelo e rabisque sobre o triângulo com a Ferramenta Sharper (Shift-N) para cortá-lo. Como você pode notar, um traço preto do triângulo pode permanecer no cabelo. Neste caso, basta selecioná-lo e definir a cor do Traço como nenhum no painel Color.

make a triangle and cut it out

Passo 8

Vamos adicionar alguns corques! Use a Ferramenta Rounded Rectangle para fazer uma forma lilás de 20 x 7 px para a faixa de cabelo.

Coloque um círculo preto de 26 x 26 px na parte superior da faixa e Envie para Trás (Shift-Control-[).

Agrupe as partes do coque e rotacione-o cerca de 45 graus anexando o coque à cabeça.

Use a Ferramenta Reflect (O) para girar e copiar o coque e anexe ele do lado oposto da cabeça.

make hair buns

Passo 9

Agora vamos mudar a cor da camiseta para a mesma que temos para o rosto e duplique-a (Control-C > Control-F). Mude a cor da cópia de cima para rosa.

Crie um retângulo arredondado de 50 x 65 px de qualquer cor em cima do corpo e coloque-o como mostrado na imagem abaixo. Selecione tanto o novo retângulo como a forma rosa abaixo dele e use a Ferramenta Sharper (Shift-N) para rabiscar sobre a forma que queremos cortar para criar o pescoço da camiseta.

make a shirt with the shaper tool

Passo 10

Isto é como a nova camiseta parece!

a new shirt

Passo 11

Vamos copiar a base do ícone do nosso ícone anterior e coloque nossa mulher sofisticada com coques dentro. Eu puxei um pouco as cores para torná-las correspondentes, mudando a cor do círculo para rosa e a substituição da mulher para lilás.

Ótimo trabalho! Vamos seguir e criar nosso terceiro avatar!

finish up with the avatar

3. Como Desenhar um Avatar de uma Jovem Mulher Alegre

Passo 1

Vamos usar a cópia da nossa primeira personagem e mudar sua aparência. Primeiro de tudo, delete todos os elementos da boca e crie uma elipse de 35 x 25 px com traço marrom escuro e sem preenchimento. Use a Ferramenta Scissors (C) para clicar em ambos os pontos de ancoragem laterais e divida a forma. Abra o painel Stroke (Window > Stroke) e defina o Weight para 3 pt, Cap para Round Cap.

make the mouth from the ellipse

Passo 2

Reposiciona os olhos com círculos e adicione cílios criando um pequeno retângulo arredondado e rotacionando-o 45 graus.

make the eyes from the circles

Passo 3

Vamos rotacionar as sobrancelhas também, criando uma expressão facial alegre e um pouco surpresa. Selecione a sobrancelha e dê duplo clique na Ferramenta Rotacionar (R) para abrir o painel de opções. Defina o Angle para 30 graus e clique em OK.

Faça o mesmo para a sobrancelha oposta, rotacionando-a -30 graus.

Faça a cor da pele mais clara e adicione uma bindi para a testa com a Ferramenta Ellipse (L).

Use a função Live Corners para tornar o rosto mais arredondado.

rotate the eyebrows and reshape the head

Passo 4

Que tal adicionar mais alguns acessórios? Crie uma elipse de 9 x 9 px com Stroke amarelo e sem Fill, representando um anel dourado. Coloque-o no lado direito do nariz e coloque-o atrás do nariz arrastando a forma para baixo no painel Layers.

make a nose ring from circle

Passo 5

Agora vamos desenhar o cabelo. Copie a forma do rosto e Cole para Trás (Control-C > Control-B). Preencha a cópia inferior com a cor marrom escuro para  cabelo.

Arraste a cópia da parte superior (que é para o rosto) um pouco para baixo, tornando a parte superior do cabelo visível.

Agora que o queixo está muito baixo, selecione ambas as cópias e use a Ferramenta Sharper (Shift-N) para rabiscar sobre a parte inferior do rosto para deletar ele.

E aí temos ele, algum bom cabelo liso! Vamos adicionar detalhes para o penteado.

make the head from the face shape

Passo 6

Use a Ferramenta Rectangle (M) e adicione uma parte estreita no centro da forma do cabelo. Selecione as formas do cabelo e a parte do retângulo e rabisque a peça desnecessária. Mude a cor do retângulo para a mesma da cor da pela como temos para o rosto.

make a hair part from rectangle

Passo 7

Vamos ampliar e dar uma olhada na nossa personagem. Tudo parece bom nesta etapa; embora, eu tenha decidido fazer a separação um pouco mais estreita. A forma é ainda facilmente editável e acessível do painel Layers.

make the parting narrower if needed

Passo 8

Agora vamos adicionar um rabo de cabelo baixo para o penteado. Aqui é um rápido e fácil modo de fazê-lo de um retângulo. Crie uma forma de 30 x 84 px do lado direito da cabeça. Selecione a parte inferior esquerda e a parte superior direita dos pontos de ancoragem do retângulo usando a Ferramenta Direct Selection (A) e puxe o marcador Live Corners para fazer ambos os cantos totalmente arredondados.

Agora podemos Enviar o rabo de cavalo para Trás (Shift-Control-[) e posicione-o como precisamos.

make a ponytail from rectangle

Passo 9

Vamos também mudar o vestido da nossa personagem. Copie (Control-C) e Cole no Lugar (Shift-Control-V) a forma do corpo. Mude a cor das cópias para a cor da pele.

Agora pegue a Ferramenta Shaper (Shift-N) e desenhe um triângulo de cabeça para baixo sobre o corpo para gola V. Uma vez que seu triângulo à mão livre se transformar em uma forma de vetor, selecione-o juntamente com a forma do corpo superior e use o corpo como o Key Object para Horizontal Align Center de ambas as formas.

make a dress with v-neck 1

Passo 10

Enquanto ambas as formas ainda estão selecionadas, usa a Ferramenta Sharper (Shift-N) e rabisque sobre o triângulo para cortá-lo.

Agora podemos mudar a cor da cópia superior para laranja claro para o vestido.

make a dress with v-neck 2

Passo 11

Use a cópia da base circular do ícone do nosso ícone anterior para substituir a personagem de dentro da Clipping Mask. Mude a cor do ícone para verde—e aí está!

Nosso avatar da jovem mulher estilosa está pronto!

Apenas mais algumas palavras antes de terminarmos...

fill the circle with green color

Passo 12

Então, vamos dar uma olhada em toda a variedade de formas faciais e formas que podemos criar usando apenas um retângulo. Podemos fazer o rosto largo e magro se arredondarmos os cantos apenas um pouco. Caso contrário, podemos fazer o rosto totalmente arredondado configurando o Corner Radius para seu máximo.

Podemos também variar a forma do queixo tornando-o menos ou mai pontudo. Além disso, podemos mudar a forma da mandíbula mudando a posição dos pontos de ancoragem laterias da forma.

Podemos também editar as partes superior e inferior do rosto separadamente de um para o outro, fazendo a forma da cabeça parecer mais interessante. Se olharmos para o exemplo inferior, a testa é muito mais arredondada do que a mandíbula.

E esta é apenas uma pequena parte de todas as variações que podemos construir a partir de uma forma. Há rostos redondos, rostos ovais, quadrados, triangulares ... Use sua imaginação e referências de fotos, ou olhe para as pessoas ao seu redor para ver como elas são realmente diferentes!

vary the face shapes made from rectangle

Passo 13

A última, mas não a menos importante que eu quero mencionar aqui é a idade das personagens. Podemos facilmente retratar mulheres de diferentes gerações apenas adicionando detalhes menores como rugas.

Use a Ferramenta Arc (ou a Ferramenta Pen (P) ou a Ferramenta Pencil (N) se você achar que é mais confortável de trabalhar) para fazer algumas pequenas linhas arqueadas para os olhos, os cantos da boca e  o queixo. Varie o Weight no painel Stroke para fazer as rugas mais grossas ou mais finas e aplicá-las ao rosto, fazendo a pessoa parecerem mais velhas.

Não se esqueça de mudar as expressões faciais para tornar nossas personagens mais diversificadas. Altere a posição dos lábios, o ângulo das sobrancelhas e os olhos para fazer a pessoa parecer alegre ou mal-humorada.

create wrinkles with the arc tool

Parabéns! Nossos Avatares Flat de Mulheres Estão Prontos!

Ótimo trabalho! Nossos avatares sofisticados estão terminados!

Eu espero que você tenha descoberto algumas nova dicas e truques interessantes enquanto seguia este tutorial que vai ajudar você com as suas futuras ilustrações.

Flat Women Avatars

Tente desenhar tantos retratos flat diferentes como você pode propor!

Não se esqueça que você pode obter um Construtor de Avatar de Mulheres Flat com elementos pré-feitos  que vão ajudar você a obter centenas de combinações em apenas alguns cliques. Além disso, você vai obter o pacote inteiro de avatares sofisticados que foram demonstrados neste tutorial.

Flat Women Avatars
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.