# Guia de degradês no Photoshop: ferramentas, mapas e resultados suaves [Canonical HTML page](https://gradiently.design/pt-pt/guide/photoshop-gradient) O Photoshop dá-te quatro maneiras diferentes de fazer um degradê, e cada uma serve um trabalho diferente. Eis qual escolher, como funciona realmente o editor e os hábitos que mantêm uma mistura sem riscas. ## The short version - O Photoshop faz degradês de quatro maneiras: a ferramenta Gradiente, uma camada de Preenchimento de gradiente, um ajuste de Mapa de gradiente e o estilo de camada Sobreposição de gradiente. - O modo dinâmico da ferramenta Gradiente cria uma camada de preenchimento editável cujas paragens de cor podes arrastar na tela, enquanto o modo Clássico pinta píxeis na camada atual. - O Photoshop oferece cinco formas de degradê: Linear, Radial, Ângulo, Refletido e Diamante. - Um mapa de gradiente recolore uma imagem pelos seus tons, enviando os píxeis mais escuros para a paragem da esquerda e os mais claros para a da direita. - Dither, um documento de 16 bits e um pouco de ruído monocromático são as formas mais fiáveis de evitar o banding num degradê do Photoshop. Um **degradê no Photoshop** faz-se com a ferramenta Gradiente (tecla G), uma camada de Preenchimento de gradiente, um ajuste de Mapa de gradiente ou um estilo de Sobreposição de gradiente. Na maior parte do trabalho, usa a ferramenta no seu modo dinâmico para que a mistura fique na sua própria camada editável, escolhe Percetual como método, deixa o Dither assinalado e muda para 16 bits por canal quando o degradê for escuro ou subtil. Estes hábitos são a diferença entre uma varredura limpa de cor e uma cheia de riscas. ## Quatro maneiras de fazer um degradê no Photoshop As pessoas recorrem muitas vezes à ferramenta Gradiente para tudo e depois perguntam-se porque não conseguem mudar as cores mais tarde. Cada método tem uma função, e escolher o certo logo no início poupa-te a reconstruir. | Método | Onde encontrar | Melhor para | | --- | --- | --- | | Ferramenta Gradiente | Barra de ferramentas, atalho G | Arrastar uma mistura sobre uma camada ou seleção | | Camada de Preenchimento de gradiente | Camada › Nova camada de preenchimento › Gradiente | Fundos que vais continuar a ajustar | | Mapa de gradiente | Camada › Nova camada de ajuste › Mapa de gradiente | Recolorir uma fotografia pelos seus tons claros e escuros | | Sobreposição de gradiente | Estilo de camada (o botão fx) | Cor em texto e formas que continua editável | Os quatro métodos de degradê no Photoshop e para que serve cada um. As camadas de preenchimento, os mapas e as sobreposições são todos não destrutivos. ## Como usar a ferramenta Gradiente 1. **Escolhe a ferramenta** Prime G. A ferramenta Gradiente partilha o lugar com o Balde de tinta, por isso prime Shift+G se aparecer o balde. 2. **Escolhe dinâmico ou clássico** Nas versões atuais, a barra de opções oferece **Gradiente**, que cria uma camada de preenchimento de gradiente editável com pegas na tela, e **Gradiente clássico**, que pinta píxeis na camada ativa. Escolhe o dinâmico a não ser que estejas deliberadamente a pintar numa máscara. 3. **Escolhe as cores** Clica na amostra de gradiente na barra de opções, ou abre Janela › Gradientes para ver predefinições em pastas. Define primeiro as cores de primeiro plano e de fundo se queres a mistura de duas cores mais simples. 4. **Escolhe uma forma** Linear, Radial, Ângulo, Refletido ou Diamante. A secção seguinte mostra o que faz cada uma. 5. **Arrasta pela tela** O início do arrasto é a primeira paragem de cor e o fim é a última. Mantém Shift para fixar o ângulo em passos de 45 graus. No modo dinâmico podes arrastar as paragens e o ponto médio depois. 6. **Define o método e o dither** Escolhe **Percetual** para misturas uniformes entre cores saturadas e mantém o **Dither** ligado. O Clássico reproduz o comportamento mais antigo, que pode parecer turvo no meio. ## As cinco formas de degradê no Photoshop O Linear é o cavalo de batalha dos fundos. O Radial cria uma poça de luz, que é a forma mais rápida de dar profundidade a um fundo plano. O Ângulo varre a cor à volta de um ponto central como o ponteiro de um relógio. O Refletido espelha uma mistura linear do meio para fora, o que serve horizontes e barras de luz. O Diamante espalha a cor num quadrado, e é o que menos vais usar. - Linear: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)` - Radial: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)` - Ângulo: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)` - Refletido: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)` Quatro das cinco formas do Photoshop, reconstruídas em CSS para as copiares para a web. O Ângulo é um degradê cónico; o Diamante não tem equivalente direto em CSS. ## Trabalhar no Editor de gradientes Faz duplo clique na amostra na barra de opções, ou no gradiente na janela de uma camada de preenchimento, para abrir o editor. As paragens de cor ficam abaixo da barra e as de opacidade acima. Clica por baixo da barra para acrescentar uma paragem, arrasta uma para fora para a apagar e arrasta o pequeno losango entre duas paragens para mover o ponto médio da sua mistura. O campo Localização permite escrever posições exatas, o que importa quando queres que um conjunto de degradês combine. Três a cinco paragens costumam parecer mais ricas do que duas: um tom de sombra, uma cor principal, um realce e talvez um acento. Mantém as paragens vizinhas relacionadas, porque cores opostas lado a lado passam pelo cinzento, o que se explica em [degradês turvos](https://gradiently.design/pt-pt/guide/muddy-gradients). O menu Tipo de gradiente do editor também oferece **Ruído**, que gera faixas aleatórias de cor; é útil para experiências de textura, raramente para trabalho de marca. > **Esbate para transparente, não para branco** Para deixar uma imagem transparecer, define a paragem de opacidade final a 0% em vez de escolheres branco. A predefinição Primeiro plano para transparente faz isso, e mantém a camada de baixo visível em vez de a desbotar. ## Mapas de gradiente no Photoshop para fotografias Um Mapa de gradiente ignora as cores da fotografia e lê apenas os seus tons. Os píxeis mais escuros ficam com a paragem da esquerda, os mais claros com a da direita, e tudo o que está no meio segue a barra. Com duas paragens obténs um duotone clássico; com três podes empurrar as sombras para o frio e as luzes para o quente. Define o modo de mistura da camada de ajuste como Cor ou Luz suave e baixa a opacidade para um tom mais suave. O [mapa de gradiente](https://gradiently.design/pt-pt/guide/gradient-map) e o [efeito duotone](https://gradiently.design/pt-pt/guide/duotone-effect) aprofundam o tema. Mapa índigo, rosa e manteiga: `linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)` Um mapa de três paragens: as sombras tornam-se índigo, os meios-tons rosa, as luzes um amarelo manteiga pálido. Carrega-as como paragens numa camada de Mapa de gradiente. ## Como evitar o banding num degradê do Photoshop O banding são degraus visíveis onde uma mistura devia ser suave. É pior em degradês escuros e de baixo contraste esticados por uma tela grande, porque um ficheiro de 8 bits tem um número limitado de níveis entre duas cores próximas. A explicação completa está em [banding em degradês](https://gradiently.design/pt-pt/guide/gradient-banding). ### Causa faixas - Um documento de 8 bits para uma mistura escura e subtil - Dither desligado - Duas paragens próximas esticadas por 4000 px - Compressão JPEG forte na exportação - Método Clássico entre cores fortes e opostas ### Mantém suave - Imagem › Modo › 16 bits/canal enquanto trabalhas - Dither assinalado na ferramenta ou na janela de preenchimento - Uma paragem intermédia, ou o método Percetual - PNG, ou JPEG com qualidade alta - 1 a 3% de ruído monocromático numa camada cinzenta em Sobrepor A camada de ruído merece explicação. Preenche uma camada nova com 50% de cinzento, define-a como Sobrepor para o cinzento desaparecer e depois aplica Filtro › Ruído › Adicionar ruído, com Gaussiano e Monocromático assinalados. O grão fino quebra os degraus, sobrevive melhor à compressão do que uma mistura limpa e faz o degradê parecer uma superfície. Os [degradês com grão](https://gradiently.design/pt-pt/guide/grainy-gradients) mostram o aspeto. Publicação vertical de rede social sobre um degradê escuro e suave, com uma dica curta sobre dither e ruído Uma mistura escura como esta é exatamente onde o banding aparece. O dither mais um grão leve mantêm-na suave em todos os ecrãs. ## Degradês em texto e formas Para texto que queres manter editável, acrescenta uma Sobreposição de gradiente a partir do menu fx. Deixa Alinhar com a camada assinalado para que a mistura abranja as palavras e não toda a tela, e ajusta a Escala e o Ângulo até a mudança de cor ficar onde queres. A alternativa é uma camada de preenchimento de gradiente acima do texto, cortada nele ao manter Alt (Option num Mac) e clicar na linha entre as duas camadas. Quando as palavras ficam sobre um degradê em vez de o vestirem, lê [texto sobre degradê](https://gradiently.design/pt-pt/guide/text-on-gradient) para que continuem legíveis. ## Quando uma imagem se torna dez tamanhos O Photoshop é excelente para uma única imagem acabada com cuidado. Fica lento quando o mesmo fundo tem de se tornar uma publicação, um story, um banner e uma miniatura, porque cada recorte move a zona mais brilhante e cada tela precisa do degradê redesenhado. Na Gradiently o fundo é um Mark que é renderizado em cada tamanho em que desenhas, e a sua zona mais calma move-se sozinha para trás das tuas palavras, por isso um story e um banner saem de um só design. O artigo [um visual, todos os tamanhos](https://gradiently.design/pt-pt/guide/one-look-every-size) explica como. ## FAQ ### Onde está a ferramenta Gradiente no Photoshop? Partilha um lugar da barra de ferramentas com o Balde de tinta. Prime G para a selecionar, ou Shift+G para alternar entre as duas. ### Porque é que o meu degradê do Photoshop tem riscas? É banding, causado por poucos níveis de cor entre tons próximos. Trabalha a 16 bits por canal, mantém o Dither ligado e acrescenta um pouco de ruído monocromático antes de exportar. ### Como faço um degradê esbater para transparente no Photoshop? Usa a predefinição Primeiro plano para transparente, ou define a última paragem de opacidade no Editor de gradientes a 0%. ### Como ponho um degradê em texto no Photoshop e o mantenho editável? Acrescenta um estilo de camada Sobreposição de gradiente com Alinhar com a camada assinalado, ou corta uma camada de preenchimento de gradiente na camada de texto. ### Qual é a diferença entre um degradê e um mapa de gradiente no Photoshop? Um degradê pinta cor nova sobre uma área. Um mapa de gradiente recolore uma imagem existente pelos seus tons, do mais escuro ao mais claro.