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

Como Criar uma Ilustração de Gnomo de Jardim no Adobe Illustrator

by
Read Time:9 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ê gosta de gnomos de jardim?  Aprenda como criar uma ilustração de gnomo de jardim no Adobe Illustrator.

Para mais imagens e inspiração, não deixe de visitar o GraphicRiver para verificar a coleção de personagens vetoriais.

Vamos começar!

1. Como Criar a Cabeça do Gnomo

Passo 1

Depois de criar um novo documento, vamos começar a criar o gnomo. Utilize a Ferramenta Ellipse (L) para desenhar uma elipse (cor de preenchimento R=240, G=208, B=180). Enquanto o mantém selecionado, vá para Effect > Warp > Fish e, na nova janela de diálogo, insira as opções que você vê abaixo.  Depois pressione OK.

how to create the head shapehow to create the head shapehow to create the head shape

Passo 2

Altere a cor de preenchimento para R=140, G=88, B=56.  Novamente, utilizando a Ferramenta Ellipse (L) e mantendo pressionada a tecla Shift (para criar um círculo uniforme), crie um pequeno círculo para o olho do gnomo.

Para obter o outro olho, selecione o que você acabou de criar e mantenha pressionados os botões Shift e Alt.  A tecla Alt vai criar uma cópia para você e a tecla Shift vai manter ele perfeitamente alinhado.  Então, enquanto segura estas duas teclas, mova o olho existente para a direita.  Você vai notar que acabou de criar um outro olho.

Altere a cor de preenchimento para R=232, G=1182, B=1450 e desenhe uma pequena elipse horizontal para o nariz.

how to create the eyes and nosehow to create the eyes and nosehow to create the eyes and nose

Passo 3

Vamos criar o bigode.  Defina uma cor de preenchimento branco e desenhe uma elipse utilizando a Ferramenta Ellipse (L).  Enquanto a mantém selecionada, vá para Effect > Warp > Flag e, na nova janela de diálogo, insira as opções que você vê abaixo. Depois de pressionar OK, expanda a forma (Object > Expand Appearance). Lembre-se de que você não precisa do traço preto—ele está lá para que você possa diferenciá-lo do plano de fundo.

how to create the mustacheshow to create the mustacheshow to create the mustaches

Passo 4

Posicione o bigode atrás do nariz, ou posicione o nariz sobre o bigode (Control-X, Control-F).  Em seguida, mantendo o bigode selecionado, pegue a Ferramenta Reflect (O) e clique sob o nariz enquanto pressiona a tecla Alt.  Na nova janela de diálogo, insira Eixo Vertical, Ângulo de 90 graus e depois pressione Copy.  É assim que você vai obter a parte direita do bigode.

Você já deve ter notado que as sobrancelhas são uma cópia do bigode, que encolheram verticalmente.

how to place the mustacheshow to place the mustacheshow to place the mustaches

Passo 5

Para obter a barba, crie uma cópia da cabeça para trás (Control-C, Control-B) e estique-a horizontalmente.  Lembre-se de que você não precisa da cor do traço—ele está lá apenas para melhor visibilidade.

Todo gnomo que se preze deve ter um chapéu vermelho.  Por isso, clique na Ferramenta Polygon e clique em sua prancheta.  Insira 3 Lados com qualquer Raio na nova janela.  Altere sua cor de preenchimento para R=228, G=65, B=69.

how to create the bird and gnomes caphow to create the bird and gnomes caphow to create the bird and gnomes cap

2. Como Criar o Corpo

Passo 1

Altere a cor de preenchimento para verde (R=129, G=175, B=69) e desenhe uma elipse.  Utilize a Ferramenta Rectangle (M) para criar um retângulo de qualquer cor que se sobreponha a ele.  Você tem que cobrir apenas a parte inferior da elipse.

Selecione as duas formas e, no painel Pathfinder (Window > Pathfinder), pressione o botão Minus Front. Você vai acabar com uma metade da elipse que vai ser a parte superior do corpo do gnomo.

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

Posicione a parte superior do corpo sob e atrás da cabeça.

how to place the upper bodyhow to place the upper bodyhow to place the upper body

Passo 2

Defina uma cor de preenchimento mais escura (R=111, G=147, B=55) e, utilizando a Ferramenta Rectangle (M), desenhe um retângulo vertical fino na parte superior do corpo, atrás da cabeça do gnomo.

Altere a cor de preenchimento para amarelo (R=221, G=176, B=64) e desenhe um retângulo horizontal, assim vamos criar o cinto.

Torne a cor de preenchimento mais escura (R=191, G=121, B=29) e desenhe um pequeno círculo no cinto.

Enquanto o mantém selecionado, e mantendo pressionadas as teclas Shift e Alt, mova o círculo para a direita.  Você vai obter uma nova cópia dela.  Depois disso, pressione Control-D algumas vezes, pois esta combinação vai criar mais cópias perfeitamente alinhadas.

Delete a cor de preenchimento e defina a cor do traço para R=249, G=208, B=93.  Selecione a Ferramenta Rounded Rectangle e desenhe um pequeno retângulo arredondado para a fivela do cinto.

Finalmente, adicione uma linha minúscula utilizando a Ferramenta Line Segment (/).  O cinto do gnomo está terminado!

how to create the belthow to create the belthow to create the belt

Passo 3

Para criar a parte inferior do corpo do gnomo, simplesmente crie uma cópia da parte superior e vire-a de cabeça para baixo.

Altere a cor de preenchimento para R=186, G=112, B=32.

how to create the bottom bodyhow to create the bottom bodyhow to create the bottom body

Passo 4

Vamos criar a bota vermelha para o nosso gnomo. Primeiro, desenhe um retângulo vermelho (R=228, G=65, B=69).

Enquanto o mantém selecionado, vá para Effect > Warp > Arc Upper e insira as opções que você vê abaixo.  Expanda esta forma (Object > Expand Appearance).

Depois disso, crie um triângulo da mesma maneira que você criou o chapéu do gnomo.  Posicione o triângulo como mostrado na imagem abaixo.  Essa será a parte superior da bota.

how to create the boothow to create the boothow to create the boot

Passo 5

Como queremos que nossas botas de gnomo tenham as biqueiras enroladas, precisamos criar uma espécie de forma crescente para isso. Desenhe dois círculos sobrepostos, como mostrados abaixo.  Certifique-se de que o menor esteja no topo.

Depois pressione o botão Minus Front no painel Pathfinder (Window > Pathfinder).

how to create the curled toe cap for the boothow to create the curled toe cap for the boothow to create the curled toe cap for the boot

Posicione a forma crescente na bota que criamos.  Certifique-se de que você não tem nenhuma cor de traço na bota e que ela esteja agrupada (clique com o botão direito do mouse > Group).

how to combined all the parts from the boothow to combined all the parts from the boothow to combined all the parts from the boot

Passo 6

Posicione a bota como mostrada abaixo.

Agora vamos fazer uma outra bota.  Selecione a existente e crie uma cópia dela em frente (Control-C, Control-F).  Depois pressione a Ferramenta Reflect (O) e pressione a tecla Enter no teclado.  Na nova janela de diálogo, insira Eixo Vertical, Ângulo de 90 graus e pressione OK.  Depois disso, mova a nova bota para a direita.

Com uma cor de preenchimento mais clara (R=252, G=114, B=114), desenhe um retângulo horizontal fino sobre as duas botas.  Depois deforme-a (Effect > Warp > Arc).

how to place the boot and create another onehow to place the boot and create another onehow to place the boot and create another one

Passo 7

Para ter certeza de que as duas pernas estão separadas, desenhe um retângulo fino, preto e orientado verticalmente, onde as duas pernas devem ser divididas.

Agora, verifique se o painel Transparency está aberto (Window > Transparency).  Altere a Opacity no painel Transparency para Soft Light e diminua a Opacity para 60%.  Veja como o retângulo alterou sua cor?

how to create visiual division of the legshow to create visiual division of the legshow to create visiual division of the legs

Passo 8

Nós não vamos criar uma nova forma para os braços.  Ao invés disso, vamos criar uma cópia da parte superior do corpo por trás (Control-C, Control-B).  Altere sua cor de preenchimento para R=111, G=147, B=55.  Estique-o ao cinto.

Depois desenhe um retângulo horizontal (R=178, G=211, B=127) atrás do corpo e na frente dos braços.

Altere a cor de preenchimento para R=240, G=208, B=180.  Crie uma pequena elipse e posicione-a atrás do corpo inteiro.  Isto vai ser a mão esquerda.

Enquanto segura as teclas Shift e Alt, mova a mão esquerda para a direita e você vai obter a mão direita.

Delete a cor de preenchimento e defina a cor do traço como R=232, G=182, B=145.  Pegue a Ferramenta Arc e desenhe uma pequena curva para criar o polegar do gnomo.

Crie a mesma curva no outro lado.  E o seu gnomo está terminado!

how to create the handshow to create the handshow to create the hands

3. Como Criar o Plano de Fundo

Passo 1

Pegue a Ferramenta Rectangle (M) e clique em sua prancheta.  Na nova janela de diálogo, insira Largura e Altura de 850 px e pressione OK.  Um grande quadrado vai aparecer em sua prancheta, que vai ser o fundo.  Certifique-se de que o fundo permaneça no meio de sua prancheta.  Defina a cor de preenchimento para R=244, G=234, B=208.

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

Posicione o gnomo no plano de fundo.

how to place the gnome on the backgroundhow to place the gnome on the backgroundhow to place the gnome on the background

Passo 2

Vamos criar a cerca.  Defina a cor de preenchimento branco sem traço e desenhe um pequeno retângulo.

Utilizando a Ferramenta Pen (P), posicione um novo ponto de ancoragem no topo e no meio da cerca.  Utilizando a Ferramenta Direct Selection (A), mova o novo ponto de ancoragem para cima.  Esta vai ser a primeira barra de madeira da cerca.

Mantendo pressionadas as teclas Shift e Alt, mova esta barra de madeira para a direita.  Depois pressione Control-D algumas vezes para obter uma linha feita destas barras.

Adicione um retângulo horizontal mais escuro no meio da linha.  A cerca está pronta!

how to create the fencehow to create the fencehow to create the fence

Posicione a cerca atrás do gnomo e em frente do fundo.

how to place the fencehow to place the fencehow to place the fence

Passo 3

Adicione mais um retângulo horizontal (R=242, G=224, B=184) onde o gnomo vai ficar.

how to add the shadowhow to add the shadowhow to add the shadow

4. Como Criar as Árvores

Passo 1

Delete a cor de preenchimento e defina a cor do traço como R=209, G=170, B=120.  Vamos começar com o tronco e os galhos.  Desenhe uma linha vertical longa e grossa, que será o tronco.  Você pode aumentar a Espessura do traço no painel Stroke (Window > Stroke).

Diminua a Espessura do traço, pegue a Ferramenta Arc e desenhe alguns galhos.

Diminua a Espessura do traço ainda mais e desenhe alguns galhos menores.

how to create the trunk and brancheshow to create the trunk and brancheshow to create the trunk and branches

Passo 2

Utilizando a cor de preenchimento verde (R=129, G=175, B=69) e sem cor de traço, crie um monte de elipses como a folhagem.  Os traços pretos na imagem vão guiar você.

Altere a cor de preenchimento para um verde mais escuro (R=111, G=147, B=55) e crie ainda mais elipses atrás dos galhos.  A primeira árvore está pronta!

how to create the foliagehow to create the foliagehow to create the foliage

Passo 3

Vamos criar uma maçã.  Comece com uma elipse vermelha (R=228, G=65, B=69) que é rotacionada para a esquerda.

Crie uma cópia dela em frente (Control-C, Control-F).  Aperte na Ferramenta Reflect (O) e pressione imediatamente a tecla Enter duas vezes.  Você acabou de criar um reflexo vertical da elipse vermelha.  Mova a nova cópia para a direita, mas não muito longe— apenas o suficiente para obter a forma de uma maçã.

Delete a cor de preenchimento e defina a cor do traço como (R=224, G=203, B=155).  Utilizando a Ferramenta Line Segment (/), desenhe uma haste para a maçã.

how to create the applehow to create the applehow to create the apple

Passo 4

Crie uma elipse verde (R=178, G=211, B=127).  Depois utilizando a Ferramenta Convert Anchor Point (Shift-C), torne os pontos de ancoragem mais pontudos clicando nos pontos de ancoragem à esquerda e à direita.  Você vai obter uma forma simples de folha.

how to create the leafhow to create the leafhow to create the leaf

Passo 5

Posicione a folha na maçã.  Agrupe a maçã, faça cópias e espalhe-as na árvore.

how to spread apples on the treehow to spread apples on the treehow to spread apples on the tree

Passo 6

De maneira semelhante, vamos criar a pereira. Primeiro, desenhe o tronco e, em seguida, adicione galhos maiores e menores.

Depois adicione as folhas (cor de preenchimento R=131, G=153, B=77).

how to create the treehow to create the treehow to create the tree

Passo 7

Certifique-se de que você não tenha nenhum traço e que a cor de preenchimento esteja definida como R=249, G=208, B=93.  Crie uma elipse amarela.

Enquanto a mantém selecionada, vá para Effect > Warp > Fish. Insira as opções que você vê abaixo.  Expanda a forma.

Adicione uma haste (cor do traço R=209, G=170, B=120).

Adicione folhas verdes (cor de preenchimento R=178, G=211, B=127).  E agrupe a pêra inteira.

how to create the pearhow to create the pearhow to create the pear

Passo 8

Espalhe cópias da pêra na árvore.

how to spread pears on the treehow to spread pears on the treehow to spread pears on the tree

Passo 9

Posicione as duas árvores que acabamos de criar em frente do plano de fundo, mas atrás do gnomo. E você terminou sua ilustração!

how to place the trees on the backgroundhow to place the trees on the backgroundhow to place the trees on the background

Conclusão

Espero que tenham gostado de passar por este tutorial comigo.  Sinta-se à vontade para postar seu resultado—é sempre interessante ver.

finalfinalfinal

Se você gostou deste tutorial, por que não experimentar alguns dos meus outros:

One subscription.
Unlimited Downloads.
Get unlimited downloads