Olá amigos:Neste tutorial apresentaremos uma das mais poderosas ferramentas do illustrator: o Gradient Mesh.Esta ferramenta possibilita em um só objeto a aplicação de vários gradientes de cores variadas que se integram. A sua estrutura é formada por uma grade configurável. Como conseqüência, ilustrações 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 são formados pelos cruzamentos entre linhas horizontais e verticais.O software concorrente (Corel Draw) possui também uma ferramenta similar. Lá ela é denominada de Malha Interativa. Possue basicamente o mesmo princípio, portanto este tutorial servirá tanto para os amantes do Illustrator, como também para os apaixonados pelo Corel Draw.Dividiremos em alguns passos básicos essenciais para um bom controle e uso da ferramenta. O objetivo é obtermos uma ilustração realista. Para isso, necessitamos dominar o Gradient Mesh onde podemos iniciar uma ilustração a partir de uma foto real, ou para quem preferir, de um esboço de própria autoria ou até através de sua própria memória ou criatividade.Os passos a seguir são apenas sugestões, pois existem diversas formas e metódos de uso desta ferramenta. Não existe apenas um modo certo. Com o tempo, cada um escolherá a sua melhor forma de trabalhar.

Tutorial Gradient Mesh

1º PassoCrie um documento, configure as janelas e as preferências a seu gosto e importe (place) a imagem referência. Se necessário trave a imagem via layer (crie depois outro layer para a ilustração (figura 1a), clicando no ícone do cadeado ou bloqueando o objeto via menu object (lock)(figura 1b).A imagem referência ficará em uma camada travada e as estruturas vetoriais em outras camadas.

2º PassoCrie uma biblioteca personalizada (swaches) com as cores a serem aplicadas (figura b). O ideal é que haja cores de um mesmo tom com poucas diferenças 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

Figura 1

1b

1a

Figura b

4º PassoCrie a malha do Gradient Mesh (linhas e colunas) utilizando a ferramenta respectiva (figura 4a) ou vá no menu object / create gradient mesh (escolha a quantidade desejada de linhas e colunas) (figura 4b). Caso necessite de grandes variações de cores, utilize uma grade com maior número 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.

5º PassoSelecione os pontos desejados e aplique as cores da biblioteca (figura 5a). Se desejar passagens bruscas de cores, use cores bem diferentes uma das outras e aproxime a linha ou coluna uma da outra (figura 5b). Resultados contrários (suavidade) use cores bem próximas e não é necessário que haja muitos pontos próximos entre si (figura 5c).

3º PassoCrie parte da estrutura do seu objetoUtilize as ferramentas de desenho, a ferramenta base é a PEN, mas pode-se utilizar também outras opções (ex. pencil) (figura 3).

Figura 5a

Figura 4b

Figura 4aFigura 3

Figura 5b

Figura 5c

6º PassoApós a aplicação de cores em todos os pontos do seu objeto faça os ajustes finos. Selecione com a Direct Tool (para seleções de apenas um ponto ou área de 4 pontos) ou com a Lasso Tool (para seleção de pontos distintos ou uma linha inteira) (figura 6) para editar movimentando e mudando seu posicionamento.

Figura 6

7º PassoFinalize sua ilustração aplicando detalhes com objetos chapados ou degradês (figura 7a, b e c).

Figura 7cAcima, tampinha criada com vetor chapado comum e as partes separadas; a ilustração 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).

Figura 7aAo lado, detalhe de reflexo na garrafa (vetor chapado branco com trans-parência);

Figura 7bAo lado, deta-lhe de uma gota d´água (criado por gradiente ou por blend) e aplicação desta gota como symbol na garrafa toda

Foto (referência) Vetor(visualização normal)

Foto referência e garrafa vetorizada(terceira garrafa da esq. pra direita)

Vetor(visualização da estrutura)

Resultado final:

Não se esqueçam: treinem bastaste, pratiquem muito e divirtam-se.Espero que tenham gostado e até a próxima. Abraços. André Lam

• Em ilustrações 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 aplicação de uma grade “controlada” tornasse um pouco difícil, o ideal é criar um objeto simples (um retângulo ou elipse), aplicar a grade de acordo com o número desejado de linhas e colunas e só depois moldar a estrutura de acordo com o desejado (de retângulo para a forma irregular).• Assim como outras ferramentas existentes no Illustrator, o uso com sucesso do Gradient Mesh depende do tempo empregado na prática dele. Quanto maior for o uso e treino dele, conseqüentemente o domínio desta ferramenta se tornará mais fácil.• Cada pessoa tem um ritmo de aprendizado, procure sempre praticar que com o tempo você conseguirá ótimas illustrações. Assim como a ferramenta pen (demarcador / patch), a gradient mesh no início parece ser de grande complexidade, mas aos poucos você se sentirá a vontade.• Por fi m, você poderá aplicar suas ilustrações nos mais variados meios. Por exemplo: como estampa de camiseta, ilustração para um site, em um cartaz, folheto e outros.

Dicas:• Uma vez aplicado o gradient mesh em um objeto, não há como voltar atrás, não existe a opção de eliminá-lo (a não 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 ilustração realista depende de como você explora os detalhes. Ganha grande importância o volume, a profundidade e a iluminação. Quando estivermos ilustrando devemos lembrar sempre de onde vem o(s) ponto(s) de luz(es).• A base da ilustração pode ser adquirida só com o uso do gradient mesh, mas você pode complementar com objetos chapados para representar alguns detalhes e até explorar máscaras e efeitos existentes no software (ex: desfoques, distorções, sombras, e outros).

Home Perfil Produtos Soluções Contato

Garrafa Comp.Garrafa Comp.

Fenômeno nacional

Garrafa Comp.

Min utat. Duipissecte dolorti onsecte duiscili-sisl eum volutet laortie vulput vendreet inibh ea faccum diamet iureet praesenim vulput luptat prat. Tin henit alit lumsandip ea feu facin hendigna conseni scipsum euisl estio odip eugiat. Duis autate min ut luptat. Duisim ver ip enim do cortie del et

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

Home Perfil Produtos Soluções Contato

Garrafa Comp.Garrafa Comp.

Fenômeno nacional

Garrafa Comp.

Min utat. Duipissecte dolorti onsecte duiscili-sisl eum volutet laortie vulput vendreet inibh ea faccum diamet iureet praesenim vulput luptat prat. Tin henit alit lumsandip ea feu facin hendigna conseni scipsum euisl estio odip eugiat. Duis autate min ut luptat. Duisim ver ip enim do cortie del et

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

Camiseta (estampa)Site

FolhetoHome Perfil Produtos Soluções Contato

Garrafa Comp.Garrafa Comp.

Fenômeno nacional

Garrafa Comp.

Min utat. Duipissecte dolorti onsecte duiscili-sisl eum volutet laortie vulput vendreet inibh ea faccum diamet iureet praesenim vulput luptat prat. Tin henit alit lumsandip ea feu facin hendigna conseni scipsum euisl estio odip eugiat. Duis autate min ut luptat. Duisim ver ip enim do cortie del et

illa commod deliquisi ercidunt nullum exerill uptat, commodolore feu facinit augiamc onulla feugait iustie dolenibh elis auguerc illaorem augait vel estrud dolorsustrud magnimExemplo de aplicações:

Garrafa Comp.Garrafa Comp.Adesivo

www.lifeinvector.comwww.adobetechniques.comwww.vexels.net/vexels/14056http://powerclip.ru/modules/cjaycontent/index.php?id=8http://www.hydro74.com/tyranny/e4.htmlhttp://tutorialoutpost.com/count/6849http://www.illustratorworld.com/http://www.jason-brooks.com/home4.htmwww.fotolog.net/jorgepackerwww.fotolog.net/alpiohttp://www.deviantart.com/http://www.netdiver.net/illustration/

Dicas de sites