Degradê no Illustrator: linear, radial e forma livre

Um degradê no Illustrator é definido no painel Degradê (Janela › Degradê; Window › Gradient na versão em inglês) e modelado na arte com a ferramenta Degradê (G). Selecione um objeto, escolha Linear, Radial ou Forma livre no painel e clique abaixo do controle deslizante para criar paradas de cor. As transições lineares e radiais são as indicadas para logos, ícones e tudo o que vai para a web, porque continuam leves e nítidas em qualquer lugar. A forma livre serve para cor suave e pictórica, e a antiga Malha de degradê serve para sombreamento fotográfico.

O painel Degradê, controle por controle

Tudo começa com o objeto selecionado e o alvo certo ativo: o painel mostra um quadrado de preenchimento e um de traçado, e o degradê vai para o que estiver na frente. Clicar na miniatura do degradê aplica o último que você usou, o que ajuda quando você está estilizando um conjunto de formas.

Para salvar um degradê, arraste a miniatura do painel para o painel Amostras. Degradês salvos são o jeito de manter as transições de uma marca idênticas de um arquivo para outro; paradas de cor em gradientes explica como escolher posições que pareçam uniformes.

Degradês lineares e radiais

Com a ferramenta Degradê selecionada, aparece sobre o objeto uma barra chamada anotador de degradê. Arraste a ponta redonda para mover o início, a ponta quadrada para mudar o comprimento e o ângulo, e as paradas ao longo dela para definir as cores sem abrir o painel. Se o anotador estiver oculto, Exibir › Mostrar anotador de degradê o traz de volta. Segure Shift enquanto arrasta para travar o ângulo em passos de 45 graus.

No Illustrator, os degradês acompanham a forma, não a prancheta. Mas, se você selecionar vários objetos e arrastar sobre todos eles com a ferramenta Degradê, um único degradê atravessa o grupo inteiro, e é assim que uma fileira de letras ou ícones compartilha uma só varredura de cor.

Degradês de forma livre

Os degradês de forma livre dispensam a barra. Você coloca pontos de cor em qualquer lugar dentro de uma forma e o Illustrator faz a transição entre eles, o que dá a cor suave e orgânica de um mesh gradient com muito menos esforço que a ferramenta Malha.

1. 1

   Troque o tipo

   Selecione a forma e clique em Forma livre no painel Degradê. O Illustrator coloca alguns pontos iniciais para você.

2. 2

   Escolha Pontos ou Linhas

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

3. 3

   Defina cada cor

   Clique duas vezes num ponto para escolher a cor dele, ou selecione-o e escolha uma amostra.

4. 4

   Ajuste o espalhamento

   No modo Pontos, arraste o círculo pontilhado em volta de um ponto, ou mude Espalhar no painel, para decidir até onde a cor dele alcança.

5. 5

   Remova o que não precisa

   Arraste um ponto para fora da forma ou pressione Delete. Poucos pontos bem colocados parecem mais calmos que muitos.

Degradês em traçados

Selecione o quadrado de traçado no painel Degradê, aplique um degradê e aparecem três botões. Eles mudam o resultado mais do que qualquer escolha de cor.

Texto com degradê que continua editável

Texto editável nem sempre aceita um degradê diretamente no preenchimento dos caracteres, e criar contornos do texto para forçar isso significa que você nunca mais vai poder corrigir um erro de digitação. O caminho confiável é o painel Aparência: selecione o objeto de texto, escolha Adicionar novo preenchimento no menu do painel, arraste esse novo preenchimento para baixo da entrada Caracteres se precisar e aplique o degradê a ele. As palavras continuam editáveis e o degradê atravessa a linha inteira. Para logos, logos com gradiente mostra quando uma transição ajuda a marca e quando é preciso uma versão chapada.

Exportando degradês do Illustrator para SVG e impressão

Quando você exporta em SVG, os degradês lineares e radiais viram elementos de gradiente nativos, então continuam minúsculos e nítidos em qualquer tamanho. Os de forma livre e de malha não têm equivalente em SVG, então espere que sejam rasterizados ou aproximados: confira o arquivo antes de entregá-lo a um desenvolvedor. Gradientes em SVG explica 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 degradês são onde faixas e desvios de cor aparecem primeiro. Converta cedo para o modo de cor da gráfica, evite transições longas entre dois tons muito próximos e peça uma prova. Como imprimir gradientes lista as verificações.

Colocando a sua arte sobre um fundo

O Illustrator é o lugar certo para um logo. O fundo sobre o qual ele aparece em posts, stories e slides é outro problema, porque precisa ser refeito para cada formato. Um Mark do Gradiently é um fundo pronto que é renderizado em qualquer tamanho e mantém as palavras legíveis, e reservar um significa que nenhuma outra marca pode exportar com ele.