Advertisement
  1. Design & Illustration
  2. Spring

Dica Rápida: Como Criar uma Ilustração de Salgueiro Com um Pintinho 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 rápido tutorial de hoje você vai aprender a criar uma ilustração de um salgueiro e pintinho. Vamos basicamente criar um ramo e transformá-lo em muitos.  Vamos fazer depois três composições utilizando estes ramos. No final, vamos animar nossa ilustração, criando um pequeno pintinho.

Esta é uma ilustração rápida e fácil que é perfeita para iniciantes. Para criar esta imagem, vamos utilizar formas básicas no Adobe Illustrator e as deformaremos para criar uma ilustração fofa.

Para se lembrar de como os amentilhos de salgueiro reais parecem, confira o Envato Market.

Quando você estiver pronto, vamos!

1. Como Criar o Salgueiro

Passo 1

Depois de abrir o Adobe Illustrator, crie um novo documento com Largura e Altura de 850 x 850 px.

Vamos começar com o amentilho do salgueiro. Defina a cor de preenchimento como você vê na imagem abaixo. Agora pegue a Ferramenta Ellipse (L) e crie uma elipse cinza. Depois vamos transformar esta elipse indo para Effect > Distort e Transform > Roughen.  Você pode brincar com as opções para o efeito áspero (Size e Detail) para obter um resultado próximo ao mostrado abaixo ou o que você desejar. Expanda esta forma (Object > Expand Appearance).

Agora crie uma cópia da elipse áspera na frente (Control-C, Control-F) e desloque-a para o lado esquerdo superior. Na imagem abaixo, a cor preta do traçado destas elipses é utilizada apenas para melhor visibilidade.

Em seguida, crie uma outra cópia da primeira elipse na frente (Control-C, Control-F) e, enquanto mantém esta cópia e a outra selecionada, pressione o botão Minus Front no painel Pathfinder (Window > Pathfinder).  Esta ação nos deixa com uma nova forma crescente. Altere a cor da forma crescente para um cinza mais escuro.

Depois disto, adicione uma elipse de cor clara no lado superior esquerdo para mostrar o volume do amentilho. Para terminar o amentilho, adicione pequenos círculos amarelados de diferentes tamanhos por todo o lado.  É melhor agrupar o amentilho inteiro agora, pois será mais fácil movê-lo mais tarde (clique com o botão direito do mouse > Group).

how to create the willow catkin

Passo 2

Utilizando a Ferramenta Rounded Rectangle, crie um retângulo arredondado vertical e fino para a haste. Posicione os amentilhos nos dois lados da haste.  Rotacione e altere o tamanho de alguns amentilhos para obter um resultado semelhante à imagem mostrada abaixo. Não posicione cada amentilho uniformemente, mas posicione-os mais aleatoriamente.

how to create the branch

Passo 3

Para fazer com que a haste pareça mais realista e não tão perfeitamente reta, vamos tornar sua superfície mais áspera utilizando a Ferramenta Warp. Clique duas vezes na Ferramenta Warp (Shift-R) e insira as dimensões de Largura e Altura para o pincel de cerca de 20-30 px, Intensidade de 100% e clique em OK.  Posicione o retângulo arredondado na frente dos amentilhos (Control-C, Control-F), e selecione-o antes de utilizar a Ferramenta Warp (Shift-R), caso contrário você vai afetar os outros objetos que o cercam.

Mova o mouse sobre a haste (como mostrada na imagem) para criar a parte onde o amentilhos fica em um galho. 

De uma maneira semelhante, crie um outro caule, que deve ser menor e deve ter um número diferente de amentilhos. Agrupe cada haste (clique com o botão direito do mouse > Group).  Posteriormente, neste tutorial, vamos combiná-los de diferentes maneiras, por isso é importante ter pelo menos duas hastes diferentes.

making the branch more natural

Passo 4

Neste passo, vamos criar um conjunto de hastes, que vão ser utilizadas para as três composições diferentes. Portanto, faça algumas cópias das hastes grandes e pequenas e combine-as.

Primeiro, vamos selecionar uma haste e deformá-la. Vá para Effect > Warp >Arc. Para sua conveniência, selecione Preview enquanto ajusta as opções para obter um resultado desejado.  Na nova janela de diálogo, selecione Vertical, Bend -20%, Distortion Horizontal 0%, Vertical 0% e clique em OK. Faça o mesmo processo de deformação para cada galho, apenas variando a porcentagem de Bend.

Expanda cada ramo (Object > Expand Appearance).

how to create the different branches

2. Como Criar as Composições do Salgueiro

Passo 1

Primeiro, vamos criar nossa primeira composição. Desenhe um círculo azul (utilize a Ferramenta Ellipse (L) enquanto mantém pressionada a tecla Shift para um círculo uniforme).

Adicione um conjunto de ramos de salgueiro no lado esquerdo do círculo. Agora selecione todas as hastes, clique com o botão direito do mouse e selecione Transform > Reflect.  Isto vai abrir a janela de diálogo Reflect, onde você deve inserir Axis Vertical, Ângulo de 90 graus e pressione Copy. Mova a cópia das hastes recém-criadas para a direita. Você vai acabar com uma composição semelhante à mostrada abaixo.

how to create the first composition

Passo 2 

Agora vamos criar nossa segunda composição. 

Faça uma outra cópia do círculo azul criada no passo anterior e posicione um conjunto de salgueiros no círculo, como mostrado na imagem abaixo. Observe que o salgueiro está sobrepondo os lados do círculo.

Em seguida, selecione o círculo e faça uma cópia dele na frente dos salgueiros (Control-C, Control-F), corte-o (Control-X) e posicione-o na frente de tudo (Control-F). Para poder ver os salgueiros sob o círculo, vamos remover sua cor de preenchimento e adicionar uma cor de traço preto.

Agora, como queremos tornar a parte superior dos salgueiros visível, temos que distorcer o círculo superior para poder cobrir o salgueiro em cima.  Mova as alças dos pontos de ancoragem deste círculo utilizando a Ferramenta Direct Selection (A) para obter o resultado desejado. Você quer posicionar o traçado preto dentro da parte superior do salgueiro.

Depois disso, selecione o salgueiro e a forma frontal e depois vá para Object > Clipping Mask > Make (Control-7). Esta ação vai cortar a parte do salgueiro além do círculo azul.

how to create the second composition

Passo 3

Para a terceira composição, crie uma cópia do círculo azul novamente. Posicione os galhos de salgueiro ao redor do círculo para ter uma coroa de flores como mostrada abaixo.

how to create the third composition

Passo 4

Posicione todas as três composições juntas.

three compositions together

3. Como Criar o Pintinho

Passo 1

Vamos começar desenhando a cabeça do pintinho. Utilizando a Ferramenta Ellipse (L), desenhe uma forma oval. Na imagem abaixo, você pode ver qual cor de preenchimento precisa. Depois vá para Effect > Warp > Inflate para moldar a cabeça. Insira as opções que você vê abaixo.

Para os olhos, crie uma elipse marrom e adicione um pequeno círculo branco para iluminar o olho. Posicione este olho no lado esquerdo da cabeça. Enquanto mantém o olho selecionado, pegue a Ferramenta Reflect (O).  Mantenha pressionada a tecla Alt e clique no meio da cabeça. Na nova janela de diálogo, selecione Vertical, Ângulo de 90 graus e pressione Copy. Você agora deve ter dois olhos.

how to create the chicks head

Passo 2 

Vamos adicionar o bico do pintinho. No meio da cabeça, adicione uma forma oval rosa e modifique-a com um efeito de deformação: vá para Effect > Warp > Inflate. Selecione as opções necessárias e expanda a forma.

Em seguida, selecione a forma rosa e crie uma cópia por trás dela (Control-C, Control-B). Utilizando a Ferramenta Direct Selection (A), selecione o ponto de ancoragem inferior da cópia superior. Depois mova este ponto de ancoragem um pouco para cima.

Altere a cor de preenchimento da cópia inferior para uma cor mais escura. O bico do nosso pintinho está pronto!

how to create the chicks beak

Passo 3

Para o corpo do pintinho, adicione uma elipse abaixo da cabeça e distorça-a com o efeito de deformação: Effect > Warp > Inflate. Depois de ajustar as opções conforme mostradas, expanda a forma resultante.

how to create the chicks body

Passo 4

Neste passo, vamos a asa do pintinho. Comece com uma elipse e modifique-a com o efeito Arc (Effect > Warp > Arc). Insira as opções mostradas abaixo. Expanda a forma.

Em seguida, adicione quatro elipses que devem ser levemente rotacionadas para a direita e posicione-as sobre a elipse deformada.  Para melhor visibilidade, adicionei um traçado preto que não deve estar presente na imagem final. No final, agrupe toda a asa (clique com o botão direito do mouse > Group).

how to create the chicks wing

Passo 5

Posicione a asa no lado esquerdo do corpo do pintinho. Depois faça uma cópia refletida verticalmente desta asa para obter uma outra.  Para fazer isso, enquanto mantém a asa selecionada, clique com o botão direito do mouse e selecione Transform > Reflect. Uma vez que você obtém a caixa de diálogo, selecione Axis Vertical, Ângulo de 90 graus e pressione Copy. Mova a nova asa para a direita.

how to create another wing

Passo 6

Para criar a perna do pintinho, comece com uma elipse rosa. Em seguida, utilize a Ferramenta Direct Selection (A) para selecionar os pontos de ancoragem esquerdos e direitos e mova-os para cima.

Depois crie uma cópia da forma, posicione-a no lado esquerdo e rotacione-a para a esquerda. Faça uma outra cópia e rotacione-a para a direita para obter os três dedos da perna do pintinho.

Finalmente, adicione uma quarta cópia da forma, diminua-a e posicione-a como o quarto dedo do pé.

how to create the chicks fingers

Passo 7

Abaixo do corpo do pintinho, adicione dois círculos para começar a criar as pernas. Posicione o pé (que deve ser agrupado) abaixo do pintinho e rotacione-o levemente para a esquerda, como mostrado abaixo.

Em seguida, vamos adicionar a perna do pintinho. Primeiro, excluiremos a cor de preenchimento e definiremos a cor do traço. Para fazer isso, pressione a seta dupla Swap Fill and Stroke (Shift X) no painel Tools.  Agora você deve ter a mesma cor de preenchimento rosa que você tinha para os dedos dos pés. Aumente a Espessura do traço e marque Round Cap no painel Stroke (Window > Stroke).  Agora, crie um arco que conecte as duas pernas (você deve rotacionar o arco) e posicione-o atrás do corpo do pintinho. Mova as alças do arco utilizando a Ferramenta Direct Selection (A) até obter o resultado necessário.

Faça uma cópia vertical dos dedos dos pintinhos e prenda-os à perna direita.

how to create the chicks legs

Passo 8

Posicione o pintinho no meio das duas composições, como mostrado abaixo.

placing the chicks

4. Como Criar o Plano de Fundo

Passo 1

Crie um quadrado azul com Largura e Altura de 850 px, envie-o para trás (Control-X, Control-B) e centralize-o na prancheta. Para o alinhamento, selecione este quadrado e, no painel Align (Window > Align), no menu suspenso, escolha Align to: Align to Artboard e clique nos botões Horizontal Align Center e Vertical Align Center.

how to create the background

Passo 2 

Organize as composições criadas no plano de fundo para obter a imagem completa.

placing the compositions with chicks on the background

Conclusão

Bom trabalho! Espero que você tenha se divertido criando estas composições fofas. Para torná-las mais brilhantes, você pode adicionar alguns arcos. Se você quiser saber como criar esse arco, siga as instruções de um dos meus tutoriais anteriores. Você também pode adicionar outros detalhes, se quiser. Apenas seja criativo e aproveite o processo! Vejo vocês novamente no meu próximo tutorial!

final
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.