Tutorial Gradient Mesh

Ol amigos:
Neste tutorial apresentaremos uma das mais poderosas ferramentas do illustrator: o Gradient Mesh.
Esta ferramenta possibilita em um s objeto a aplicao de vrios gradientes de cores variadas que se
integram. A sua estrutura formada por uma grade congurvel. Como conseqncia, ilustraes muito
realistas.
Podemos criar grades simples ou complexas e posteriormente editar movendo os pontos da grade
(ferramenta direct tool - seta branca) ou deletar parte dela (selecione um ponto ou partes e pressione
delete). Os pontos so formados pelos cruzamentos entre linhas horizontais e verticais.
O software concorrente (Corel Draw) possui tambm uma ferramenta similar. L ela denominada de
Malha Interativa. Possue basicamente o mesmo princpio, portanto este tutorial servir tanto para os
amantes do Illustrator, como tambm para os apaixonados pelo Corel Draw.
Dividiremos em alguns passos bsicos essenciais para um bom controle e uso da ferramenta. O objetivo
obtermos uma ilustrao realista. Para isso, necessitamos dominar o Gradient Mesh onde podemos
iniciar uma ilustrao a partir de uma foto real, ou para quem preferir, de um esboo de prpria autoria
ou at atravs de sua prpria memria ou criatividade.
Os passos a seguir so apenas sugestes, pois existem diversas formas e metdos de uso desta
ferramenta. No existe apenas um modo certo. Com o tempo, cada um escolher a sua melhor forma
de trabalhar.
Figura 1
1 Passo
Crie um documento, congure as
janelas e as preferncias a seu gosto e
importe (place) a imagem referncia.
Se necessrio trave a imagem via layer
(crie depois outro layer para a ilustrao
(gura 1a), clicando no cone do cadeado
ou bloqueando o objeto via menu object
(lock)(gura 1b).
A imagem referncia car em uma
camada travada e as estruturas vetoriais
em outras camadas.

2 Passo
Crie uma biblioteca personalizada
(swaches) com as cores a serem aplicadas
(gura b). O ideal que haja cores de um
mesmo tom com poucas diferenas e com
diversas amostras de mesmo tom (ex.
um vermelho 100M e 100Y, teremos tons
diversos desse vermelho 100M, 100Y e
10K; 90M, 100Y, e assim por diante).
Escolha na janela color a porcentagem
desejada, clique na miniatura da cor e
arraste para a biblioteca swatches

1a

1b

Figura b

3 Passo
Crie parte da estrutura do seu objeto
Utilize as ferramentas de desenho, a
ferramenta base a PEN, mas pode-se
utilizar tambm outras opes (ex. pencil)
(gura 3).
4 Passo
Crie a malha do Gradient Mesh (linhas
e colunas) utilizando a ferramenta
respectiva (gura 4a) ou v no menu
object / create gradient mesh (escolha a
quantidade desejada de linhas e colunas)
(gura 4b).
Caso necessite de grandes variaes
de cores, utilize uma grade com maior
nmero de linhas e colunas.
Para criar novos pontos horizontais, clique
em uma linha vertical. Para criar linha
vertical, clique numa linha horizontal.
Clicando em qualquer local do objeto, ele
criar uma linha horizontal e vertical bem
no local clicado.

Figura 4a

Figura 3

5 Passo
Selecione os pontos desejados e aplique
as cores da biblioteca (gura 5a). Se
desejar passagens bruscas de cores, use
cores bem diferentes uma das outras
e aproxime a linha ou coluna uma da
outra (gura 5b). Resultados contrrios
(suavidade) use cores bem prximas e
no necessrio que haja muitos pontos
prximos entre si (gura 5c).

Figura 4b

Figura 5b

Figura 5a

Figura 5c

6 Passo
Aps a aplicao de cores em todos os
pontos do seu objeto faa os ajustes nos.
Selecione com a Direct Tool (para selees
de apenas um ponto ou rea de 4 pontos)
ou com a Lasso Tool (para seleo de
pontos distintos ou uma linha inteira)
(gura 6) para editar movimentando e
mudando seu posicionamento.
7 Passo
Finalize sua ilustrao aplicando detalhes
com objetos chapados ou degrads
(gura 7a, b e c).
Figura 6

Figura 7a
Ao lado, detalhe de
reexo na garrafa
(vetor chapado
branco com transparncia);

Figura 7b
Ao lado, detalhe de uma gota
dgua (criado por
gradiente ou por
blend) e aplicao
desta gota como
symbol na garrafa
toda

Figura 7c
Acima, tampinha criada com vetor chapado comum
e as partes separadas; a ilustrao em partes (a
esquerda o fundo, um gradiente do verde para o
branco; no centro a garrafa estruturada pelo gradient
mesh; a direita as gotas espalhadas via symbol).

Resultado nal:
Foto (referncia)

Vetor
(visualizao normal)

Foto referncia e garrafa vetorizada

(terceira garrafa da esq. pra direita)

Vetor
(visualizao da estrutura)

Dicas:

Uma vez aplicado o gradient mesh em um objeto, no h como voltar atrs, no existe a opo de
elimin-lo (a no ser via ctrl + z).
Caso o objeto possua preenchimento (Fill), basta clicar em qualquer local do objeto que ser criada
a malha. Mas se o objeto tiver apenas contorno (stroke), o primeiro clique dever ser na estrutura do
objeto (ver stroke)
Lembramos que uma ilustrao realista depende de como voc explora os detalhes. Ganha grande
importncia o volume, a profundidade e a iluminao. Quando estivermos ilustrando devemos lembrar
sempre de onde vem o(s) ponto(s) de luz(es).
A base da ilustrao pode ser adquirida s com o uso do gradient mesh, mas voc pode complementar
com objetos chapados para representar alguns detalhes e at explorar mscaras e efeitos existentes no
software (ex: desfoques, distores, sombras, e outros).

Em ilustraes complexas, o ideal dividir o todo em partes. Obtendo diversos objetos haver um
melhor controle.
Trabalhe com layers (camadas)
Caso o objeto tenha um formato muito irregular, a aplicao de uma grade controlada tornasse um
pouco difcil, o ideal criar um objeto simples (um retngulo ou elipse), aplicar a grade de acordo com
o nmero desejado de linhas e colunas e s depois moldar a estrutura de acordo com o desejado (de
retngulo para a forma irregular).
Assim como outras ferramentas existentes no Illustrator, o uso com sucesso do Gradient Mesh
depende do tempo empregado na prtica dele. Quanto maior for o uso e treino dele, conseqentemente
o domnio desta ferramenta se tornar mais fcil.
Fenmeno
Cada pessoa tem um ritmo de aprendizado, procure sempre praticar que com o tempo voc
Min utat. Duipisse
conseguir timas illustraes. Assim como a ferramenta pen (demarcador / patch), a gradient meshdolorti
no onsecte du
sisl eum volutet la
vulput vendreet in
incio parece ser de grande complexidade, mas aos poucos voc se sentir a vontade.
ea faccum diamet
Por m, voc poder aplicar suas ilustraes nos mais variados meios. Por exemplo: como estampaiureet
depraesenim v
luptat prat. Tin he
camiseta, ilustrao para um site, em um cartaz, folheto e outros.
alit lumsandip ea f

facin hendigna con

scipsum euisl estio
eugiat. Duis autate
ut luptat. Duisim v
enim do cortie del

Exemplo de aplicaes:
Fenmeno nacional
Min utat. Duipissecte
dolorti onsecte duiscilisisl eum volutet laortie
vulput vendreet inibh
ea faccum diamet
iureet praesenim vulput
luptat prat. Tin henit
alit lumsandip ea feu
facin hendigna conseni
Min utat.
Duipissecte
scipsum euisl estio odip
dolorti
onsecte
duiscilieugiat.
Duis autate
min
ut luptat.
Duisimlaortie
ver ip
sisl eum
volutet
enim
do cortie del
et
vulput
vendreet
inibh

illa commod deliquisi

ercidunt nullum exerill
uptat, commodolore
feu facinit augiamc
onulla feugait iustie
dolenibh elis
auguerc
illaorem
augait vel
illa commod deliquisi
estrud
ercidunt nullum exerill
dolor
sustrud
uptat, commodolore
magnim
feu facinit augiamc

Fenmeno nacional

ea faccum diamet
iureet praesenim vulput
luptat prat. Tin henit
alit lumsandip ea feu
facin hendigna conseni
scipsum
euisl estio
odip
Garrafa
Comp.
eugiat. Duis autate min
ut luptat. Duisim ver ip
enim do cortie del et

onulla feugait iustie

dolenibh elis
auguerc
illaorem
augait vel
estrud
dolor
sustrud
magnim

Folheto

Home

Perfil

Produtos

Solues

Garrafa Comp.
Adesivo

Home

Camiseta (estampa)
Garrafa Comp.

Produtos

Solues

Contato

Solues

Contato

Garrafa Comp.

No se esqueam: treinem bastaste, pratiquem muito e divirtam-se.

Espero que tenham gostado e at a prxima. Abraos. Andr Lam
Perfil

Produtos

Contato

Garrafa Comp.

Home

Perfil

Site

Garrafa Co

Dicas de sites
www.lifeinvector.com
www.adobetechniques.com
www.vexels.net/vexels/14056
http://powerclip.ru/modules/cjaycontent/index.php?id=8
http://www.hydro74.com/tyranny/e4.html
http://tutorialoutpost.com/count/6849
http://www.illustratorworld.com/
http://www.jason-brooks.com/home4.htm
www.fotolog.net/jorgepacker
www.fotolog.net/alpio
http://www.deviantart.com/
http://www.netdiver.net/illustration/