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

Como Criar um Flamingo Geométrico no Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

No tutorial de hoje, vamos dar uma olhada no processo de criação de uma simples ilustração de um pássaro geométrico, que vamos dar vida utilizando algumas formas desenhadas à mão no Adobe Illustrator. Como sempre, vamos utilizar algumas das formas e ferramentas básicas com as quais você provavelmente já trabalha diariamente.

Não se esqueça, você sempre pode expandir o seu projeto indo em GraphicRiver, onde você encontrará uma grande seleção de ilustrações com temas de animais, apenas esperando para serem pegos.

Então, certifique-se de pegar um novo lote desse suco de feijão mágico e vamos pular direto para nele.

1. Como Configurar um Novo Arquivo de Projeto

Supondo que você já tenha o Illustrator instalado e executando em segundo plano, abra ele e vamos configurar um Novo Documento (File > New ou Control-N) usando as seguintes configurações:

  • Number of Artboards (Número de Áreas de Trabalho): 1
  • Width (Largura): 800 px
  • Height (Altura): 600 px
  • Units (Unidades): Pixels

E da aba Advanced (Avançado):

  • Color Mode (Modo de cor): RGB
  • Raster Effects (Efeitos de Rasteirização): Screen (72ppi)
  • Preview Mode (Modo de Visualização): Default (Padrão)
setting up a new document

2. Como Configurar as Camadas

Uma vez que terminamos de configurar o nosso documento, seria uma boa ideia estruturar o nosso projeto utilizando algumas camadas, já que deste jeito podemos manter um fluxo de trabalho constante focando uma parte da ilustração ao mesmo tempo.

Dito isto, abra o painel Layers, e crie um total de cinco camadas, que vamos renomear do seguinte modo:

  • camada 1: fundo
  • camada 2: lagoa
  • camada 3: flamingo
  • camada 4: mosca
setting up the layers

Dica rápida: eu colori todas as minhas camadas utilizando o mesmo valor de verde, uma vez que é o mais fácil de ver quando utilizado para destacar as formas selecionadas (sejam elas fechadas ou abertas).

3. Como Criar o Lago

Agora que colocamos o nosso documento em camadas, podemos começar a trabalhar no projeto criando o pequeno lago, que vamos utilizar como nosso ponto central para o restante da ilustração. Portanto, certifique-se de se posicionar na segunda camada e vamos começar!

Passo 1

Utilizando a Ferramenta Ellipse (L), crie uma forma de 160 x 36 px, que vamos colorir utilizando #99C7F2 e depois centralize o alinhamento na Prancheta subjacente, posicionando-a a 112 px da borda inferior.

creating and positioning the main shape for the pond

Passo 2

Dê zoom na forma que acabamos de criar e adicione a ondulação central utilizando uma elipse de 64 x 16 px, que vamos colorir utilizando #AFD8F9.

adding the center ripple to the pond

Passo 3

Adicione a ondulação menor utilizando uma elipse de 16 x 4 px (#AFD8F9), que vamos posicionar no lado direito da maior, a uma distância de 16 px. Quando terminar, selecione e agrupe as três formas utilizando o atalho de teclado Control-G, antes de passar para a próxima parte.

adding the smaller ripple to the pond

4. Como Criar o Plano de Fundo

Agora que temos o nosso pequeno lago no lugar, podemos mudar nosso foco para a camada de fundo (que seria o primeiro), que vamos criar rapidamente uma forma de cada vez.

Passo 1

Usando a Pen Tool (P), desenhe a forma principal do plano de fundo usando a imagem de referência como seu guia principal, colorindo a forma resultante usando #696791.

drawing the backgrounds main shape

Passo 2

Adicione o pequeno sol utilizando um círculo de 48 x 48 px, que será colorido utilizando #FFD399 e depois posicione na parte superior da forma previamente desenhada.

adding the sun to the background

Passo 3

Desenhe as linhas intensas da nuvem (#FFFFFF) utilizando a Ferramenta Pen (P), certificando-se de selecionar e agrupar elas e o sol juntos utilizando o atalho de teclado Control-G.

drawing the clouds

Passo 4

Mascare as formas que acabamos de agrupar criando uma cópia (Control-G) do plano de fundo maior, que vamos colar sobre elas (Control-F), e então simplesmente selecione-as e mascare-as e clique com o botão direito do mouse > Make Clipping Mask.

masking the main shapes of the background

Passo 5

Com a Pen Tool (P) selecionada, desenhe rapidamente a forma principal para a folha esquerda usando #99DD99 como sua cor de Preenchimento.

drawing the main shape for the left leaf

Passo 6

Adicione as pequenas linhas de detalhe utilizando um par de Traços de 2 px de espessura (#FFFFFF) com um Round Cap, utilizando a imagem de referência como seu guia principal. Não tenha pressa, e uma vez terminado, selecione e agrupe (Control-G) todas as formas resultantes juntas, fazendo o mesmo para toda a folha depois.

adding the detail lines to the left leaf

Passo 7

Termine a parte atual adicionando à folha direita, que criaremos utilizando uma cópia (Control-C > Control-F) da esquerda. Depois verticalmente, reflita-a (clique com o botão direito do mouse > Transform > Reflect > Vertical) e posicione-a no lado oposto do plano de fundo.

Quando terminar, selecione e posicione as duas folhas abaixo (clique com o botão direito do mouse > Arrange > Send to Back), certificando-se de selecionar e agrupar todas as formas utilizando o atalho de teclado Control-G.

adding the right leaf to the background

5. Como Criar o Flamingo

Supondo que você tenha terminado de trabalhar na parte anterior, certifique-se de bloquear sua camada e então passe para a próxima (que seria a terceira), onde vamos pegar um torque e crie o nosso flamingo geométrico.

Passo 1

Crie a forma principal para a perna em pé do flamingo utilizando um Traço de 120 px de altura e 8 px de espessura, que vamos colorir utilizando #FFD399 e depois posicione no centro da ondulação maior, como visto na imagem de referência.

drawing the standing leg of the bird

Passo 2

Adicione a articulação de conexão superior utilizando um círculo de 24 x 24 px, que será colorido utilizando #D68383 e depois posicione no centro do ponto de ancoragem superior do Traçado.

adding the upper joint to the standing leg

Passo 3

Crie a articulação de dobra utilizando um círculo menor de 16 x 16 px (#FFD399), que vamos posicionar a 24 px do maior. Depois de definir a forma, selecione todas as partes de composição da perna e agrupe-as utilizando o atalho de teclado Control-G.

adding the bending joint to the standing leg

Passo 4

Desenhe a perna dobrada utilizando um Traço de 8 px de espessura (#FFD399) com um Round Cap, seguindo a imagem de referência como guia principal.

drawing the bent leg

Passo 5

Ajuste a forma resultante selecionando o ponto de ancoragem de seu tornozelo dobrado utilizando a Ferramenta Direct Selection (A) e depois definindo seu Corner Radius para 8 px dentro do campo de entrada Live Corners.

adjusting the bent leg

Passo 6

Adicione os pontos da articulação à perna atual, utilizando os mesmos valores de tamanho e cor utilizados ​​para o pé em pé. Certifique-se de selecionar e agrupar (Control-G) todas as suas formas de composição antes de passar para o próximo passo.

adding the joint points to the bent leg

Passo 7

Crie o corpo principal do flamingo utilizando um círculo de 128 x 128 px, que vamos colorir utilizando #F49898 e depois posicionamos na metade superior das articulações superiores das pernas.

creating the main body of the bird

Passo 8

Adicione a asa visível utilizando um retângulo de 84 x 64 px (#F49898), que será ajustado definindo o Raio de seu canto inferior esquerdo para 64 px de dentro das Rectangle Properties do painel Transform.

adding the visible wing

Passo 9

Separe a asa do corpo adicionando um retângulo de 84 x 4 px (#D68383) com um Corner Radius superior direito de 4 px, que vamos posicionar acima da asa e depois vamos mascarar utilizando uma cópia (Control-C > Control-F) do círculo maior (ambas as formas selecionadas > clique com botão direito do mouse > Make Clipping Mask).  Quando terminar, selecione e agrupe (Control-G) todas as formas de composição da parte atual antes de passar para a próxima.

adding the shadow to the visible wing

Passo 10

Crie a forma principal para o pescoço utilizando um retângulo de 76 x 176 px com um Traçado de 12 px de espessura (#F49898), que será ajustado definindo o Raio do seu canto inferior direito para 76 px a partir das Rectangle Properties do painel Transform. Selecione o ponto de ancoragem superior esquerdo da forma resultante usando a Ferramenta Direct Selection (A) e depois remova-a imediatamente pressionando Delete, posicionando o novo caminho conforme visto na imagem de referência.

creating the neck section of the bird

Passo 11

Comece a trabalhar na cabeça criando um quadrado de 32 x 32 px (#F49898), que será ajustado definindo o Raio dos cantos superiores para 16 px e posicionando a forma resultante na parte superior do pescoço.

creating the main shape for the head of the bird

Passo 12

Crie a forma principal para o bico utilizando um retângulo de 56 x 16 px (#FFD399), que será ajustado definindo o Raio de seus cantos inferior esquerdo e superior direito para 16 px, posicionando a forma resultante como visto na referência imagem.

creating the main shape of the beak

Passo 13

Adicione à parte final do bico utilizando um quadrado de 16 x 16 px (#696791), que será ajustado definindo o Raio de seu canto inferior direito para 16 px de dentro das Rectangle Properties do painel Tranform.

adding the nail section to the beak

Passo 14

Concentre-se na parte dos olhos criando um círculo de 16 x 16 px (#FFD399), que vamos posicionar na base do bico, como visto na imagem de referência.

creating the main shape for the eye section

Passo 15

Crie o olho atual utilizando um círculo de 8 x 8 px (#696791), que será centralizado alinhado à forma criada anteriormente e depois ajustado removendo sua metade inferior selecionando seu ponto de ancoragem inferior usando a Ferramenta Direct Selection (A) e depois pressionando Delete.

adding the eye to the head

Passo 16

Adicione o pequeno segmento curvado ao pescoço, que criaremos utilizando um círculo de 16 x 16 px (#F49898). Ajuste-o removendo seus pontos de ancoragem inferior e direito, unindo os restantes utilizando a Ferramenta Pen (P).  Quanto terminar, selecione e agrupe (Control-G) todas as partes de composição da cabeça, fazendo o mesmo para todo o flamingo depois.

adding the circular section to the base of the neck

Passo 17

Quando terminarmos de trabalhar no flamingo, podemos adicionar as pequenas gotas de água à perna dobrada utilizando três retângulos arredondados de 2 x 6 px (#99C7F2) com um Corner Radius de 1 px, certificando-se de selecioná-los e agrupá-los depois utilizando o atalho de teclado Control-G.

adding the water drops to the bent leg

Passo 18

Crie as pequenas rajadas de água utilizando alguns círculos menores (#FFFFFF), que serão ajustadas removendo suas metades inferiores, posicionando as formas resultantes nas duas ondulações. Não tenha pressa, e uma vez que estiver pronto, certifique-se de selecionar e agrupar (Control-G) todos eles juntos antes de passar para a próxima parte da ilustração.

adding the water bursts to the pond

6. Como Criar a Mosca

Estamos agora na última parte da nossa pequena ilustração, portanto, supondo que você tenha se posicionado na quarta camada, vamos nos preparar para terminar as coisas!

Passo 1

Utilizando um Traço de 2 px de espessura com a cor definida como #FFFFFF, desenhe o rastro da mosca, certificando-se de transformar a linha resultante em uma Linha Tracejada utilizando o painel Stroke.

drawing the trail of the fly

Passo 2

Termine a ilustração criando a pequena mosca utilizando um círculo de 4 x 4 px (#FFFFFF), para os lados dos quais vamos adicionar dois pequenos 3 x 3 px (#FFFFFF), que vamos agrupar (Control-G) e posicionar na extremidade esquerda do caminho que acabamos de desenhar.  Quando terminar, selecione e agrupe (Control-G) os dois juntos antes de finalmente apertar o botão salvar.

finishing off the illustration

Ótimo trabalho!

Como sempre, espero que você tenha se divertido trabalhando neste pequeno projeto e, o mais importante, tenha aprendido algo novo e útil ao longo do caminho.

Dito isto, se você tiver alguma dúvida, sinta-se à vontade para publicá-las na seção de comentários e eu farei o meu melhor para entrar em contato o mais breve possível!

finished project preview
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.