Como criar um gradiente no Adobe Illustrator: 2 maneiras de fazer isso

Os gradientes geralmente dão uma aparência datada aos designs – pense em tie-dye. Mas com a ferramenta Gradient Mesh do Adobe Illustrator e a opção Freeform Gradient, você pode criar gradientes com um novo visual. Vamos mostrar-lhe como fazê-lo.

O que é um gradiente?

Você provavelmente já se deparou com gradientes antes, mas se não tiver, nós lhe daremos o resumo. Um gradiente é uma mistura de cores, quaisquer cores, que se fundem de maneira natural ou não natural.

Você encontra gradientes na natureza: o nascer e o pôr do sol, as folhas de outono mudando de cor e a aurora boreal. A natureza é um ótimo lugar para encontrar inspiração para seus experimentos de gradiente. Os gradientes também são frequentemente encontrados no design, como o logotipo do Instagram ou da Adobe Creative Cloud. Os gradientes trazem uma energia brilhante para o que muitas vezes é um visual corporativo.

Embora os gradientes possam parecer bastante datados, eles parecem estar voltando ao design moderno. Longe vão os dias de usar uma varredura de transição gradiente como plano de fundo. Com novas ferramentas de design, tendências de cores e maneiras divertidas de implementar gradientes, eles não parecem mais deslocados.

Por que você deve usar um gradiente?

Como visto nos logotipos do Instagram e da Creative Cloud, um gradiente pode ser usado para iluminar um plano de fundo chato. Normalmente, os gradientes são usados ​​como cores de fundo em vez do próprio assunto principal, mas nada impede que você aplique um gradiente ao assunto principal. Você também pode adicionar gradientes na programação CSS.

Os gradientes nem sempre precisam ser brilhantes e visíveis; eles podem ser sutis também. Você pode simplesmente adicionar um leve toque de gradiente em vez de preencher um plano de fundo inteiro com ele.

Com páginas da web de rolagem infinita ganhando popularidade, os gradientes são uma maneira sutil de mudar o design ou a cor em todo o site, sem muita mudança de cor. Você pode até animar o gradiente para se mover, lembrando os movimentos suaves de uma lâmpada de lava dos anos 80.

A principal razão para usar gradientes é incorporar várias cores em seu design sem que elas pareçam totalmente diferentes. Você pode adicionar uma mudança sutil em seu esquema de cores ou optar por fazer uma declaração de gradiente ousada.

Quais são as opções de gradiente no Adobe Illustrator?

Para acessar qualquer gradiente no Illustrator, você precisa abrir a janela Gradient. Clique Janela > Gradiente ou você pode clicar no botão Ferramenta Gradiente botão no painel de ferramentas. É assim que você pode acessar as ferramentas Linear, Radial e Freeform Gradient.

Com as ferramentas tradicionais de gradiente no Illustrator, existem apenas opções de gradiente linear e radial. Essas opções são bem básicas e não permitem muita personalização além da escolha e direção da cor. As ferramentas de gradiente tradicionais são boas para um plano de fundo simples com uma varredura de gradiente.

A ferramenta Freeform Gradient é ótima para adicionar uma variedade aleatória de cores aos seus designs de gradiente. A ferramenta Freeform pode ser usada para gradientes menos precisos; permite um uso mais natural e aleatório da cor.

A ferramenta Gradient Mesh no Illustrator é ótima para dar vida às ilustrações. A ferramenta Malha permite posicionar, inclinar e mover tons de gradiente de forma que eles caiam de forma realista em um objeto 3D. Isso leva o trabalho com gradientes a um nível totalmente novo.

A Adobe oferece muitas maneiras de criar gradientes, incluindo gradientes personalizados no Photoshop.

Como usar o gradiente de forma livre no Illustrator

Embora seja encontrada nas ferramentas tradicionais de gradiente, a ferramenta Freeform Gradient no Illustrator funciona de maneira um pouco diferente. Vamos começar.

Criar uma forma com uma cor de preenchimento simples primeiro. Em seguida, com a janela Gradiente aberta, clique no botão gradiente mais à direita para abrir o Forma livre ferramenta.

Depois de selecionar a ferramenta Freeform, sua forma previamente preenchida com planície agora mostrará um gradiente com quatro paradas (ou pontos de cor). As quatro paradas serão de cores aleatórias e não necessariamente consistentes com a cor de preenchimento original. Se você clicar em qualquer uma das paradas existentes, poderá alterar a cor. Para adicionar mais paradas, clique em qualquer outro lugar em sua forma.

O melhor da ferramenta Freeform Gradient do Illustrator é que você pode facilmente arrastar as cores para qualquer lugar da sua forma. Se você decidir que deseja o azul à esquerda em vez da direita, basta arrastar a parada para a esquerda. Ou coloque duas paradas rosa uma ao lado da outra. Adicione um pouco de branco para ver como as cores se misturam. Mover as paradas de cor muda a forma como elas interagem umas com as outras.

A liberdade da ferramenta Freeform é que você pode adicionar quantas cores desejar e colocá-las onde quiser. As cores agem como orbes individuais que se misturam levemente nas bordas. Para excluir uma parada de cor, arraste-a para fora da forma.

Você pode aumentar ou diminuir o tamanho e a dispersão de cada parada de cor. Clique na parada escolhida e mova o cursor para o círculo pontilhado que a circunda. O círculo terá um oval na borda dele. Clique e arraste o oval para aumentar ou diminuir seu orbe e a propagação de cores.

Você pode até desenhar linhas de gradientes clicando no Linhas opções na barra de ferramentas Gradiente. Com Linhas selecionadas, você pode adicionar uma nova parada de cor e, em seguida, a próxima parada escolhida será conectada a uma linha, reta ou curva, que agrupa as cores do gradiente. Cada parada ainda pode ter uma cor diferente ou você pode usar a mesma cor para toda a linha com várias paradas incluídas.

Como usar Gradient Mesh no Illustrator

Gradient Mesh também funciona de forma diferente das outras ferramentas de gradiente. Vamos mostrar como usá-lo.

Gradient Mesh pode ser aplicado a qualquer forma criada com uma cor de preenchimento. Depois de desenhar e preencher sua forma, clique no botão Malha Gradiente ferramenta. Se você não conseguir ver o botão Gradient Mesh, ele pode estar oculto abaixo do Ferramenta Gradiente botão na barra de ferramentas; clique e segure o botão superior para revelar quaisquer botões ocultos sob ele.

Com a ferramenta Gradient Mesh selecionada, clique em qualquer lugar em sua forma preenchida para começar a aplicar a malha. Dependendo do número de cores desejadas e do tamanho da sua forma, você provavelmente precisará apenas de dois cliques; embora não haja um máximo. Você pode adicionar ou excluir pontos de ancoragem em qualquer ponto do processo. Ao contrário da ferramenta Freeform Gradient, a cor inicial do seu objeto funciona como a cor base do seu gradiente.

Dentro de sua malha, você pode clicar em qualquer ponto de ancoragem usando o botão Seleção direta ferramenta (UMA) e escolha uma cor no painel de amostras. Isso produz um desfoque da cor selecionada ao redor da âncora. Faça isso para todas e quaisquer âncoras em sua forma e experimente como as cores se misturam.

Com as cores escolhidas em sua forma, isso se parece com a ferramenta Freeform. Então, como você pode subir de nível com o Gradient Mesh? Mova os pontos de ancoragem e as alças para ver como as cores se movem e reagem umas com as outras.

Não apenas você pode reposicionar qualquer um dos pontos de ancoragem em sua malha, mas usar as alças para alterar os ângulos também cria ótimos resultados. Na verdade, mover pontos de ancoragem pode criar linhas duras entre as cores. Essas linhas duras podem replicar formas 3D e produzir iluminação em seu objeto. Adicionar cores mais claras ou mais escuras adicionará ao efeito 3D. Você pode até criar suas próprias formas 3D em vez de ter que procurar formas 3D pré-existentes online.

Uma maneira única de criar gradientes

A ferramenta Freeform Gradient e a ferramenta Gradient Mesh no Illustrator permitem adicionar gradientes aos seus designs de maneiras novas e exclusivas. Há muito mais que você pode fazer com gradientes agora do que apenas uma varredura de cor gradiente em uma direção linear ou radial. Experimente essas ferramentas e veja que tipo de gradientes divertidos você pode criar.

Como criar uma paleta de cores automática no Adobe Illustrator

Leia a seguir

Sobre o autor