7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Illustration

Como Fazer uma Ilustração de Doce Vetor de Picolé 

Scroll to top
Read Time: 7 mins
This post is part of a series called Summer in Session!.
Create a Quick and Easy Tranquil Sky in Adobe Illustrator

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

Satisfaça a sua fome para uma ilustração legal com este tutorial de picolé doce. Este tutorial temático de verão vai atingir o ponto para usuários intermediários do Adobe Illustrator. Vamos Começar! 

Visualização da Imagem Final

Abaixo está a imagem final que vamos estar trabalhando. Quer ter acesso aos arquivos completos de Fonte Vetorial e cópias para download de cada tutorial, incluindo este aqui? Junte-se ao Vector Plus por apenas $9 por mês.

Passo 1

Use a Ferramenta Rounded Rectangle para desenhar a forma mostrada abaixo. Mude o raio dos cantos segurando as setas para cima ou para baixo, enquanto você desenha a forma.

Passo 2

Sobreponha a forma do retângulo arredondado com um outro retângulo. No Pathfinder selecione Subtract from Shape Area seguido pelo clique em Expand.

Passo 3

Esta é a forma com que você vai ficar. Use a Ferramenta Direct Selection (A) para ajustar os dois pontos inferiores se você precisar fazer a sua forma mais alta.

Passo 4

Desenhe um outro retângulo arredondado para a base do picolé. Certifique-se de que os cantos estão arredondados o suficiente, como mostrado abaixo, que dá ao picolé uma aparência mais completa.

Passo 5

Disponha em camadas as duas formas uma em cima da outra. Certifique-se de que a base tem a mesma largura que a parte de cima do picolé. Para fazer o palito, simplesmente copie e cole a parte de cima do picolé e gire ou reflita a orientação que é de cabeça para baixo.

Passo 6

Dê ao palito um gradiente sutil. Selecione todos os objetos e clique em Horizontal Align Center no Align Palette.

Passo 7

Duplique o palito e dê a ele um gradiente sutilmente mais escuro.

Passo 8

É fácil dar ao picolé sombras e destaques realistas usando algumas formas simples. Usando a Ferramenta Pen (P) desenhe a forma alta e branca como mostrada abaixo. Certifique-se de que sua forma sobrepõe na base do picolé, deste jeito a sua sombra ou seu destaque vai definitivamente cobrir a área superior inteira do picolé.

Passo 9

No Transparency Palette selecione Multiply e mude a Opacity cerca de 60%.

Passo 10

Vá para Effect > Blur > Gaussian Blur. Insira um número que pareça ser bom para você e clique em OK.

Passo 11

Repita os últimos 3 passos para fazer outras sombras e outros destaques. Quando fizer os destaques, deixe a mistura em Normal e a Opacity em 100% no Transparency Palette.

Passo 12

Para fazer um destaque para a borda inferior vamos primeiro duplicar a forma e fazer uma outra cópia um pouco mais alta do que a outra. No Pathfinder Palette selecione Subtract from Shape Area seguido pelo clique em Expand.

Passo 13

Aqui está a forma com que você vai ficar.

Passo 14

Dê a esta forma um desfoque e posicione-a na borda inferior do picolé.

Passo 15

Dê a base um gradiente, assim ela vai parecer como se o fundo estivesse na sombra.

Passo 16

Pequenos detalhes seguem um longo caminho. Adicione um sutil brilho interno para a parte inferior do picolé indo para Effect > Stylize > Inner Glow. Próximo ao Mode, selecione Multiply, mude a Opacity para cerca de 25 e selecione um Blur que seja bom para você. Você pode também selecionar uma cor mais similar a cor do seu picolé (mas um pouco mais escuro) para ajudar a sombra a se misturar ainda mais, depois clique em OK.

Passo 17

Selecione o palito e a base e traga eles para frente de todos os outros elementos indo para Object > Arrange > Bring to Front.

Passo 18

Aqui está como que a sua ilustração deve parecer agora. 

Passo 19

Vamos adicionar um detalhe de uma mordida caprichada desenhando primeiro alguns círculos usando a Ferramenta Ellipse (L).

Passo 20

Use o Pathfinder para mesclar as formas selecionando Add to Shape Area seguido pelo clique em Expand.

Passo 21

Posicione a forma oval sobre a borda superior do picolé. Selecione a forma oval e só a parte superior do picolé, depois selecione o Subtract from Shape Area, seguido pelo clique em Expand no Pathfinder Palette.

Passo 22

É com isto que você vai ficar.

Nota: Certifique-se de que você só selecionou duas formas no passo anterior ou seu resultado não vai parecer como este.

Passo 23

Use a Ferramenta Ellipse para desenhar uma elipse e dar a ela um gradiente simples que é mais escuro no centro.

Passo 24

Posicione a elipse atrás do picolé e rotacione-a um pouco para encaixar a curvatura da borda do picolé.

Passo 25

Em seguida vamos fazer uma sombra projetada para parte principal do picolé. Copie e cole as formas mostradas abaixo. Selecione as formas e no Pathfinder Palette selecione Add to Shape Area seguido pelo clique em Expand.

Passo 26

É com isto que você vai ficar. Esta forma vamos encaixar perfeitamente atrás do picolé.

Passo 27

Dê a forma uma sombra projetada indo para Effect > Stylize > Drop Shadow. Deixe seu Offset X e Y em 0 e mude o Blur do jeito que você quiser. Clique em OK.

Passo 28

Mova a sombra para trás do picolé.

Passo 29

Em seguida, vamos fazer um reflexo. Desenhe uma forma aleatória sobre a parte do picolé.

Passo 30

Copie e cole as formas mostradas abaixo antes de você prosseguir, deste jeito você vai estar certo de que não vai bagunçar ou perder nada do trabalho que você já fez. Selecione as duas formas abaixo e clique em Intersect Shape Areas seguido do clique em Expand.

Passo 31

Agora você tem um destaque perfeitamente cortado que você pode posicionar sobre o picolé.

Para os próximos passos de trabalho você deve usar preto e branco (e não cor) como indicado. Dê ao destaque um preenchimento branco. Com o destaque selecionado em seu documento, vá para o Transparency Palette e dê duplo clique na área destacada em amarelo.

Passo 32

Depois do seu duplo clique na área no Transparency Palette sua forma vai desaparecer. Certifique-se de que o quadrado na direita no Palette está selecionado.

Passo 33

Use a Ferramenta Rectangle (M) para desenhar um retângulo sobre o picolé. Agora, seu destaque vai se revelar novamente.

Passo 34

No Gradient Palette adicione um ponto preto e branco, depois preencha da forma retangular que você acabou de desenhar com o gradiente preto e branco. É importante que suas cores no Gradient Palette sejam constituídas de valores extremos de R, G e B. Isto vai assegurar que o seu destaque possa partir do escuro ou claro, conforme a sua necessidade.

Passo 35

É fácil adicionar algumas gotas e respingos para a ilustração usando opções de tintas embutidas do Illustrator. Vá para Window > Brush Libraries > Artistic > Artistic_Ink. Clique e arraste qualquer uma das opções em seu documento.

Passo 36

Para mudar a cor de preenchimento dos respingos de tinta, você vai precisar desagrupar o respingo. Vá para Object > Ungroup. Continue a desagrupar o objeto até que ele não possa ser desagrupado. Isto geralmente levará cerca de 4 vezes. Selecione o respingo de tinta e dê a ele um gradiente radial. Agora o respingo de tinta parece como o respingo do picolé.

Passo 37

Agora vamos fazer as gotas de água. Primeiro desenhe uma forma usando a Ferramenta Pen, como mostrada abaixo. Desfoque a forma indo para Effect > Blur > Gaussian Blur.

Passo 38

Depois que você desfocar a forma, apenas desenhe um destaque superior e lateral e dê a eles um preenchimento do azul delicado até o branco. É isso!

Passo 39

Para fazer o granulado use a ferramenta de retângulo de cantos arredondados. Potencialize as amostras embutidas do Illustrator para rapidamente aplicar cores diferentes para o granulado. Para acessar as amostras embutidas vão até Window > Swatch Libraries > Gradients > Brights.

Passo 40

Para criar o fundo desenhe um retângulo e preencha-o com um gradiente brilhante.

Passo 41

Selecione o retângulo e vá para Object > Envelope Distort > Make with Warp. Selecione Inflate e mude o controle deslizante de Bend para cerca de 20%. Clique em OK.

Passo 42

Dê ao palito uma sombra duplicando a forma do palito e dando a ele um desfoque. No Transparency Palette selecione Multiply, então a sombra vai se misturar bem com o fundo.

Passo 43

Duplique a forma básica que inclua o picolé e use a mesma técnica como o passo anterior, com exceção da aplicação de um desfoque. Desfocagem é geralmente associado com sombras enquanto uma forma sólida é normalmente indicativo de uma reflexão. O que queremos alcançar neste passo é criar uma reflexão.

Visualização da Imagem Final

Voilá, observe a ilustração final do picolé!

Assine o Vectortuts+ RSS Feed para ficar atualizado com os últimos tutoriais e artigos de vetor.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.