Aprenda a usar a ferramenta “Gradient mesh” do Illustrator

Gradient Mesh é uma técnica de pintura baseada em grade do Ilustrador que permite colorir de maneira avançada objetos vetoriais com transições de cores suaves e maleáveis.

Se você está razoavelmente familiarizado com a ferramenta Pen do Illustrator e outras ferramentas de desenho de caminho, seleção e cor, você pode usar o recurso Gradient Mesh para adicionar coloração realista, iluminação e características 3D de um objeto vetorial plano. Em última análise, malha de gradiente pode lhe dar o efeito de foto-realista de pintura com todos os benefícios e liberdade de resolução independente da arte vetorial.

Se você está razoavelmente familiarizado com a ferramenta Pen do Illustrator e outras ferramentas de desenho de caminho, seleção e cor, você pode usar o recurso Gradient Mesh para adicionar coloração realista, iluminação e características 3D de um objeto vetorial plano. Em última análise, malha de gradiente pode lhe dar o efeito de foto-realista de pintura com todos os benefícios e liberdade de resolução independente da arte vetorial.

Por que usar uma malha de gradiente? Malha de gradiente é geralmente comparada com três técnicas de outras cores: gradientes padrão; misturas de objetos no Illustrator, ou pintura noPhotoshop ou Corel Painter .

Gradiente de malha versus gradiente padrão: gradientes padrão são extremamente limitados. Você pode escolher entre gradientes lineares, que é a transição de uma cor para a próxima em uma linha reta e gradientes radiais, que são cores em transição entre os círculos concêntricos. Uma malha de gradiente pode conter cores de transição em qualquer direção, em qualquer forma, e pode ser controlada com a precisão de pontos de ancoragem e segmentos de caminho.

Malha de gradiente vs mistura de objetos: Mistura de objetos no Illustrator envolve a seleção de dois ou mais objetos e criação de objetos intermediários que se transformam um no outro. Por exemplo, a mistura de um triângulo vermelho na frente de um quadrado azul criaria objetos adicionais entre os dois que gradualmente se transformariam na forma e cor do triângulo ao quadrado – no ponto médio exato irá se obter uma forma metade triângulo, metade quadrado. A mistura de objetos é uma maneira eficaz para criar transições de cores de forma irregular e gradientes, mas é trabalhoso. Cada novo gradiente deve ser criado com dois objetos – o objeto de cor inicial e final – e combinados individualmente.

Da esquerda para a direita: transições de cores em um objeto com malha de gradiente, um objeto preenchido com um gradiente (radial) padrão, uma mistura de objetos, e uma imagem colorida em Photoshop

Da esquerda para a direita: transições de cores em um objeto com malha de gradiente, um objeto preenchido com um gradiente (radial) padrão, uma mistura de objetos, e uma imagem colorida em Photoshop

Malha de gradiente vs pintura no Photoshop ou Corel Painter: A pintura em Photoshop ou Painter é muito mais fácil do que criar uma malha de gradiente. Mas a pintura significa trabalhar com o termo resolução em pixels. Inversamente, uma malha de gradiente no Illustrator tem a resolução independente do objeto vetorial, o que significa que você pode escalá-lo para cima ou para baixo até o infinito e manter sua qualidade original. Imagens com base em pixels perdem qualidade quando são dimensionadas. Além disso, as cores em um objeto de malha de gradiente podem ser perpetuamente ajustadas e alteradas, ao passo que ajustar uma pintura no Photoshop exige re-pintura e, potencialmente, destruir dados.

Criando uma malha de gradiente

Criar uma malha de gradiente é bastante intuitivo, uma vez que você compreenda os conceitos básicos. Então vamos começar por colorir um tomate simples através de uma malha de gradiente.

caminho que vai se tornar um tomate.

Acima o caminho que vai se tornar um tomate.

Comece desenhando a forma do seu tomate como um caminho único, fechado, com a caneta, lápis, ou ferramentas de forma.

Escolha uma cor de base para o tomate, e preencha o caminho com essa cor.Você pode escolher qualquer cor que quiser, mas para referência comecei com RGB: 185, 44, 7.

Com o caminho do tomate selecionado, acesse Object-> Create Gradient Mesh. Você verá a caixa de diálogo Criar Gradient Mesh.

Porque uma malha de gradiente é uma grade, ao converter um caminho para um objeto de malha de gradiente, você deve inicialmente dividir o objeto em áreas esperadas de cor – você pode adicionar e remover linhas e colunas mais tarde. Cada cruzamento de coluna e linha dentro da grade é um ponto de malha, que se comporta muito bem como – e pode ser chamado em sua tela – um ponto de ancoragem, que controla a direção e a curvatura de segmentos de caminho que dele emanam. A diferença é que um ponto de malha também pode manter um valor de cor, e que é o ponto inteiro de uma malha de gradiente. Cores de transição entre os pontos de malha. Por exemplo, em um 2-por-2 de uma malha preta, colorindo o ponto do centro da malha irá criar um degradê suave desse ponto central para fora em todas as oito direções – para cima, baixo, esquerda, direita, e para cada um dos quatro cantos .

A malha básica 2-por-2 com gradiente, com o ponto central da malha de cor branca e todos os outros de cor preta.

A malha básica 2-por-2 com gradiente, com o ponto central da malha de cor branca e todos os outros de cor preta.

Na caixa de diálogo malha de gradiente, escolha um número adequado de colunas e linhas de partida. Quantos você irá começar depende do tamanho e forma do seu tomate ou outro objeto. Aqui queremos fileiras e colunas suficientes para facilmente colorir o tomate com luz, sombra e cores de superfície diferentes, mas precisamos sempre de espaço suficiente entre as colunas e linhas que farão a transição de cores suavemente, e não bruscamente. Quanto mais longe da malha são dois pontos, mais suave e mais sutil será a mudança entre suas respectivas cores, quanto mais os pontos de malha estão juntos, mais nítida será a transição da cor.

Observe que as linhas da malha, que compreendem a grade, não são perfeitamente horizontais e verticais; elas se adaptam à forma do objeto definido pelo seu caminho exterior. Assim a dimensionalidade já é muitas vezes infundida no objeto com a malha de gradiente.

Para seguir meu exemplo, comece com 8 linhas e colunas.O aspecto deve ser plano e o destaque de 100 por cento.Clique em OK.

O caminho convertido para uma malha de gradiente 8-por-8.

O caminho convertido para uma malha de gradiente 8-por-8.

O tomate é agora um objeto de malha de gradiente, com todos os pontos da malha selecionados (note que eles estão cheios ou selecionados em vez de serem pontos vazios). Mude para a ferramenta de seleção direta (seta branca) e individualmente selecione um ponto de malha, e, em seguida, mude sua cor, escolhendo uma amostra do painel Amostras ou misture uma nova cor a partir do painel de cores. Para dar ao tomate seu primeiro destaque, selecione um ponto de malha perto do canto superior esquerdo e colora-o com branco. Se o destaque que você recebeu for muito pequeno, preencha outros pontos da malha.

Se a forma do destaque não é exatamente o que você quer, você pode mover os pontos da malha com a seta branca e até mesmo arrastar sua curva com as alças para reformular as linhas da malha que lhes são inerentes, e, assim, a direção e a profundidade de suas transições de cores. Lembre-se, pontos de malha comportam-se apenas como pontos de ancoragem, a única diferença é que eles também contêm dados de cores em vez de apenas direção da curva e os dados de profundidade. Você ainda pode usar a ferramenta Converter ponto âncora em pontos de malha para mudá-los para pontos de canto ou manipular a curvatura de linhas de malha de cada lado independentemente.

O destaque inicial. Existem alças de curva sobre os pontos de malha.

O destaque inicial. Existem alças de curva sobre os pontos de malha.

Se você precisar de mais pontos de malha, mude para a ferramenta Mesh, que está localizado no painel Tools entre o gráfico de colunas e a ferramentas Gradiente. Quando você clica com a ferramenta Mesh em um objeto de malha, no espaço vazio entre linhas e colunas, você vai criar uma nova linha e coluna. Clicando com a ferramenta Mesh diretamente sobre uma linha de malha, no entanto, vai criar uma linha ou coluna sobre uma linha de malha vertical onde você clicou, criando uma nova linha nesse ponto, ao clicar em uma linha de malha horizontal cria uma nova coluna. Se você adicionar uma nova linha ou coluna a uma área que já foi colorida, os pontos de malha resultantes vão pegar as cores no ponto de inserção.

Se você precisar de menos pontos de malha, talvez porque as cores estejam mudando muito rapidamente, mantenha pressionada a tecla ALT e clique com a ferramenta Mesh em um ponto da malha. Isso vai excluir a coluna e linha de interseção.

Note que você pode também atribuir cores aos pontos de malha do lado de fora de sua forma, nas extremidades da coluna e linhas de linha. Foi assim que eu dei ao meu tomate a iluminação em sua margem direita.

Para áreas maiores de cor, a sombra na parte da frente do meu tomate, por exemplo, clique com a seta branca (não a ferramenta Mesh) dentro de um patch da malha. Isso irá selecionar automaticamente, e permitir que você possa colorir ao mesmo tempo todos os pontos da malha que definem a forma desse patch.

Cor quatro pontos de malha em um momento, clicando no patch de malha, em vez de em um determinado ponto da malha.

Cor quatro pontos de malha em um momento, clicando no patch de malha, em vez de em um determinado ponto da malha.

Continue colorindo até que você esteja satisfeitos com o resultado. Se você cometer um erro, use o CTRL + Z para desfazer, ou apenas recolora o ponto de malha, eles são sempre editáveis, mesmo depois de salvar, fechar e reabrir o documento do Illustrator.

Quando o tomate estiver pronto, você pode terminá-lo com folhas e talvez um tronco, cada um dos quais também podem ser coloridos através de uma malha de gradiente.

Acredite ou não, o tomate que usei para este exemplo levou apenas 15 minutos para criar do início ao fim, inclusive desenhando os caminhos iniciais e adicionar e colorindo as folhas e caule. Inicialmente, sua obra pode demorar mais, mas com um pouco de prática, você pode rapidamente criar objetos de malha incrivelmente coloridos.

O tomate acabado, completo, com as folhas e caule com gradiente de malha, e uma sombra padrão em gradiente radial.

O tomate acabado, completo, com as folhas e caule com gradiente de malha, e uma sombra padrão em gradiente radial.

No Próximo artigo deste assunto, vou descrever alguns atalhos de teclado simples que você pode usar para realizar as tarefas acima.

Site Original: Digital Arts Online

Comente! Sugestões, dúvidas e opiniões são ótimos para melhorar o conteúdo do Clube.

Aproveite para seguir o Clube no twitter, facebook, youtube ou google+, assim você fica por dentro das novidades, e acompanha os melhores links do blog. Você também pode assinar nosso feed de notícias e receber todas as atualizações de maneira exclusiva.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 5 comentários

  1. preciso de ajuda, importei do ai para o corel um arquivo, neste trabalho temos alguns detalhes que são círculos transparentes em degradê, atrás de algumas estrelas. Quando preparo para impressão esses efeitos ficam pretos ..o que posso fazer?

    1. Olá Laiz, alguns tipos de efeitos de transparência não são compatíveis entre estes dois aplicativos. Recomendo que use o Edit> Flatting Transparency (Editar> Nivelar Transparência) para achatar as transparências, convertendo-as em bitmap no Illustrator antes de exportar.
      Outra alternativa é exportar o projeto inteiro em bitmap de alta qualidade e só depois importá-lo para o CorelDRAW.
      Um abraço!

  2. Tenho uma pequena dúvida… Com a criação da malha de gradiente é impossível usar o Parthfinder e a criação de formas muito complexas causa um certo “bug” ou uma bagunça na malha de gradiente, tornando-a mais difícil de ser controlada. O recomendável era começar com uma forma simples como um circulo, quadrado, retângulo ou triângulo, transformá-lo em uma malha e ir os moldando até a forma desejada ou você usa uma técnica especial para ter o controle total da malha quando a aplica diretamente em formas complexas?

    1. Matheus, a malha é feita para dar forma ao objeto, então ela não foi pensada para ser usada com a ferramenta Pathfinder. A malha deve ser aplicada ao objeto final, é a última etapa do processo, por isso é melhor deixar para usá-la depois que já tiver modelado o objeto e ter feito todos os cortes necessários.
      Um abraço!

Deixe uma resposta

Mais artigos pra você ler:
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Como é o processo de criação de um lettering?

Como é o processo de criação de um lettering?

Estou de volta trazendo mais um vídeo do canal Corporação Criativa onde explico um pouco como é o processo de criação de…
Fechar Menu