We want to learn about your experience with Tuts+. Take part to earn $50! Help us out to earn $50! Get Started
  1. Design & Illustration
  2. Gradient Mesh Tool

Como Desenhar um Plano de Fundo de Natureza no Adobe Illustrator Usando a Malha de Gradiente

by
Read Time:3 minsLanguages:

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

Nesse tutorial, você aprenderá como usar a Ferramenta Malha no Adobe Illustrator para criar lindos planos de fundo de Natureza!

Se você quer pular esse tutoria e apenas usar essas flores no seu trabalho, você pode comprar o Summer Nature Background With Grass and Flowers do Graphic River!

Summer Nature Background With Grass And FlowersSummer Nature Background With Grass And FlowersSummer Nature Background With Grass And Flowers
Summer Nature Background With Grass And Flowers Vector

1. Como Desenhar o Plano de Fundo

Passo 1

Vamos começar aprendendo a usar a Malha, desenhando as colinas verdejantes.

Crie um retângulo preenchido com #90A843. Pegue a Ferramenta Malha (U) (mesh tool) e posicione um nó da malha na borda superior da forma clicando nela com a ferramenta.

Pegue a Ferramenta Malha ou a Ferramenta de Seleção Direta (Direct Selection Tool) (A) e arraste seu novo nó para baixo e um pouco para a direita.

Finalize o passo arrastando a borda superior direita para baixo para suavizar a curva da colina.

use gradient meshuse gradient meshuse gradient mesh

Passo 2

Adicione mais nós na borda superior da forma e continue moldando a colina conforme mostra a captura de tela abaixo.

how to meshhow to meshhow to mesh

Passo 3

Comece a colorir  a colina.

Adicione uma nova linha de malhas usando a ferramente na metade inferior de uma das colunas.

Selecione todos os nós da borda superior da forma e com a Ferramenta de Seleção Direta (A) ou a Ferramenta Laço (Lasso tool) (Q) e colorir com #CAD75C.

Crie mais uma linha de Malha e então colorir os dois nós centrais com #A4B345.

Conforme mostra abaixo, colorir alguns dos outros nós com #AEB946, e então colorir o nó superior esquerdo com #CAD75C.

mesh vector tutorialmesh vector tutorialmesh vector tutorial

Passo 4 

Vamos começar a desenhar a segunda colina. Preencha um retângulo com #97AC43 e arraste sua borda esquerda para baixo.

Continue adicionando nós de malha e arrastando-os para cima, e então suavize a colina com mais um nó.

nature background vector tutorialnature background vector tutorialnature background vector tutorial

Passo 5

Colorir a segunda colina com Malha. Acompanhe as capturas de tela, adicionando nós e colorindo conforme indicado.

Você vai precisar dessas cores:

  1. #C7D055
  2. #ADB946
  3. #DCEA69
  4. #86A141
adobe illustrator meshadobe illustrator meshadobe illustrator mesh

Passo 6

Crie a terceira colina, colorir com #B1BF4C, curvando e adicionando nós de malha conforme indicado na captura de tela abaixo.

nature background deconstructionnature background deconstructionnature background deconstruction

Passo 7

Colorir a colina final com essas cores:

  1. #E3E5AC
  2. #D3D662
  3. #A5B846
  4. #C3CD5B
gradient mesh tutorialgradient mesh tutorialgradient mesh tutorial

Passo 8

Desenhe o plano de fundo do céu com a Malha.

  1. #FFFFFF
  2. #B0DAE2
  3. #D4EBF0
  4. #DDEEF3
sky mesh tutorialsky mesh tutorialsky mesh tutorial

Passo 9

Junte o plano de fundo das três colinas e o céu.

vector adobe illustrator nature backgroundvector adobe illustrator nature backgroundvector adobe illustrator nature background
nature vectornature vectornature vector

2. Como Adicionar Mais Elementos

Passo 1

Agora que você sabe como usar a Ferramenta Malha, você pode prosseguir e fazer alguns dos meus tutoriais mais complicados.

Para desenhar a grama, margaridas e Dentes-de-leão, por favor consulte Como Desenhar uma Cena da Natureza com Dentes-de-leão e Borboletas no Adobe Illustrator.

Espalhe a grama para criar um banner. Você também pode ajustar as cores com Editar>Editar Cores> Ajuste de Cores (Edit > Edit Colors > Adjust Colors).

grass daisy dandelion flower vector tutorialgrass daisy dandelion flower vector tutorialgrass daisy dandelion flower vector tutorial

Passo 2

Para criar uma sombra, desenha um retângulo longo e estreito e vamos colorir com a Malha.

Você vai precisar destes:

  1. #2D3500
  2. #FFFFFF
  3. #A4A066
mesh tutorialmesh tutorialmesh tutorial

Passo 3

Posicione a malha no topo da grama e então, no painel Transparência (transparency) configure para Multiplicar (multiply) e Opacidade em 60%.

Adicione uma moldura sobre a grama e as flores.

transparency clipping masktransparency clipping masktransparency clipping mask

Passo 4

Selecione tudo, clique direito, e selecione Fazer Máscara de Corte (Making Clipping Mask). 

A seguir adicione borboletas do tutorial citado acima.

butterfly vector tutorialbutterfly vector tutorialbutterfly vector tutorial

Passo 5

Posicione a grama na frente das colinas.

nature background vector tutorialnature background vector tutorialnature background vector tutorial

Passo 6

Para adicionar as nuvens, consulte o tutorial: Como Criar um Céu Noturno Com Nuvens Usando o Adobe Illustrator e o Photoshop.

cloud mesh tutorial vectorcloud mesh tutorial vectorcloud mesh tutorial vector

Trabalho Incrível, Agora Você Terminou!

E agora? Você pode tentar qualquer um dos outros tutoriais do meu perfil ou confira meu portifólio no GraphicRiver, assim como o vetor original que nós criamos nesse tutorial.

Eu espero que tenham aproveitado esse tutorial, e eu ficaria super feliz de ver cada resultado nos cometários abaixo!

Summer Nature Background with Grass and FlowersSummer Nature Background with Grass and FlowersSummer Nature Background with Grass and Flowers
Plano de Fundo Natureza de Verão com Grama e Flores.
One subscription.
Unlimited Downloads.
Get unlimited downloads