# Gradiente no Illustrator: linear, radial e de forma livre [Canonical HTML page](https://gradiently.design/pt-pt/guide/illustrator-gradient) Os gradientes do Illustrator vivem num painel pequeno, mas a maioria das pessoas só usa metade dele. Aqui fica o painel inteiro, o tipo de forma livre e o que acontece às tuas misturas quando exportas. ## The short version - O Illustrator tem três tipos de gradiente no painel Gradiente: Linear, Radial e Forma livre. - O painel Gradiente abre-se em Janela › Gradiente, e a ferramenta Gradiente (G) permite arrastar, rodar e editar um gradiente diretamente na ilustração. - Um gradiente num traço pode correr dentro do traço, ao longo do caminho ou através da largura. - Para pôr um gradiente em texto ativo e mantê-lo editável, adiciona um novo preenchimento no painel Aspeto e aplica o gradiente a esse preenchimento. - Os gradientes lineares e radiais exportam-se para SVG como elementos de gradiente nativos, enquanto os de forma livre e de malha não têm equivalente em SVG. 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. | Controlo | O que faz | | --- | --- | | Tipo | Linear, Radial ou Forma livre | | Ângulo | Roda um gradiente linear ou radial | | Proporção | Achata um gradiente radial numa elipse | | Inverter | Troca a ordem das paragens | | Paragens de cor | Clica por baixo do cursor para adicionar, arrasta para fora para remover | | Opacidade e Posição | Transparência de cada paragem e posição exata em percentagem | | Losangos de ponto médio | Movem o ponto onde duas paragens vizinhas se misturam meio a meio | | Opções de traço | Dentro, ao longo ou através de um traço | O que controla cada parte do painel Gradiente do Illustrator. Escrever valores de Posição é a forma de fazer uma família de gradientes combinar. 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](https://gradiently.design/pt-pt/guide/gradient-stops) 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. - Linear, três paragens: `linear-gradient(120deg, #064e3b 0%, #10b981 55%, #d9f99d 100%)` - Radial, proporção 100%: `radial-gradient(circle at 50% 50%, #fef3c7 0%, #f59e0b 45%, #78350f 100%)` - Radial, proporção achatada: `radial-gradient(ellipse 70% 40% at 50% 50%, #e0e7ff 0%, #6366f1 50%, #1e1b4b 100%)` Um gradiente linear, um radial redondo e um radial com proporção mais baixa, escritos em CSS para os poderes reproduzir num site. 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](https://gradiently.design/pt-pt/guide/mesh-gradients) com muito menos trabalho do que a ferramenta Malha. 1. **Muda o tipo** Seleciona a forma e clica em Forma livre no painel Gradiente. O Illustrator coloca alguns pontos iniciais por ti. 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. **Define cada cor** Faz duplo clique num ponto para escolher a cor, ou seleciona-o e escolhe uma amostra. 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. **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. > **Forma livre ou Malha de gradiente** Usa a forma livre para ilustração plana e fundos. A ferramenta Malha (U) continua a dar mais controlo para sombreado realista, mas cada ponto da malha é algo que tens de gerir à mão. ## 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. | Opção de traço | Resultado | Bom para | | --- | --- | --- | | Dentro do traço | O gradiente preenche o traço como se fosse uma forma | Contornos grossos e molduras | | Ao longo do traço | A cor viaja do início do caminho até ao fim | Linhas, anéis, arcos de progresso | | Através do traço | A cor vai de um bordo do traço ao outro | Tubos, linhas estilo néon, fitas | As três formas como o Illustrator aplica um gradiente a um traço. ## 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](https://gradiently.design/pt-pt/guide/gradient-logo) explicam quando uma mistura ajuda uma marca e quando é preciso uma versão plana. Um cartaz A4 vertical com um título grande sobre um fundo de gradiente suave Um cartaz A4 a 2480×3508. Mantém o fundo suave e o texto plano ou com uma mistura simples, para as palavras se lerem do outro lado da sala. ## 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](https://gradiently.design/pt-pt/guide/svg-gradients) explicam o formato. ```html ``` Mais ou menos o aspeto de um gradiente linear de três paragens depois de exportado para SVG: as paragens e os desvios vêm diretamente do painel Gradiente. 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](https://gradiently.design/pt-pt/guide/print-gradients) 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. ## FAQ ### Onde fica o painel Gradiente no Illustrator? Abre-o em Janela › Gradiente. A ferramenta Gradiente está na barra de ferramentas, com o atalho G. ### Como faço um gradiente de forma livre no Illustrator? Seleciona uma forma, escolhe Forma livre no painel Gradiente e depois adiciona pontos de cor no modo Pontos ou desenha uma linha de pontos no modo Linhas. ### Como aplico um gradiente a texto no Illustrator sem o converter em contornos? Adiciona um novo preenchimento ao objeto de texto no painel Aspeto e aplica o gradiente a esse preenchimento. O texto continua editável. ### Posso aplicar um gradiente a um traço no Illustrator? Sim. Seleciona o traço no painel Gradiente e escolhe se o gradiente corre dentro, ao longo ou através do traço. ### Os gradientes do Illustrator funcionam em SVG? Os gradientes lineares e radiais exportam-se como gradientes SVG nativos. Os de forma livre e de malha não têm equivalente em SVG.