# Degradê no Illustrator: linear, radial e forma livre [Canonical HTML page](https://gradiently.design/pt-br/guide/illustrator-gradient) Os degradês do Illustrator moram num painel pequeno, mas a maioria das pessoas só usa metade dele. Aqui está o painel inteiro, o tipo forma livre e o que acontece com as suas transições quando você exporta. ## The short version - O Illustrator tem três tipos de degradê no painel Degradê: Linear, Radial e Forma livre. - O painel Degradê abre em Janela › Degradê, e a ferramenta Degradê (G) permite arrastar, girar e editar o degradê direto na arte. - Um degradê num traçado pode correr dentro do traçado, ao longo do caminho ou atravessando a largura dele. - Para colocar um degradê em texto e mantê-lo editável, adicione um novo preenchimento no painel Aparência e aplique o degradê a esse preenchimento. - Degradês lineares e radiais são exportados para SVG como elementos de gradiente nativos, enquanto os de forma livre e de malha não têm equivalente em SVG. 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. | Controle | O que faz | | --- | --- | | Tipo | Linear, Radial ou Forma livre | | Ângulo | Gira um degradê linear ou radial | | Proporção | Achata um degradê radial em uma elipse | | Inverter | Inverte a ordem das paradas | | Paradas de cor | Clique abaixo do controle para adicionar, arraste para fora para remover | | Opacidade e Local | Transparência de cada parada e posição exata em porcentagem | | Losangos de ponto médio | Mudam onde duas paradas vizinhas se misturam meio a meio | | Opções de traçado | Dentro, ao longo ou atravessando o traçado | O que cada parte do painel Degradê do Illustrator controla. Digitar os valores de Local é o jeito de fazer uma família de degradês combinar. 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](https://gradiently.design/pt-br/guide/gradient-stops) 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. - Linear, três paradas: `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%)` Uma transição linear, uma radial redonda e uma radial com proporção menor, escritas em CSS para você reproduzi-las num site. 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](https://gradiently.design/pt-br/guide/mesh-gradients) com muito menos esforço que a ferramenta Malha. 1. **Troque o tipo** Selecione a forma e clique em Forma livre no painel Degradê. O Illustrator coloca alguns pontos iniciais para você. 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. **Defina cada cor** Clique duas vezes num ponto para escolher a cor dele, ou selecione-o e escolha uma amostra. 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. **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. > **Forma livre ou Malha de degradê** Use a forma livre para ilustração chapada e fundos. A ferramenta Malha (U) ainda dá o maior controle para sombreamento realista, mas cada ponto da malha é algo que você precisa administrar à mão. ## 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. | Opção de traçado | Resultado | Bom para | | --- | --- | --- | | Dentro do traçado | O degradê preenche o traçado como se fosse uma forma | Contornos grossos e molduras | | Ao longo do traçado | A cor viaja do início do caminho até o fim | Linhas, anéis, arcos de progresso | | Atravessando o traçado | A cor vai de uma borda do traçado até a outra | Tubos, linhas estilo neon, fitas | Os três jeitos como o Illustrator aplica um degradê a um traçado. ## 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](https://gradiently.design/pt-br/guide/gradient-logo) mostra quando uma transição ajuda a marca e quando é preciso uma versão chapada. Um cartaz A4 retrato com um título grande sobre um fundo de gradiente suave Um cartaz A4 em 2480×3508. Mantenha o fundo suave e o texto chapado ou com uma transição simples, para que as palavras ainda se leiam do outro lado da sala. ## 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](https://gradiently.design/pt-br/guide/svg-gradients) explica o formato. ```html ``` Mais ou menos como fica um degradê linear de três paradas depois da exportação em SVG: as paradas e os deslocamentos vêm direto do painel Degradê. 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](https://gradiently.design/pt-br/guide/print-gradients) 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. ## FAQ ### Onde fica o painel Degradê no Illustrator? Abra em Janela › Degradê. A ferramenta Degradê fica na barra de ferramentas, com o atalho G. ### Como fazer um degradê de forma livre no Illustrator? Selecione uma forma, escolha Forma livre no painel Degradê e adicione pontos de cor no modo Pontos ou desenhe uma linha de pontos no modo Linhas. ### Como aplicar degradê em texto no Illustrator sem criar contornos? Adicione um novo preenchimento ao objeto de texto no painel Aparência e aplique o degradê a esse preenchimento. O texto continua editável. ### Dá para aplicar degradê num traçado no Illustrator? Sim. Selecione o traçado no painel Degradê e escolha se o degradê corre dentro, ao longo ou atravessando o traçado. ### Os degradês do Illustrator funcionam em SVG? Degradês lineares e radiais são exportados como gradientes SVG nativos. Os de forma livre e de malha não têm equivalente em SVG.