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
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.
Onde encontrar
Melhor para
Onde encontrar
Melhor para
Onde encontrar
Melhor para
Onde encontrar
Melhor para
Como usar a ferramenta Gradiente
- 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
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
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
Escolha uma forma
Linear, Radial, Angular, Refletido ou Diamante. A próxima seção mostra o que cada uma faz.
- 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
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.
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.
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.
linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)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.
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.
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.
Escrito pelo 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