Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Food
Design

Como Criar um Prato de Salada Colorida no Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

Neste novo tutorial você vai aprender a desenhar uma salada colorida em um prato, mas vamos escolher um ângulo diferente porque isso significa mais diversão. No início, vamos criar um simples prato, e depois disso é hora de ser criativo ao organizar os ingredientes desta salada: folhas de rúcula, pedaços de pimentões vermelhos e amarelos, anéis de cebola, fatias saborosas de tomates, rabanetes e azeitonas pretas . No final, é tudo sobre as sombras para dar uma aparência mais realista. Vamos começar a diversão!

Se você está com fome de mais ícones de alimentos ou ícones de vetores em geral, então corra para o GraphicRiver e você certamente vai encontrar o que está procurando por lá. 

1. Como Criar um Novo Documento 

Inicie o Illustrator e vá para File > New para abrir um documento em branco. Digite um nome para seu arquivo, configure as dimensões, e depois selecione Pixels como Units e RGB como Color Mode. Certifique-se de que Align New Objects to Pixel Grid não está marcado.

Em seguida, vá para Edit > Preferences > General e configure o Keyboard Increment para 1 px e enquanto estiver lá, vá para Units para garantir que eles estejam configurados como na imagem a seguir. Eu costumo trabalhar com estas configurações, e elas vão ajudar você durante todo o processo do desenho.

how to open a new illustrator document

2. Como Desenhar um Simples Prato

Passo 1

Vamos começar com uma elipse com cerca de 610 x 75 px Preenchida com o Gradiente Linear mostrado (1). Em seguida, desenhe uma outra elipse um pouco maior apenas na parte inferior e envie-a para trás da primeira (2).

how to draw the plate shape

Passo 2

Para criar o centro da placa, desenhe uma nova elipse com cerca de 480 x 58 px (1). Agora, selecione a primeira elipse e Copie e Cole no Lugar (Shift-Control-V) para fazer uma cópia dela (2). Enquanto esta cópia (a elipse preta) e a elipse vermelha permanecem selecionadas, pressione Intersect no painel Pathfinder. Preencha a nova forma com o Gradiente Linear mostrado (3).

how to create the inside of the plate

Passo 3

Pegue a Ferramenta Pen (P) e desenhe uma forma como a abaixo. A parte importante é a curva na parte inferior que é um pouco menor do que o resto das elipses e cria a borda fina. Use o Gradiente mostrado e depois envie esta forma para trás de tudo. 

how to create a thin edge on plate

Passo 4

Em seguida, desenhe o fundo do prato como na imagem a seguir. Use o Gradiente mostrado e depois envie esta forma para trás de tudo. 

how to draw the depth of the plate

Passo 5

Desenhe uma outra forma como anteriormente, onde a curva inferior é um pouco menor do que o resto do prato, para criar uma borda fina mais escura (1).

Continue com a última elipse na parte inferior do prato com cerca de 280 x 58 px Preenchida com o Gradiente Linear mostrado, e depois envie-a para trás de tudo (2). 

how to draw the bottom of the plate

Passo 6

Para adicionar um destaque na parte inferior do prato, desenhe uma forma muito fina com a Ferramenta Pen (P) seguindo a borda inferior, e Preencha-o com o Gradiente Linear mostrado.

add highlight on the bottom of the plate

Passo 7

Agora, siga a borda externa do prato e desenhe duas novas formas finas como mostrado. Depois disso, o prato está pronto, e você pode ver o resultado final na imagem abaixo (3).

add details on the edges of the plate

3. Como Desenhar a Folha de Rúcula

É hora de desenhar os componentes desta salada saborosa, e o primeiro ingrediente é a rúcula. Pegue a Ferramenta Pen (P) e desenhe uma forma de folha semelhante à abaixo. Quando você estiver satisfeito com a forma, Preencha-a com o Gradiente Linear mostrado (1).

Em seguida, desenhe uma forma fina através do meio da folha e Preencha-a com o Gradiente mostrado (2).

É isso! A folha está pronta. Agrupe (Control-G) as duas formas e nomeie o grupo "rúcula".

how to draw vector rocket arugula

4. Como Desenhar o Anel de Cebola

Passo 1

Use a Ferramenta Ellipse (L) para desenhar duas formas e organizá-las como mostradas na próxima imagem (1). O tamanho não é importante porque você vai dimensionar todos os ingredientes mais tarde de qualquer maneira. Enquanto as duas elipses permanecem selecionadas, vá para Object > Compound Path > Make (Control-8) e Preencha a forma resultante com um roxo pálido (2).

Selecione o anel e depois Copie e Cole Atrás (Control-B) para fazer uma cópia dele. Mova esta cópia 2-3 px para baixo com a ajuda da tecla de Seta para Baixo em seu teclado (3).

Selecione o anel original novamente e depois Copie e Cole no Lugar (Shift-Control-V) para fazer outra cópia dele. Tendo esta nova cópia do anel selecionada juntamente com o anel preto, pressione Minus Front no painel Pathfinder. Envie as duas formas resultantes para trás (4) e Preencha-as com os dois tons de roxo mostrados (5).

how to draw a vector onion ring

Passo 2

O anel de cebola está pronto. Você pode criar uma outra versão, mas isto é opcional. Basta fazer uma Cópia do anel de cebola e depois use apenas dois dos três tons de roxo.

Agrupe (Control-G) as formas e nomeie os grupos "anel de cebola 1" e "anel de cebola 2".

how to create a second onion ring

5. Como Desenhar o Pedaço de Pimentão Vermelho

Passo 1

Em seguida, na lista de ingredientes está o pimentão vermelho. Desenhe uma forma semelhante à que se encontra abaixo com a ajuda da Ferramenta Pen (P) e use vermelho como a cor de Preenchimento (1). Enquanto esta forma permanece selecionada, vá para Object > Transform > Scale, digite 105% no campo Scale, e depois clique em Copy. Como resultado, você vai obter uma forma um pouco maior. Use um tom mais escuro de vermelho para Preenchê-la e enviá-la para trás da primeira (2).

Pegue novamente a Ferramenta Pen (P) e desenhe uma nova forma na frente dos dois Preenchidos com um tom mais claro de vermelho (3). Corrija as extremidades do pimentão, se necessário, e alinhe os pontos com a Ferramenta Direct Selection (A). O pedaço de pimentão vermelho está pronto agora (4).

how to draw a piece of red pepper

Passo 2

Este passo é opcional, mas se você quiser mais cor na sua salada, você pode criar um pedaço de pimentão amarelo. Simplesmente faça uma Cópia do pimentão vermelho e substitua as cores de Preenchimento.

Agrupe (Control-G) as formas e nomeie os grupos "pimentão vermelho" e "pimentão amarelo".

how to create a piece of yellow pepper

6. Como Sesenhar a Fatia de Tomate

Passo 1

Use a Ferramenta Pen (P) para desenhar a fatia de tomate e Preencha-a com um tom escuro de vermelho. Enquanto a forma permanece selecionada, adicione um Novo Preenchimento no painel Appearance acima do primeiro e use uma cor vermelha alaranjada. Selecione este atributo Preenchimento, vá para Effect > Distort & Transform > Transform e aplique as configurações mostradas. Como resultado, você vai obter a borda mais escura na parte inferior da fatia.

how to draw the slice of tomato

Passo 2

Em seguida, desenhe uma forma similar em cima, porém menor, e Preencha-a com vermelho. Adicione um Novo Preenchimento abaixo do primeiro e use uma sombra mais escura de laranja. Com este atributo Preenchimento selecionado no painel Appearance, vá para Effect > Distort & Transform > Transform e aplique um Vertical Move de 1 px.

how to draw the pulp of the tomato slice

Passo 3

Pegue a Ferramenta Pen (P) novamente e desenhe uma forma como a da próxima imagem,  Preenchida com laranja escuro (1). Continue com uma forma semelhante, mas um pouco menor, preenchida de branco. Defina o Blending Mode para Soft Light (2). Você pode ver o resultado na imagem abaixo (3).

how to draw the center of the tomato slice

Passo 4

Para a semente do tomate, você precisa de duas formas de lágrima. Preencha o maior com laranja escuro e o menor com amarelo. Agrupe (Control-G) as duas formas e Multiplique para obter mais sementes; depois Rotacione e organize-as na fatia de tomate.

how to draw the seeds of tomato

Passo 5

Agora, desenhe um caminho curvado próximo à borda inferior da fatia (1). Dê a ele um Traço vermelho de 5 pt; depois vá para Effect > Blur > Gaussian Blur e aplique um Raio de 2 px. Reduza a Opacity para 70% (2).

Selecione a forma da fatia e depois Copie e Cole no Lugar (Shift-Control-V) para fazer uma cópia dela na frente de tudo. Defina esta cópia para sem traço e sem preenchimento. Agora, selecione o caminho curvado juntamente com a cópia da fatia e vá para Object > Clipping Mask > Make (Control-7). Nomeie o grupo resultante de "fatia de tomate" e está pronto (3). Você pode ver o resultado final na imagem abaixo (4).

add detail on the pulp of tomato

7. Como Desenhar a Fatia de Rabanete

Use a Ferramenta Pen (P) para desenhar a forma da fatia, e depois disso, desenhe uma forma similar, mas maior, apenas na parte inferior na parte de trás (2).

Selecione a forma azul e depois Copie e Cole no Lugar (Shift-Control-V) para fazer uma cópia dela na frente de tudo. Tendo esta cópia selecionada juntamente com a forma laranja, pressione Minus Front no painel Pathfinder. Como resultado, você vai ter a forma na parte inferior como a pele do rabanete (3). Preencha as duas formas com os Gradientes Radiais mostrados, Agrupe-as (Control-G), e a fatia de rabanete está pronta (4). 

how to draw the slice of radish

8. Como Desenhar a Azeitona Preta

A azeitona é bastante fácil, e você só precisa de duas formas: uma elipse de 50 x 38 px (1) e a forma de destaque no lado superior esquerdo (2). Preencha-as com os Gradientes Radiais mostrados; depois Agrupe-as (Control-G), e você pode ver o resultado final na imagem abaixo (3).

how to draw a vector black olive

9. Como Compor a Salada

Passo 1

Primeiro, selecione o grupo "prato" e Rotacione-o conforme mostrado na imagem seguinte para tornar as coisas mais interessantes. E agora, finalmente é hora de compor a deliciosa salada.  Pegue o grupo "rúcula" e faça algumas cópias. Organize-as como mostrado abaixo, ou você pode colocar sua criatividade à prova.

Há muitas sombras nesta salada, e você pode optar por adicioná-las no final, uma vez que você vê a imagem final, mas isso pode ser um pouco irresistível porque existem muitos componentes envolvidos. Para tornar as coisas mais fáceis de entender, eu vou mostrar a você as configurações para o efeito Drop Shadow à medida que avançamos. As configurações são um pouco diferentes do passo a passo porque dependem da posição de cada ingrediente.

Alguns dos ingredientes nem precisam de sombra. Das três folhas de rúcula na imagem abaixo, apenas uma tem o efeito de Drop Shadow aplicado porque as outras duas serão cobertas com o resto dos ingredientes até o final, então não é realmente necessário. 

arrange the first rocket leaves on plate

Passo 2

Em seguida, pegue o grupo "pimentão vermelho" e mova-o no prato. Aplique o efeito Drop Shadow para criar uma sombra. O mesmo vale para o grupo "pimentão amarelo".

Parece estranho para o momento, mas no final usaremos uma Mask para esconder os ingredientes que ultrapassarem a borda do prato.

arrange red and yellow pepper on plate

Passo 3

Duplique e organize mais folhas de rúcula. Para as folhas que estão no ar, você não precisa aplicar o efeito Drop Shadow porque a sombra deve existir apenas no prato e não fora e ao redor do prato.

arrange more rocket leaves on plate

Passo 4

Em seguida, coloque uma azeitona no prato e aplique o efeito Drop Shadow

Além disso, coloque um anel de cebola e um pimentão amarelo no lado esquerdo, mas sem a sombra desta vez, porque ultrapassam a borda do prato. Vamos criar sombras mais detalhadas depois no tutorial para ingredientes como estes.

arrange a black olive and onion on plate

Passo 5

Seguindo a técnica explicada nos passos anteriores, coloque mais folhas e outros ingredientes em seu prato. 

arrange other salad ingredients on plate

Passo 6

Acomode um outro pedaço de pimentão vermelho, uma outra fatia de tomate, mais azeitonas e uma outra cópia do anel de cebola, além de um monte de folhas no meio e em cima, tanto quanto você quiser.

Na imagem abaixo, você pode ver as configurações do Drop Shadow para o anel de cebola do lado direito e para a folha de rúcula em cima dele. 

Não adicione uma sombra sob as fatias de tomate, porque nós vamos cuidar mais tarde no tutorial. 

arrange more salad ingredients on plate

Passo 7

É hora de arrumar algumas fatias de rabanete. Dimensione-as para que elas não tenham o mesmo tamanho porque isso é mais natural. Adicione mais folhas no topo e comece a subir com os ingredientes.

arrange radish slices on plate

Passo 8

Adicione um outro pedaço de pimentão amarelo e uma outra fatia de tomate no ar entre as folhas. Os dois últimos ingredientes são o pimentão vermelho e um outro anel de cebola. 

arrange salad ingredients up in the air

10. Como Adicionar Sombras Entre os Ingredientes

Passo 1

Se você está feliz com sua salada e a posição de cada ingrediente, agora você pode adicionar sombras mais detalhadas entre eles para um visual realista.

Foque nas fatias de tomate e desenhe um caminho seguindo a borda inferior, uma para cada fatia que você tem. Dê a elas um Traço preto de 3 pt e depois aplique um Gaussian Blur de 3 px. Depois de terminar, envie cada caminho logo atrás da fatia de tomate correspondente. 

create shadow under the tomato slices

Passo 2

Agora, foque nos ingredientes que estão no ar e especialmente nas áreas onde eles se sobrepõem, porque você precisa de uma sombra lá. Não tenha pressa, amplie o quanto você precisar, e desenhe um pequeno caminho onde dois ingredientes se sobrepõem seguindo seu contorno, mas não ultrapasse as bordas (no fundo branco). Você pode ver alguns exemplos nas visões ampliadas. Quanto mais caminhos você desenha, mais detalhada e realista vai ser a sua salada.

Selecione um Traço preto de 2 pt para todos estes caminhos e aplique um Gaussian Blur de 2 px. Alguns deles estão com 100% de Opacity, e alguns deles têm 75% de Opacity, dependendo da área e das cores. Não se esqueça de mover cada caminho entre os dois ingredientes que se sobrepõem no painel Layers porque a ordem correta é muito importante neste caso.

create shadow between salad ingredients

11. Como Limpar a Borda do Prato

Passo 1

Selecione a elipse do interior do prato e depois Copie e Cole no Lugar (Shift-Control-V) para fazer uma cópia dela em frente de tudo (1). Pegue a Ferramenta Scissors (C) e clique nos dois pontos finais desta cópia para cortar a forma em dois e manter apenas a metade na frente (2). Use a Ferramenta Pen (P) para fechar este caminho e crie uma nova forma ao redor da salada (3). 

how to create the mask shape

Passo 2

Defina a forma do passo anterior para Stroke-None e Fill-None. Agora, selecione todos os ingredientes da salada juntamente com esta forma e vá para Object > Clipping Mask > Make (Control-7). Agora, a frente do prato está limpa, como deve ser.

how to mask the salad ingredients

Passo 3

Se você deseja adicionar uma folha que ultrapasse a borda do prato para um visual mais realista, então agora é hora de fazer isto, fora da máscara. Arrume-a no local desejado e aplique o efeito Drop Shadow

add rocket leaf on the edge of plate

12. Como Adicionar os Destaques na Salada

Foque em uma das fatias de tomate e desenhe dois caminhos curtos como mostrados na próxima imagem. Trace-os com o Black Blend Art Brush de um outro tutorial meu dedicado a Blending Brushes e quão úteis eles são: Como Criar um Conjunto de Multi-Use Blend Brushes. Eu uso estes pincéis o tempo todo para adicionar destaques e detalhes em meus desenhos. Defina a cor como indicada e defina a Espessura do Traço para 0.75 pt. Mantenha o caminho maior a 100% de Opacity, mas para o caminho mais curto reduza a Opacity para 50% para torná-lo mais discreto.

Faça a mesma coisa para o resto dos tomates para torná-los mais iluminados. Você também pode fazer isto para os outros ingredientes se quiser, mas para mim, isto foi o suficiente. 

how to add highlights on tomato slices

13. Como Criar a Sombra Sob o Prato

Passo 1

Use a Ferramenta Pen (P) para desenhar uma forma como na próxima imagem em uma Nova Camada atrás do prato, e dê a ela um Preenchimento branco. Continue com uma forma semelhante mas menor, Preenchida com cinza claro e ajuste-a para 75% de Opacidade

draw first two shadow shapes under the plate

Passo 2

Desenhe uma outra elipse no fundo do prato e Preencha-a com cinza. A última elipse é muito menor e preenchida com um cinza mais escuro.

draw last two shadow shapes under the plate

Passo 3

Enquanto as quatro formas permanecem selecionadas, vá para Object > Blend > Blend Options e selecione 50 Specified Steps. Aperte OK; depois volte para Object > Blend > Make (Alt-Control-B).

Defina o grupo de combinação resultante para Blending Mode Multiply e reduza a Opacity para 75%, mas isto depende da cor do seu plano de fundo. 

blend shadow shapes under the plate

Parabéns! Você Terminou!

A salada colorida no prato está pronta agora. Pegue um garfo!

Diga-me se você gostou deste tutorial, e não se esqueça de compartilhar uma imagem de sua recriação conosco se você decidir se divertir com ela. Eu adoraria ver isto.

salad plate vector illustration adobe illustrator tutorial
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.