Gradiente no Illustrator: linear, radial e de forma livre

Um gradiente no Illustrator define-se no painel Gradiente (Janela › Gradiente) e ajusta-se na ilustração com a ferramenta Gradiente (G). Seleciona um objeto, escolhe Linear, Radial ou Forma livre no painel e clica nas paragens por baixo do cursor para definir as cores. Os gradientes lineares e radiais são os indicados para logótipos, ícones e tudo o que vai para a web, porque ficam leves e nítidos em qualquer lado. O de forma livre serve para cor suave e pictórica, e a antiga Malha de gradiente para sombreado fotográfico.

O painel Gradiente, controlo a controlo

Tudo começa com o objeto selecionado e o alvo certo ativo: o painel mostra um quadrado de preenchimento e outro de traço, e o gradiente vai para o que estiver à frente. Clicar na miniatura do gradiente aplica o último que usaste, o que dá jeito quando estás a estilizar um conjunto de formas.

Para guardar um gradiente, arrasta a miniatura do painel para o painel Amostras. Os gradientes guardados são o que mantém as misturas de uma marca idênticas de ficheiro para ficheiro; as paragens de gradiente explicam como escolher posições que pareçam uniformes.

Gradientes lineares e radiais

Com a ferramenta Gradiente selecionada, aparece sobre o objeto uma barra chamada anotador. Arrasta a ponta redonda para mover o início, a ponta quadrada para mudar o comprimento e o ângulo, e as paragens ao longo dela para definir cores sem abrir o painel. Se o anotador estiver escondido, Ver › Mostrar anotador de gradiente traz-o de volta. Mantém Shift premido ao arrastar para fixar o ângulo em passos de 45 graus.

No Illustrator, os gradientes seguem a forma e não a prancheta. Mas se selecionares vários objetos e arrastares por todos com a ferramenta Gradiente, um só gradiente cobre o grupo inteiro, e é assim que uma fila de letras ou ícones partilha uma única varredura de cor.

Gradientes de forma livre

Os gradientes de forma livre dispensam a barra. Colocas pontos de cor onde quiseres dentro de uma forma e o Illustrator mistura-os, o que dá a cor suave e orgânica de um gradiente de malha com muito menos trabalho do que a ferramenta Malha.

1. 1

   Muda o tipo

   Seleciona a forma e clica em Forma livre no painel Gradiente. O Illustrator coloca alguns pontos iniciais por ti.

2. 2

   Escolhe Pontos ou Linhas

   O modo Pontos coloca pontos de cor individuais. O modo Linhas deixa-te clicar um caminho de pontos, e a cor flui ao longo dessa linha.

3. 3

   Define cada cor

   Faz duplo clique num ponto para escolher a cor, ou seleciona-o e escolhe uma amostra.

4. 4

   Ajusta a dispersão

   No modo Pontos, arrasta o círculo ponteado à volta de um ponto, ou muda a Dispersão no painel, para decidir até onde chega a sua cor.

5. 5

   Remove o que não precisas

   Arrasta um ponto para fora da forma ou carrega em Delete. Poucos pontos bem colocados dão um resultado mais calmo do que muitos.

Gradientes em traços

Seleciona o quadrado do traço no painel Gradiente, aplica um gradiente e aparecem três botões. Mudam o resultado mais do que qualquer escolha de cor.

Texto com gradiente que continua editável

O texto ativo nem sempre aceita um gradiente diretamente no preenchimento dos caracteres, e converter o texto em contornos para o forçar significa nunca mais poderes corrigir uma gralha. O caminho fiável passa pelo painel Aspeto: seleciona o objeto de texto, escolhe Adicionar novo preenchimento no menu do painel, arrasta esse preenchimento para baixo da entrada Caracteres se for preciso e aplica-lhe o gradiente. As palavras continuam editáveis e o gradiente abrange a linha toda. Para trabalho de logótipos, os logótipos com gradiente explicam quando uma mistura ajuda uma marca e quando é preciso uma versão plana.

Exportar gradientes do Illustrator para SVG e impressão

Ao exportares SVG, os gradientes lineares e radiais tornam-se elementos de gradiente nativos, por isso ficam minúsculos e nítidos a qualquer tamanho. Os gradientes de forma livre e de malha não têm equivalente em SVG, pelo que podes esperar que sejam rasterizados ou aproximados: verifica o ficheiro antes de o entregares a um programador. Os gradientes SVG explicam o formato.

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="leaf" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#064e3b"/>
      <stop offset="0.55" stop-color="#10b981"/>
      <stop offset="1" stop-color="#d9f99d"/>
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#leaf)"/>
</svg>

Na impressão, os gradientes são onde primeiro se notam as faixas e as mudanças de cor. Converte cedo para o modo de cor da gráfica, evita misturas longas entre dois tons muito próximos e pede uma prova. A impressão de gradientes lista as verificações.

Pôr a tua ilustração sobre um fundo

O Illustrator é a casa certa para um logótipo. O fundo onde ele assenta em publicações, stories e diapositivos é outro problema, porque tem de ser redesenhado para cada formato. Um Mark do Gradiently é um fundo acabado que se renderiza em todos os tamanhos e mantém as palavras legíveis, e reservar um significa que nenhuma outra marca o pode exportar.