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

Como Criar um Grupo de Amigos Internacionais no Adobe Illustrator

by
Read Time:13 minsLanguages:

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

Você sabia que 30 de julho é o Dia Internacional da Amizade? Em homenagem a isso, vou mostrar como criar uma imagem que compartilhe uma mensagem de amizade.

Neste tutorial, você vai aprender como utilizar o Adobe Illustrator para criar um grupo de amigos internacionais: um homem branco, uma mulher asiática e uma mulher muçulmana.  Vamos utilizar as formas básicas e os efeitos de deformação, e mover pontos de ancoragem para deformar a forma e obter o resultado desejado. Depois de concluir este tutorial e utilizar algumas técnicas, você poderá criar qualquer tipo de pessoa.

Se você está aqui para obter um personagem completo, você pode encontrar muitos deles no GraphicRiver. Mas se você está aqui para aprender algo novo, então vamos começar nosso tutorial!

Além disso, se você gostou deste tutorial, você pode estar interessado nestes:

1. Como Criar o Homem Branco

Passo 1

Depois de criar um novo documento com 850 px de Largura e Altura, vamos começar a criar a cabeça do homem. Pegue a Ferramenta Rounded Rectangle.  Se é a primeira vez que você utiliza o AI e não consegue encontrar esta ferramenta, consulte o painel Tools, no lado esquerdo da prancheta.  Clique na Ferramenta Rectangle (M), segure por dois segundos, e um menu pop-up vai aparecer, e lá você  vai encontrar a Ferramenta Round Rectangle.  Então, utilizando a Ferramenta Rounded Rectangle, desenhe um retângulo arredondado. Isto vai ser a cabeça do homem. Delete a cor do traçado se você tiver uma e defina a cor de preenchimento como R=247, G=197, B=156.

Depois altere a cor de preenchimento para R=114, G=72, B=51, e agora vamos criar o olho. Aperte a Ferramenta Ellipse (L) e desenhe um pequeno círculo. Para criar um círculo uniforme, mantenha pressionado o botão Shift enquanto o cria.

Agora delete a cor de preenchimento e defina a cor do traço para R=210, G=132, B=76. Pegue a Ferramenta Arc (ela está oculta sob a Ferramenta Line Segment (/)) e desenhe um arco como uma sobrancelha.

Selecione o olho e a sobrancelha utilizando a Ferramenta Selection (V) enquanto segura a tecla Shift. Depois clique na Ferramenta Reflect (O) e pressione a tecla Enter ao mesmo tempo, porque você quer fazer um reflexo do olho e da sobrancelha.  Uma nova janela de diálogo vai aparecer. Insira Axis Vertical, ângulo de 90 graus e pressione Copy. Mova o novo olho e a sobrancelha para a direita enquanto mantém pressionada a tecla Shift para que fique perfeitamente alinhada.

how to create the face how to create the face how to create the face

Passo 2

Aperte a Ferramenta Ellipse (L) e desenhe uma elipse branca sem nenhum traço. Eu adicionei um traço preto, assim você vai ser capaz de ver. Se você tem uma versão mais nova do AI, então, perto da elipse selecionada, você vai notas uma alça em seu lado direito. Utilize esta alça e mova-a no sentido anti-horário até obter metade da elipse. Nós vamos utilizá-la como uma boca.

how to create the mouthhow to create the mouthhow to create the mouth

Passo 3

Coloque a boca na posição correta no rosto.

Pegue a Ferramenta Eyedropper (I) e clique no rosto. Você acabou de utilizar a mesma cor de preenchimento do rosto, porque deseja desenhar uma orelha com a mesma cor de preenchimento. Pegue a Ferramenta Ellipse (L) e desenhe a orelha.

Depois disso, aperte a Ferramenta Rectangle (M) e desenhe um pequeno retângulo como o pescoço. Rotacione um pouco para a direita.

how to create the neckhow to create the neckhow to create the neck

Passo 4

Utilizando a Ferramenta Rounded Rectangle, desenhe um retângulo arredondado longo e fino sobre a orelha do homem. Altere a cor de preenchimento para R=193, G=120, B=70.

Crie um outro retângulo longo e arredondado atrás da cabeça.

Depois disso, adicione uma elipse longa e horizontal utilizando a Ferramenta Ellipse (L) para a franja.

Enquanto mantém a elipse que você acabou de criar selecionada, vá para Effect > Warp > Flag. Na nova janela de diálogo, insira as opções exibidas abaixo e pressione OK.

how to create the hair stylehow to create the hair stylehow to create the hair style

Passo 5

Agora vamos criar a parte superior do corpo do homem. Utilizando a Ferramenta Rectangle (M), desenhe um retângulo abaixo do pescoço. Defina a cor de preenchimento para R=194, G=209, B=173.

Pegue a Ferramenta Direct Selection (A) e selecione o ponto de ancoragem inferior esquerdo do novo retângulo e mova-o para a esquerda utilizando a tecla Seta para Esquerda no teclado.

Como você deseja criar a manga com a mesma cor de preenchimento, pressione o botão Swap Fill and Stroke (Shift-X) no painel Tools.  Depois pegue a Ferramenta Line Segment (/) e no painel Stroke (Window > Stroke), selecione Round Cap. Aumente a Espessura do traço no painel Stroke, pois precisamos que ele seja muito espesso. Depois disso, desenhe uma linha como mostrada abaixo.

Retorne ao painel Stroke, desmarque Round Cap e desenhe uma nova linha para concluir o braço esquerdo.

Finalmente delete a cor do traçado, defina a cor de preenchimento como branca e adicione dois retângulos horizontais longos no pulôver do homem.

how to create the upper bodyhow to create the upper bodyhow to create the upper body

Passo 6

Vamos fazer a mão. Utilizando a Ferramenta Eyedropper (I), pegue a cor de preenchimento do rosto. Depois pressione o botão Swap Fill and Stroke (Shift-X), porque você deseja transformar a cor de preenchimento na cor do traço.

Utilizando a Ferramenta Ellipse (L), desenhe uma pequena elipse. Enquanto a mantém selecionada, pegue a Ferramenta Scissors (C) e clique em seu traço, nos lugares que marquei na imagem abaixo.  Como você acabou de cortar o lado superior da elipse, você deve ser capaz de retirá-la e deletá-la. Você precisa apenas da parte inferior.

how to create the handhow to create the handhow to create the hand

Passo 7

Coloque a mão sob a manga (Control-X, Control-B).

Depois clique na manga para utilizar a mesma cor de traço e, utilizando a Ferramenta Line Segment (/), desenhe uma outra manga. Este braço vai abraçar uma mulher que vai estar perto dele no futuro.

how to create the another armhow to create the another armhow to create the another arm

Passo 8

Vamos adicionar um cinto utilizando a Ferramenta Rectangle (M)—a cor de preenchimento é R=193, G=120, B=70. Observe que o cinto fica atrás do pulôver.

Utilizando a Ferramenta Rounded Rectangle, adicione um retângulo arredondado (R=250, G=178, B=91) atrás do cinto.

Crie um retângulo vertical longo com a mesma cor de preenchimento laranja.

Utilizando a Ferramenta Direct Selection (A), selecione seu ponto de ancoragem inferior esquerdo e desloque-o para a direita. Depois selecione o ponto de ancoragem inferior direito e desloque-o para a esquerda. É assim que fazemos a perna mais estreita na parte inferior.

Em seguida, para obter uma outra perna, faça uma cópia desta em frente (Control-C, Control-F) e mova-a para a direita. As calças estão prontas!

how to create the legshow to create the legshow to create the legs

Passo 9

Agora vamos adicionar mais um detalhe às calças dele. Desenhe um retângulo amarelo (R=247, G=200, B=94) na parte inferior do lado esquerdo da perna da calça.  Depois mantendo pressionadas as teclas Shift e Alt juntas, mova o retângulo amarelo para a direita. A tecla Alt vai criar uma cópia para você e a tecla Shift vai fazer com que ela fique perfeitamente alinhada.

Adicione uma perna: por trás das calças, desenhe um novo retângulo que deve ter a mesma cor de preenchimento que o rosto.

Mantendo os botões Shift e Alt pressionados juntos, crie uma nova perna.

continue creating legscontinue creating legscontinue creating legs

Passo 10

Os últimos objetos que precisamos criar para o homem são seus sapatos. Desenhe um retângulo marrom (R=193, G=120, B=70).

Utilizando a Ferramenta Direct Selection (A), mova os dois principais pontos de ancoragem para dentro de modo a obter um trapézio.

Adicione dois pequenos retângulos arredondados (R=155, G=95, B=55).

Crie uma nova cópia da boca, rotacione-a de cabeça para baixo, altere sua cor de preenchimento e posicione-a como mostrada abaixo.

Finalmente, adicione um retângulo mais escuro (R=155, G=95, B=55) para a sola. Agrupe o sapato inteiro (clique com o botão direito do mouse > Group).

how to create the shoehow to create the shoehow to create the shoe

Passo 11

Transfira o sapato para a perna do homem.

Crie um sapato novo e coloque-o na outra perna. E o homem está pronto!

how to create the another shoehow to create the another shoehow to create the another shoe

2. Como Criar uma Mulher Asiática

Passo 1

Crie uma cópia do rosto do homem e altere sua cor de preenchimento para R=249, G=208, B=178. Depois crie uma cópia da boca do homem e posicione-a no rosto da mulher.

Adicione duas elipses para as orelhas, que devem ter a mesma cor de preenchimento que o rosto. Desenhe um retângulo sob o rosto como o pescoço.

how to create the facehow to create the facehow to create the face

Passo 2

Desenhe um pequeno círculo marrom (R = 114, G = 72, B = 51) para a primeira lente dos óculos de sol (lembre-se de segurar o botão Shift enquanto estiver criando).

Crie uma cópia deste círculo para obter a outra lente dos óculos de sol da mulher.

Transforme esta cor de preenchimento marrom na cor do traçado (Shift-X) e, utilizando a Ferramenta Arc, desenhe a ponte dos óculos de sol entre os dois círculos.

Crie mais dois arcos para as têmporas.

Utilizando a mesma ferramenta, mas com uma cor de traço mais escura (R=91, G=79, B=74), desenhe duas sobrancelhas.

how to create the glasseshow to create the glasseshow to create the glasses

Passo 3

Agora vamos dar a ela um penteado. Desenhe algumas elipses para criar uma franja para a mulher.

Depois adicione um retângulo arredondado atrás da cabeça como o cabelo de trás.

Verifique se você tem o Corner Widget ativado (View > Show Corner Widget). Agora, selecione os dois pontos de ancoragem inferiores do cabelo de trás utilizando a Ferramenta Direct Selection (A) e deslize-os para fora.  Você deve acabar com uma forma que tenha dois cantos superiores lisos e dois cantos inferiores pontiagudos.

Enquanto mantém o cabelo de trás selecionado (apenas certifique-se de selecioná-lo utilizando a Ferramenta Selection (V)), vá para Effect > Warp > Fish. Na nova janela de diálogo, insira as opções que você vê abaixo e pressione OK.

how to create the hair stylehow to create the hair stylehow to create the hair style

Passo 4

Adicione um retângulo branco que vai ser a parte superior dela.

Vamos adicionar um decote no pescoço da mulher. Certifique-se de que a parte superior esteja selecionada, pegue a Ferramenta Add Anchor Point (+) ou apenas a Ferramenta Pen (P) e clique sob o pescoço da mulher, exatamente onde ela está marcada na imagem abaixo.  Adicione três pontos de ancoragem próximos um do outro.

Depois pegue a Ferramenta Direct Selection (A) e mova o ponto de ancoragem do meio para baixo. Viu o decote agora?

Adicione um retângulo mais longo embaixo da camiseta dela, que vai ser o corpo.

Altere a cor de preenchimento que utilizamos para o corpo e o rosto e a cor do traçado. Pegue a Ferramenta Line Segment (/) e certifique-se de que aumentou a Espessura do traço no painel Stroke. Depois desenhe um braço.

Finalmente, adicione um outro.

how to create the upper bodyhow to create the upper bodyhow to create the upper body

Passo 5

Delete a cor do traçado e defina a cor de preenchimento para R=155, G=95, B=55. Desenhe um retângulo arredondado para a mochila atrás do corpo da mulher, mas em frente do cabelo.

Delete a cor de preenchimento e defina a cor do traçado para R=193, G=120, B=70. Desenhe duas linhas estreitas para as alças da mochila. Elas devem ficar em frente de tudo.

Finalmente, adicione mais duas alças atrás da mochila, mas em frente do cabelo.

how to create the backpackhow to create the backpackhow to create the backpack

Passo 6

Para criar a saia, comece com um retângulo horizontal vermelho (R=242, G=128, B=109) para a faixa.

Depois adicione um retângulo maior vermelho e orientado verticalmente.

Enquanto o mantém selecionado, vá para Effect > Warp > Bulge, e insira nas opções que você vê abaixo.

how to create the skirthow to create the skirthow to create the skirt

Passo 7

Para criar a perna da mulher, vamos criar algumas formas diferentes. Volte para o homem, crie uma cópia de uma das pernas da calça e estique-a verticalmente. Altere sua cor de preenchimento para R=249, G=208, B=178.

Adicione uma elipse no lado superior esquerdo do retângulo esticado.

Utilizando a Ferramenta Direct Selection (A), mova as alças e os pontos de ancoragem da elipse para obter um resultado semelhante ao abaixo.

Depois disso, adicione uma nova elipse ao anterior. Agrupe a perna (clique com o botão direito do mouse > Group).

how to create the leghow to create the leghow to create the leg

Passo 8

Posicione a perna no lado esquerdo do corpo da mulher.

Como você pode ver, criei uma cópia do sapato do homem, alterei um pouco ele e o dei para a mulher. Mantenha o sapato dela em tons amarelos, mas na verdade não há necessidade de seguir os números RGB exatos.

Selecione a perna inteira com o sapato. Pegue a Ferramenta Reflect (O) e, enquanto mantém pressionada a tecla Alt, clique perto do lado direito da perna existente. Na nova janela de diálogo, insira Axis Vertical, Ângulo de 90 graus e pressione Copy. A mulher asiática está pronta!

how to create another leghow to create another leghow to create another leg

3. Como Posicionar as Duas Pessoas Juntas

Certifique-se de que cada personagem seja agrupado separadamente, de modo que seja fácil movê-los. Agora você pode colocá-los juntos e ver se tudo parece bom. Se você precisar alterar as posições de seus braços, utilize a Ferramenta Direct Selection (A) e mova um ponto de ancoragem do braço, pois cada braço é uma linha e ajuste a posição como quiser.

how to place together the boy and girl how to place together the boy and girl how to place together the boy and girl

4. Como Criar uma Mulher Mulçumana

Passo 1

Como você já pode imaginar, você pode pegar uma cópia do rosto da mulher anterior, alterar a cor da pele (R=216, G=158, B=104), alterar as cores dos olhos e das sobrancelhas (R=91, G=79, B=74), e deixar a mesma cor na boca. Faça o novo rosto um pouco menor, porque geralmente você pode apenas ver o rosto sem cabelo em mulheres muçulmanas.

Crie um novo retângulo arredondado rosa (R=252, G=173, B=162) atrás do rosto.

Adicione uma elipse vertical rosa atrás do retângulo arredondado.

Adicione duas elipses horizontais sob a cabeça.

Delete a cor de preenchimento e defina a cor do traçado para R=242, G=146, B=136. Agora, utilizando a Ferramenta Arc, desenhe alguns arcos como mostrado na imagem abaixo para criar as dobras de seu hijab.

how to create the face and headwearhow to create the face and headwearhow to create the face and headwear

Passo 2

Crie um retângulo amarelo (R=247, G=200, B=94) atrás da cabeça da mulher. Mova o ponto de ancoragem superior direito para a esquerda, assim ele fica coberto pelo seu hijab. Altere a cor amarela de preenchimento para a cor do traçado e desenhe uma linha grossa como o braço direito dela.

Desenhe seu outro braço, mas desta vez não marque o botão Round Cap no painel Stroke. Altere a cor do traçado para R=216, G=158, B=104 e utilize a Ferramenta Arc para desenhar a mão dela.

Diminua a Espessura do traçado no painel Stroke e desenhe seu polegar.

how to create the upper bodyhow to create the upper bodyhow to create the upper body

Passo 3

Para as pernas. Um retângulo de cor de menta (a mesma cor de preenchimento que o pulôver do homem) no lado esquerdo vai ser a perna esquerda da mulher.

Faça uma cópia do sapato da mulher anterior, altere a cor de preenchimento para alguns tons vermelhos e posicione-a atrás da perna da calça.

Selecione a perna inteira com o sapato, segure os botões Shift e Alt juntos e mova-o para a direita. A mulher muçulmana está pronta!

how to create legshow to create legshow to create legs

5. Reuna o Grupo de Amigos

Coloque a nova personagem ao lado dos dois amigos que já criamos. Certifique-se de que o braço direito da mulher muçulmana fique em frente do cabelo da mulher asiática, mas atrás do corpo dela.

Selecione o polegar da mulher muçulmana, para que a cor do traço fique na memória. Depois utilizando a Ferramenta Line Segment (/), desenhe seus dedos na mochila da outra mulher. Agora todo mundo está se abraçando.

placing three people together placing three people together placing three people together

6. Como Criar o Plano de Fundo e o Cenário

Passo 1

Delete a cor do traçado e defina a cor de preenchimento para R=254, G=244, B=232. Pegue a Ferramenta Rectagle (M) e clique em sua prancheta. Na nova janela de diálogo, insira 850 px de Largura e Altura. Este vai ser o nosso plano de fundo.

Recorte o plano de fundo (Control-X) e posicione-o atrás de tudo que você criou até agora (Control-B). Certifique-se de que seu plano de fundo permaneça no meio da sua prancheta.

how to create the backgroundhow to create the backgroundhow to create the background

Passo 2

Utilize uma cor de preenchimento ligeiramente mais escura e desenhe um retângulo abaixo dos amigos, que representará o piso.

how to create the place they are standing onhow to create the place they are standing onhow to create the place they are standing on

Passo 3

Pegue a Ferramenta Star e crie uma estrela gigante atrás dos amigos. E é isso!

how to create the background starhow to create the background starhow to create the background star

Conclusão

Que imagem! Espero que você tenha aprendido algo novo e tenha se divertido criando-a. Eu aprecio que você tenha passado por este tutorial comigo. Sinta-se à vontade para postar seus resultados abaixo.

Vejo você na próxima!

finalfinalfinal
One subscription.
Unlimited Downloads.
Get unlimited downloads