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

Como Usar a Malha de Gradiente para Criar os Morangos em um Respingo de Leite 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

Neste tutorial você vai aprender como usar a Ferramenta Mesh e os efeitos de Deformação, tudo enquanto cria um par de morangos realísticos em um respingo de leite!

Se você gostaria de pular este tutorial e deseja comprar o resultado final com algumas frutas diferentes, vá para GraphicRiver para comprar a Grande Coleção de Frutas em Respingos de Leite.

Big Collection Of Fruit And Berries In Milk Splashes
Grande Coleção de Frutas em Respingos de Leite

1. Como Criar Dois Morangos

Passo 1

Comece criando um retângulo vermelho e Preencha-o com a cor #DF0203.

Pegue a Ferramenta Mesh (U) e posicione um nó na parte superior do meio da forma clicando com o botão esquerdo do mouse. Mova as arestas do retângulo usando a Ferramenta Mesh arrastando-as. Vise criar uma forma de morango.

Finalmente, crie mais um par de nós com a Ferramenta Mesh. Deve haver cerca de oito linhas e cinco colunas de Malha. Selecione todos os nós nas duas linhas inferiores e pinte-as com uma cor escura, #920000.

create the strawberry

Passo 2

Continue criando e colorindo mais nós com a Ferramenta Mesh, similarmente ao último passo.

As cores que você vai precisar para cada subpasso são:

  1. #B20505
  2. #CC0304
  3. #B70404
color with the mesh tool

Passo 3

Finalmente, pinte o nó mediano na quinta linha com #C00404.

color another middle node

Passo 4

Nossa malha para o morango está pronta, então vamos seguir criando as sementes!

Como em nossos passos anteriores, crie e modifique uma forma preenchida com #E7BD42, e depois pinte as arestas da semente com uma escura #DD8C0A.

stretch the bottom node into a tip

Passo 5

Continue colorindo a semente com Mesh.

A cores que você vai precisar são:

  1. #EBCC56
  2. #CE880D
  3. #F3CF71
  4. #D66D0C
color the seeds with the mesh tool

Passo 6

Crie mais uma Cópia do nosso resultado.

Pegue a primeira cópia e aplique Effect > Warp > Inflate para a forma com as seguintes configurações:

  • Bend: 0%
  • Horizontal: 0%
  • Vertical: 22%

Depois de aplicar o efeito, vá para Object > Expand Appearance.

Lembre-se de fazer isso após cada deformação!

expand appearance of seeds

Passo 7

Modifique a semente achatando-a um pouco e arrastando sua ponta para a direita.

flatten the seed

Passo 8

Crie uma cópia da forma que acabamos de terminar. Dimensione a cópia para cerca de metade do tamanho do original.

scale the seed

Passo 9

Vamos posicionar nossas sementes no morango!

No primeiro subpasso, use a semente que acabamos de terminar no Passo 5.

Em seguida, use aquela que criamos no Passo 7.

Finalmente, termine o posicionamento usando a semente do Passo 8.

place seeds on the strawberry

Passo 10

Este deve ser o nosso morango resultante!

the strawberry result after the seeds

Passo 11

Agora, vamos começar a criar uma metade de um morango.

Siga os passos na imagem abaixo para colorir a forma com o Mesh.

Você vai precisar destas cores:

  1. #D32D18
  2. Nenhuma, moldando o morango.
  3. #E85D41
  4. Nenhuma—você vai precisar deletar as colunas da Malha das laterais da forma e criar quatro outras colunas que estão próximas o meio.
  5. #AA0000
  6. #C93425
  7. #EB9383
  8. #ECBAB9
  9. #9F8D3C
  10. #ECC2C7
  11. #EAA39B
color it like a strawberry sliced in half

Passo 12

Adicione algumas sementes nas arestas da nossa Malha terminada do morango e vamos seguir criando as folhas!

add seeds on the edges

2. Como Criar as Folhas, os Talos, e os Destaques

Passo 1

Vamos desenhar a folha! Siga os subpassos abaixo.

Aqui estão as cores que você vai precisar usar:

  1. #6F7B24
  2. #60641A
  3. #BDBD87
  4. #97953B
  5. #4F3F13
  6. #5B5219
  7. #5F6D1D
  8. #535F18
how to create leaves

Passo 2

Para os detalhes da folha, desenhe três linhas irregulares com a Ferramenta Pen (P).

Aplique um Stroke com o perfil Arrowhead para as linhas, e depois mude a cor do Stroke para o Gradiente básico branco-preto.

Mude o modo Transparency para Screen e Opacity para 30%.

Finalmente, selecione os caminhos e vá para Object > Expand Appearance.

add the leaf details

Passo 3

Posicione as linhas na parte superior da folha. Gostaria de sugerir o Agrupamento de todas as formas com Control-G.

place lines on the leaf

Passo 4

Crie duas cópias da folha original.

Pegue a primeira cópia e aplique Effect > Warp > Squeeze com as seguintes configurações:

  • Bend: -13%
  • Horizontal: -55%
  • Vertical: -11%

Não esqueça de Expandir a Aparência.

Em seguida, desenhe um contorno semelhante ao caminho caminho no imagem. Selecione o contorno e a folha, clique com o botão direito do mouse na imagem e selecione Create Clipping Mask no menu drop-down.

warp the leaves

Passo 5

Crie duas cópias da folha que terminamos no passo anterior.

Pegue a primeira cópia e modifique-a em Edit > Edit Colors > Adjust Colors com as seguintes configurações:

  • Red: -11%
  • Green: -5%
  • Blue: -15%
adjust the leaf colors

Passo 6

Pegue a segunda cópia que fizemos anteriormente e modifique sua cor indo em Edit > Edit Colors > Adjust Colors, agora com estas configurações:

  • Red: -14%
  • Green: -14%
  • Blue: -15%
modify the second leafs colors

Passo 7

Muito similar ao Passo 4, pegue a segunda cópia que fizemos nesse passo e aplique Effect > Warp > Arc com as seguintes configurações:

  • Bend: 25%
  • Horizontal: -26%
  • Vertical: 0%

Não esqueça de Expandir a Aparência.

Em seguida, desenhe um contorno, indicado pelo caminho preto na imagem. Selecione o contorno e a folha, clique com o botão direito do mouse na imagem e selecione Create Clipping Mask no menu drop-down.

make the leaf smaller

Passo 8

Prossiga criando o talo.

Desenhe um retângulo verde claro preenchido com #E2E564. Depois, dobre-o com Effect > Warp > Arc, usando o Bend 45%. Expanda a Aparência.

create the stalk

Passo 9

Curve a ponta direita do talo para torná-lo mais redondo. Depois, seguindo os subpassos abaixo, pinte o talo com Mesh.

Você vai precisar destas cores:

  1. #9E7943
  2. #A2A13F
  3. #70511A
  4. #FEFDA6
  5. #ADAD45
  6. #AB7F4E
  7. #CEB963
  8. #CEB963
bend the stalk

Passo 10

Agora que cada elemento está pronto, vamos reunir tudo!

Adicione as folhas de acordo com a ordem em que foram criadas, conforme indicado pelos números abaixo.

add leaves to the stalk

Passo 11

Agora vamos adicionar nossas novas folhas para o morango inteiro! Posicione-as atrás da fruta enviando-as para trás com Shift-Control-[.

add the leaves to the strawberry

passo 12

Faça o mesmo para a metade do morango.

add leaves to the half strawberry

Passo 13

Estamos quase terminando com nossas frutas! Tudo o que resta é criar o destaque para o nosso morango inteiro.

Desenhe uma forma como a da imagem, e depois três formas arredondadas. As formas arredondadas devem ser maiores do que as sementes que posicionamos.

Em seguida, mova as formas arredondadas em cima do desenho original, selecione todas elas, e clique em Exclude no painel Pathfinder.

create highlights

Passo 14

Desenhe uma forma de meia lua e posicione-as como mostrado na imagem. Você pode usar o seu morango com as semente para referência enquanto faz isto—as formas cinza não tocam as sementes, mas ao invés disso elas devem estar no meio.

O mesmo vai para a forma anterior.

create half moon shapes

Step 15

Selecione todos os objetos e vá para Object > Compound Path > Make.

Em seguida, Preencha o caminho resultante com um Gradiente Linear do branco para #626161.

fill with a linear gradient

Passo 16

Mude o modo Transparency para Screen e Opacity para 70%.

change the transparency mode

Passo 17

Mova o destaque em cima do morango. Se não encaixar, não se preocupe—você pode modificar a forma arrastando seus nós com a Ferramenta Direct Selection (A).

adjust the strawberry highlight

Passo 18

Mova a metade próxima ao morango inteiro.

move the strawberries

3. Como Criar um Respingo de Leite

Passo 1

Nesta parte final, vamos desenhar um respingo de leite dos nossos morangos. Prepare a sua Ferramenta Mesh!

Vamos começar a desenhar o primeiro pequeno respingo dos cinco.

Use a Malha para modificar e colorir a forma. As cores que você vai precisar para este são:

  1. #ECEEF1
  2. #CBCFD6
  3. #FFFFFF
create a milk splash

Passo 2

Crie o próximo pequeno respingo com mais Malha.

  1. #ECEEF1
  2. #D0D5DB
  3. #FFFFFF
create the smaller milk splash

Passo 3

Continue a criar o terceiro respingo.

  1. #ECEEF1
  2. #D0D5DB
  3. #FFFFFF
create the third milk splash

Passo 4

As cores que você vai precisar para o quarto respingo são:

  1. #E8EAED
  2. #D2D6DC
  3. #FFFFFF
create a fourth milk splash

Passo 5

Termine criando uma gota de leite.

  1. #EFF1F3
  2. #DFE1E5
  3. #FFFFFF
create a milk drop

Passo 6

É assim que os nossos pequenos elementos serão rotulados mais tarde—não esqueça!

all of the milk splashes in order

Passo 7

Vamos criar a nossa primeira grande Malha de respingo de leite! Você vai precisar destas cores:

  1. #F2F3F5
  2. Nada, apenas moldando o objeto
  3. #D0D4DA
  4. #E1E3E7
  5. #FFFFFF
milk splash mesh

Passo 8

Adicione pequenos elementos para o nosso grande respingo!  Consulte o Passo 6 se você não tem certeza qual é qual.

add elements to splash

Passo 9

Siga criando o segundo grande respingo. Desta vez, você vai precisar destas:

  1. #9E7943
  2. Moldando
  3. #DADDE2
  4. #FFFFFF
  5. #E1E3E7
  6. #CBD0D7
add the second part of the splash

Passo 10

Adicione pequenos elementos para este respingo também!

add more little elements

Passo 11

Crie a última parte do respingo. Use estas cores:

  1. #DFE2E6
  2. Moldando
  3. #C3CAD1
  4. #CFD3DA
  5. #F5F6F7
third part of the splash

Passo 12

Não vamos adicionar quaisquer outros elementos para o último respingo.

Vamos combiná-las! Verde é o primeiro respingo que terminamos, vermelho é o segundo, e azul é o último respingo.

combine last part behind the first two

Passo 13

Estamos quase terminando! Vamos adicionar algumas gotas de leite.

Crie quatro cópias da gota de leite que fizemos no Passo 5. Modifique a primeira cópia aplicando Effect > Warp > Squeeze com estas configurações:

  • Bend: -35%
  • Horizontal: -18%
  • Vertical: 23%

Não se esqueça de ir em Object > Expand Appearance.

expand appearance

Passo 14

Modifique a segunda cópia com Effect > Warp > Inflate com estas configurações:

  • Bend: 18%
  • Horizontal: -8%
  • Vertical: -40%

Certifique-se de Expandir a Aparência.

expand appearance of milk copy

Passo 15

Aplique Effect > Warp > Twist para a terceira cópia.

  • Bend: -34%
  • Horizontal: 26%
  • Vertical: 36%

Expanda a Aparência.

expand appearance of third copy

Passo 16

Para a última cópia, simplesmente arraste-a para achatar um pouco ela.

flatten the milk drop

Passo 17

Use as diferentes gotas de leite que fizemos nestes passos para criar algo como isto:

random placement of milk drops

Passo 18

Quando você estiver feliz com as pequenas gotas aleatórias, adicione-as para o grande respingo e posicione seus morangos "dentro". Eles devem estar em cima da terceira parte do respingo.

add the milk drops to the composition

Passo 19

O toque final vai ser a adição de uma sombra.

Crie uma elipse, Preenchendo-a com um Gradiente Radial do #8B7065 para #FFFFFF. Defina seu modo Transparency para Multiply.

add a shadow

Passo 20

Posicione a sombra sob seu respingo de leite, e você terminou!

place the shadow under the milk

Ótimo Trabalho, Agora Você Terminou!

E agora? Você pode experimentar qualquer um dos meus tutoriais do meu perfil, ou confira o meu portfólio em GraphicRiver, assim como a imagem original que recriamos neste tutorial.

Big Collection Of Fruit And Berries In Milk Splashes
Grande Coleção de Frutas em Respingos de Leite

Eu espero que você tenha aproveitado este tutorial, e eu vou ficar extremamente feliz em ver quaisquer resultados, feedbacks ou sugestões nos comentários abaixo!

Strawberry in Milk 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.