Mercado
Preços
EntrarComeçar
Guia práticoGradientes
Gradientes

Gradiente no Photoshop: ferramentas, mapas e resultados suaves

O Photoshop oferece quatro jeitos diferentes de fazer um gradiente, e cada um serve a um trabalho. Veja qual usar, como o editor realmente funciona e os hábitos que mantêm uma mistura livre de listras.

GradientlyConta verificada do Gradiently·1 de outubro de 2026·7 min de leitura
Capa: Thin Pier · GR·YNRB·JF

Resumindo

  • O Photoshop cria gradientes de quatro formas: a ferramenta Gradiente, uma camada de preenchimento de gradiente, um ajuste 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, cujos pontos de cor você arrasta no canvas, enquanto o modo Clássico pinta pixels na camada atual.
  • O Photoshop oferece cinco formas de gradiente: Linear, Radial, Angular, Refletido e Diamante.
  • Um mapa de gradiente recolore uma imagem pelos seus tons, enviando os pixels mais escuros para o ponto da esquerda e os mais claros para o da direita.
  • Dither, um documento de 16 bits e um pouco de ruído monocromático são os jeitos mais confiáveis de impedir o banding em um gradiente do Photoshop.
Nesta página
Quatro formas de fazer um gradiente no PhotoshopComo usar a ferramenta GradienteAs cinco formas de gradiente no PhotoshopTrabalhando no Editor de gradienteMapas de gradiente do Photoshop para fotosComo impedir o banding em um gradiente do PhotoshopGradientes em texto e formasQuando uma imagem vira dez tamanhos

Um gradiente no Photoshop é feito com a ferramenta Gradiente (tecla G), uma camada de preenchimento de gradiente, um ajuste Mapa de gradiente ou um estilo Sobreposição de gradiente. Na maior parte dos trabalhos, use a ferramenta no modo dinâmico para que a mistura fique em uma camada própria e editável, escolha Perceptivo como método, deixe o Dither marcado e mude para 16 bits por canal quando o gradiente for escuro ou sutil. Esses hábitos são a diferença entre uma passagem limpa de cor e uma listrada.

Quatro formas de fazer um gradiente no Photoshop

Muita gente recorre à ferramenta Gradiente para tudo e depois se pergunta por que não consegue mudar as cores mais tarde. Cada método tem uma função, e escolher o certo no começo evita ter que refazer.

Ferramenta Gradiente

Onde encontrar

Barra de ferramentas, atalho G

Melhor para

Arrastar uma mistura por uma camada ou seleção
Camada de preenchimento de gradiente

Onde encontrar

Camada › Nova camada de preenchimento › Gradiente

Melhor para

Fundos que você vai continuar ajustando
Mapa de gradiente

Onde encontrar

Camada › Nova camada de ajuste › Mapa de gradiente

Melhor para

Recolorir uma foto pelos seus tons claros e escuros
Sobreposição de gradiente

Onde encontrar

Estilo de camada (o botão fx)

Melhor para

Cor em textos e formas que continua editável
MétodoOnde encontrarMelhor para
Ferramenta GradienteBarra de ferramentas, atalho GArrastar uma mistura por uma camada ou seleção
Camada de preenchimento de gradienteCamada › Nova camada de preenchimento › GradienteFundos que você vai continuar ajustando
Mapa de gradienteCamada › Nova camada de ajuste › Mapa de gradienteRecolorir uma foto pelos seus tons claros e escuros
Sobreposição de gradienteEstilo de camada (o botão fx)Cor em textos e formas que continua editável
Os quatro métodos de gradiente no Photoshop e no que cada um é bom. Camadas de preenchimento, mapas e sobreposições são todos não destrutivos.

Como usar a ferramenta Gradiente

  1. 1

    Escolha a ferramenta

    Pressione G. A ferramenta Gradiente divide o espaço com o Balde de tinta, então pressione Shift+G se o balde aparecer no lugar.

  2. 2

    Escolha 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 alças no canvas, e Gradiente clássico, que pinta pixels na camada ativa. Escolha o dinâmico, a menos que você queira pintar de propósito em uma máscara.

  3. 3

    Escolha as cores

    Clique na amostra de gradiente na barra de opções ou abra Janela › Gradientes para navegar pelas predefinições em pastas. Defina primeiro as cores de primeiro e segundo plano se quiser a mistura mais simples de duas cores.

  4. 4

    Escolha uma forma

    Linear, Radial, Angular, Refletido ou Diamante. A próxima seção mostra o que cada uma faz.

  5. 5

    Arraste pelo canvas

    O início do arrasto é o primeiro ponto de cor e o fim é o último. Segure Shift para travar o ângulo em passos de 45 graus. No modo dinâmico, você pode arrastar os pontos e o ponto médio depois.

  6. 6

    Defina o método e o dither

    Escolha Perceptivo para misturas uniformes entre cores saturadas e mantenha o Dither ligado. O Clássico reproduz o comportamento antigo, que pode parecer turvo no meio.

As cinco formas de gradiente no Photoshop

O Linear é o cavalo de batalha dos fundos. O Radial cria uma poça de luz, o jeito mais rápido de dar profundidade a um fundo chapado. O Angular varre a cor ao redor de um ponto central como o ponteiro de um relógio. O Refletido espelha uma mistura linear do meio para fora, o que combina com horizontes e barras de luz. O Diamante espalha a cor em um quadrado, e é o que você vai usar menos.

Quatro das cinco formas do Photoshop, refeitas em CSS para você copiar para a web. O Angular é um gradiente cônico; o Diamante não tem equivalente direto em CSS.

Trabalhando no Editor de gradiente

Dê um clique duplo na amostra da barra de opções, ou no gradiente na janela de uma camada de preenchimento, para abrir o editor. Os pontos de cor ficam abaixo da barra e os de opacidade acima dela. Clique sob a barra para adicionar um ponto, arraste um para longe para excluí-lo e arraste o pequeno losango entre dois pontos para mover o ponto médio da mistura. O campo Local permite digitar posições exatas, o que importa quando você quer que um conjunto de gradientes combine.

De três a cinco pontos costumam parecer mais ricos que dois: um tom de sombra, uma cor principal, um clareado e talvez um acento. Mantenha os pontos vizinhos relacionados, porque cores opostas lado a lado passam pelo cinza, o que é explicado em gradientes turvos. O menu Tipo de gradiente do editor também oferece Ruído, que gera faixas aleatórias de cor; é útil para experimentos de textura, raramente para trabalho de marca.

Esmaeça para transparente, não para branco

Para deixar uma imagem aparecer, defina o ponto de opacidade final em 0% em vez de escolher branco. A predefinição Primeiro plano para transparente faz isso e mantém a camada de baixo visível em vez de desbotá-la.

Mapas de gradiente do Photoshop para fotos

Um Mapa de gradiente ignora as cores da foto e lê apenas seus tons. Os pixels mais escuros recebem o ponto da esquerda, os mais claros o da direita, e tudo no meio segue a barra. Com dois pontos você tem um duotone clássico; com três, pode empurrar as sombras para o frio e as altas luzes para o quente. Defina o modo de mesclagem da camada de ajuste como Cor ou Luz suave e reduza a opacidade para um tom mais gentil. Mapa de gradiente e o efeito duotone aprofundam o assunto.

Mapa índigo, rosa e manteigalinear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)
Um mapa de três pontos: as sombras viram índigo, os tons médios rosa, as altas luzes um amarelo-manteiga pálido. Carregue-os como pontos em uma camada de Mapa de gradiente.

Como impedir o banding em um gradiente do Photoshop

O banding são degraus visíveis onde a mistura deveria ser suave. É pior em gradientes escuros e de baixo contraste esticados por um canvas grande, porque um arquivo de 8 bits tem um número limitado de níveis entre duas cores próximas. A explicação completa está em banding em gradientes.

Causa faixas

  • Um documento de 8 bits para uma mistura escura e sutil
  • Dither desligado
  • Dois pontos próximos esticados por 4.000 px
  • Compressão JPEG forte na exportação
  • Método Clássico entre cores opostas fortes

Mantém suave

  • Imagem › Modo › 16 bits/canal enquanto você trabalha
  • Dither marcado na ferramenta ou na janela de preenchimento
  • Um ponto no meio, ou o método Perceptivo
  • PNG, ou JPEG em alta qualidade
  • 1 a 3% de ruído monocromático em uma camada cinza em Sobreposição

A camada de ruído merece uma explicação. Preencha uma nova camada com 50% de cinza, defina-a como Sobreposição para que o cinza desapareça e aplique Filtro › Ruído › Adicionar ruído com Gaussiano e Monocromático marcados. O grão fino quebra os degraus, sobrevive melhor à compressão que uma mistura limpa e faz o gradiente parecer uma superfície. Gradientes granulados mostra o visual.

Dica de Photoshop
Dither ligado. Faixas sumiram.
Adicione 2% de ruído monocromático antes de exportar
Gradiently · @gradiently

Uma mistura escura como esta é exatamente onde o banding aparece. O dither mais um grão leve a mantém suave em qualquer tela.

Gradientes em texto e formas

Para um texto que você quer manter editável, adicione uma Sobreposição de gradiente pelo menu fx. Deixe Alinhar com a camada marcado para que a mistura abranja as palavras e não o canvas inteiro, e ajuste Escala e Ângulo até a mudança de cor ficar onde você quer. A alternativa é uma camada de preenchimento de gradiente sobre o texto, recortada nele ao segurar Alt (Option no Mac) e clicar na linha entre as duas camadas. Quando as palavras ficam sobre um gradiente em vez de vesti-lo, leia texto sobre degradê para que continuem legíveis.

Quando uma imagem vira dez tamanhos

O Photoshop é excelente para uma única imagem finalizada com cuidado. Fica lento quando o mesmo fundo precisa virar um post, um story, um banner e uma miniatura, porque cada corte move a parte mais clara e cada canvas exige redesenhar o gradiente. No Gradiently o fundo é um Mark que renderiza em cada tamanho em que você cria, e sua área mais calma se move sozinha para trás das suas palavras, então um story e um banner saem de um só design. Um visual, todos os tamanhos explica como.

Crie com um gradiente vivo

Posts, stories, slides e banners em todos os tamanhos, com texto sempre legível.

Começar a criar, grátis

Perguntas frequentes

Onde fica a ferramenta Gradiente no Photoshop?

Ela divide um espaço da barra de ferramentas com o Balde de tinta. Pressione G para selecioná-la ou Shift+G para alternar entre as duas.

Por que meu gradiente do Photoshop tem listras?

É o banding, causado por poucos níveis de cor entre tons próximos. Trabalhe em 16 bits por canal, mantenha o Dither ligado e adicione um pouco de ruído monocromático antes de exportar.

Como faço um gradiente esmaecer para transparente no Photoshop?

Use a predefinição Primeiro plano para transparente ou defina o último ponto de opacidade no Editor de gradiente em 0%.

Como ponho um gradiente em um texto no Photoshop e o mantenho editável?

Adicione um estilo de camada Sobreposição de gradiente com Alinhar com a camada marcado, ou recorte uma camada de preenchimento de gradiente na camada de texto.

Qual é a diferença entre um gradiente e um mapa de gradiente no Photoshop?

Um gradiente pinta uma cor nova em uma área. Um mapa de gradiente recolore uma imagem existente pelos seus tons, do mais escuro ao mais claro.

Compartilhar este guia

Escrito pelo GradientlyConta verificada do Gradiently

A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.

Ver nosso perfil

Nesta página

Quatro formas de fazer um gradiente no PhotoshopComo usar a ferramenta GradienteAs cinco formas de gradiente no PhotoshopTrabalhando no Editor de gradienteMapas de gradiente do Photoshop para fotosComo impedir o banding em um gradiente do PhotoshopGradientes em texto e formasQuando uma imagem vira dez tamanhos

Compartilhar este guia

A seguir em Gradientes

Degradê no Illustrator: linear, radial e forma livre

Continue lendo

Todos os guias de Gradientes
Gradientes

Mapa de gradiente: recolorir qualquer imagem em segundos

5 min de leitura

Um mapa de gradiente pega qualquer imagem, foto, textura ou ilustração e a repinta nas cores que você escolher, mantendo toda a luz e a sombra. É a ferramenta de recolorir mais rápida que existe.

Gradientes

Por que o seu gradiente tem listras e como corrigir o banding

6 min de leitura

Você fez um gradiente liso e ele voltou listrado. Isso é banding, e ele tem uma causa simples e um punhado de correções confiáveis. Aqui está a aritmética e depois as curas.

Gradientes

Degradê no Illustrator: linear, radial e forma livre

6 min de leitura

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.

Encontre o visual que é só seu.

Cada Mark é um fundo vivo com um único dono. Experimente um Mark ainda disponível e reserve o seu quando sentir que é ele.

Começar a criar

Verificar um certificado

Digite o número de um certificado ou o código de um Mark para ver quem é o dono.

Funciona com ChatGPT e Claude

Peça um design à sua IA. Ela cria no seu Mark, pronto para editar.

ChatGPTClaude
Como conectar

Produto

  • Mercado
  • Explorar
  • Preços
  • Certificados

Aprender

  • Guia prático
  • Central de ajuda
  • Novidades

Desenvolvedores

  • Visão geral
  • ChatGPT e Claude
  • Referência da API
  • Chaves de API

Empresa

  • Sobre
  • Fale conosco
  • Entrar

Jurídico

  • Termos
  • Privacidade
  • Reembolsos
  • Proteção do Mark
  • Cookies
  • Todas as políticas
Passe pelas letras. Cada uma veste um Mark de verdade.Toque em uma letra para ver o Mark dela.Um nome. Dez Marks dentro dele.
© 2026 Gradiently