Guia do Usuário Cancelar

Gradientes no Photoshop

Saiba como criar diferentes tipos de gradientes usando o Photoshop

Tópicos neste artigo:

A aplicação de gradientes é um dos principais fluxos de trabalho que constitui os fundamentos da manipulação de imagens digitais. O gradiente fornece informações sobre a alteração na intensidade da cor na imagem em uma determinada direção.

Aplicação de um preenchimento de gradiente

A ferramenta Gradiente cria uma mesclagem gradual entre várias cores. Escolha entre preenchimentos gradiente predefinidos ou crie os seus.

Observação:

Você não pode usar a ferramenta Gradiente com imagens bitmap ou com cores indexadas.

  1. Para preencher parte da imagem, selecione a área desejada. Caso contrário, o preenchimento gradiente será aplicado a toda a camada ativa.
  2. Selecione a ferramenta Gradiente  . (Se a ferramenta não estiver visível, mantenha a ferramenta Lata de Tinta pressionada).

  3. No barra de opções, escolha um preenchimento da amostra de gradiente larga:
    • Selecione o triângulo ao lado da amostra para escolher um preenchimento gradiente predefinido.

    • Selecione dentro da amostra para visualizar o Editor de Gradiente. Selecione um preenchimento gradiente predefinido ou crie outro. (Consulte Criação de um gradiente suave.)

    Observação:

    A predefinição Densidade neutra fornece um filtro fotográfico útil para crepúsculos e outras cenas de alto contraste.

  4. Selecione uma opção para determinar como o ponto de partida (onde o mouse é pressionado) e o ponto final (onde o mouse é liberado) afeta a aparência do gradiente.

    Gradiente linear: cria uma sobreposição do ponto inicial até o ponto final, em linha reta 

    Gradiente radial: cria uma sobreposição do ponto inicial até o ponto final, em um padrão circular

    Gradiente angular: cria uma sobreposição no sentido anti-horário, varrendo em torno do ponto inicial

    Gradiente refletido: reflete o mesmo gradiente linear de ambos os lados do ponto de partida

    Gradiente diamante: sombreia do meio para os cantos externos de um padrão de diamante

  5. Na barra de opções, siga estes procedimentos:

    • Especifique um modo de mesclagem e uma opacidade para a pintura. (Consulte Modos de mesclagem.)
    • Para reverter a ordem das cores no preenchimento gradiente, selecione Reverter.
    • Para criar uma mesclagem mais suave, com menos bandas, selecione Pontilhamento.
    • Para usar uma máscara de transparência no preenchimento gradiente, selecione Transparência. (Consulte Especificação da transparência do gradiente.)
    • Para selecionar um método para o preenchimento de gradiente, escolha entre as opções de método: Perceptual, Linear ou Clássico. (Confira Interpolação de gradiente no Photoshop).
  6. Posicione o ponteiro na imagem em que deseja definir o ponto inicial do gradiente e arraste para definir o ponto final. Para restringir o ângulo da linha a um múltiplo de 45°, mantenha a tecla Shift pressionada enquanto arrasta.

Gradientes aprimorados

Atualizado no Photoshop 24.5 (versão de maio de 2023)

O recurso Gradiente foi significativamente aprimorado e o fluxo de trabalho foi acelerado com a introdução de novos controles na tela e uma visualização dinâmica que é criada automaticamente e pode ser editada de forma não destrutiva.

Agora você pode desenhar, visualizar e modificar belos gradientes rapidamente com uma ferramenta Gradiente aprimorada no aplicativo Photoshop para desktop. Você pode criar as interrupções de cor e editar seus gradientes na própria tela. Além disso, você pode controlar a cor, a densidade e o modo de mesclagem do gradiente, ver o ponto médio e a propagação na tela, adicionar várias interrupções de cor e alterar a cor das interrupções de cor para editar o gradiente com esse recurso.

O recurso Gradientes é o padrão (nenhuma ação é necessária, a menos que você queira o Gradiente clássico).

Quando uma camada de pixel é selecionada, você pode escolher a maneira como deseja trabalhar, de forma não destrutiva (modo Gradiente) ou destrutiva (modo Gradiente clássico). Ao trabalhar em uma camada de preenchimento de gradiente, a ferramenta alterna para o modo correto com base na camada selecionada, no preenchimento de gradiente ou na máscara. 

Para usar o recurso Gradientes, faça o seguinte:

  1. Selecione a tela e arraste o widget de gradiente na tela. Ao arrastar, você pode alterar o ângulo e o comprimento do gradiente. Ao soltar a ação de arrastar, você pode voltar e alterar o comprimento e o ângulo clicando e arrastando novamente.

  2. Altere os pontos médios entre as interrupções de cor clicando e arrastando os ícones de forma de diamante. 

    Gradientes em tempo real no Photoshop

  3. Remova as interrupções de cor no widget na tela selecionando os círculos de interrupção de cor e arrastando para longe da linha de gradiente. No widget Gradiente na tela, clique duas vezes nas interrupções de cor (área circular) para alterar a cor com o seletor de cores.

  4. Escolha uma predefinição de gradiente no menu suspenso ou no painel Propriedades.

Adicione um gradiente a uma máscara

Apresentação no Photoshop 24.5 (versão de maio de 2023)

Siga estas etapas para saber como adicionar um gradiente a uma máscara:

  1. Selecione uma área da imagem na qual deseja aplicar um gradiente e use a ferramenta Gradiente para adicionar um gradiente à máscara.

  2. Arraste o mouse sobre a seleção para aplicar o gradiente. Agora você poderá visualizar a atualização da máscara na miniatura do gradiente no painel Camadas.

  3. Altere o gradiente selecionando entre os diferentes tipos (consulte Aplicar um preenchimento gradiente) arrastando o mouse repetidamente sobre a seleção. 

Adicione um gradiente a um filtro inteligente (máscara)

Apresentação no Photoshop 24.5 (versão de maio de 2023)

Siga estas etapas para saber como adicionar um gradiente a um filtro inteligente:

  1. Adicione um filtro ao seu objeto inteligente. (Verifique Aplicar filtros inteligentes para saber como fazer isso.)

  2. Selecione a miniatura Filtros inteligentes e, em seguida, a ferramenta Gradiente para aplicar o gradiente.

  3. Arraste o mouse pela tela para aplicar o gradiente ao filtro inteligente. Observe a miniatura ser atualizada.

  4. Escolha um dos vários filtros do Photoshop e mova o widget pela tela para obter efeitos interessantes. É possível fazer outros ajustes, inclusive alterar o ponto médio.

Menu de contexto e atalhos da ferramenta Gradiente

Use os atalhos para verificar se o menu de contexto correto é exibido quando uma interrupção de cor está selecionada e quando não está selecionada. Para desmarcar todas as interrupções de cor, basta clicar em qualquer lugar na tela.

Comportamento existente macOS Windows Resultado
Quando nenhuma interrupção de cor é selecionada
Ctrl + clique do mouse (esquerda/direita) Clique com o botão direito do mouse A lista Gradientes é exibida
Quando uma interrupção de cor é selecionada Ctrl + clique esquerdo do mouse Clique com o botão direito do mouse HUD para alterar a cor
Quando uma interrupção de cor é selecionada
Option + clique com o botão esquerdo do mouse
Alt + clique com o botão esquerdo do mouse Amostra para alterar a cor

 

Seleção de gradiente no painel Gradientes

Aplicação de gradientes em camadas

Para aplicar um gradiente em camadas de texto como um efeito de camada, siga um destes procedimentos:

  • Selecione uma ou mais camadas de texto no painel Camadas e clique em qualquer gradiente no painel Gradientes para aplicá-lo.
  • Arraste um gradiente do painel Gradientes até o conteúdo do texto na área da tela.
  • Arraste um gradiente do painel Gradientes até a camada no painel Camadas.  

Para aplicar um gradiente em uma camada de forma como preenchimento de forma, siga um destes procedimentos:

  • Selecione uma ou mais camadas de texto no painel Camadas e clique em qualquer gradiente no painel Gradientes para aplicá-lo.
  • Arraste um gradiente do painel Gradientes até o conteúdo do texto na área da tela.
  • Arraste um gradiente do painel Gradientes até a camada no painel Camadas. 

Para aplicar um gradiente em camadas de texto ou camada de forma como uma camada de preenchimento, siga um destes procedimentos:

  • Pressione Command (Mac)/Alt (Win) e arraste um gradiente do painel Gradientes para o conteúdo de texto na área da tela.
  • Pressione Command (Mac)/Alt (Win) e arraste um gradiente do painel Gradientes até uma camada no painel Camadas.  

Para aplicar um gradiente em camadas de pixel, faça o seguinte:

  1. Arraste um gradiente do painel Gradientes até a camada de pixel no painel Camadas.
  2. O Photoshop cria automaticamente uma camada de preenchimento na parte superior da camada de pixels.

Como organizar predefinições de gradiente em grupos

Para organizar gradientes em um novo grupo:

  1. No painel Gradientes (Janela > Gradientes), clique no ícone Criar novo grupo. 
  2. Especifique um nome para o grupo e clique em OK. 
  3. Arraste um gradiente ou use a tecla Shift para selecionar vários gradientes e arrastá-los para dentro do Grupo.

Para criar grupos aninhados:

  1. Selecione um grupo no painel Gradientes.
  2. Agora, arraste e solte esse grupo em outro grupo.

Mostrar gradientes legados

No menu do painel Gradientes, escolha Gradientes legados.

Voltar para as predefinições de gradiente padrão

Escolha Acrescentar gradientes padrão do painel Gradientes para anexar os gradientes usados como padrão à lista de predefinições de gradientes.

acrescentar gradientes padrão

Alterar a exibição de gradientes predefinidos

Escolha uma opção de exibição no menu do painel Gradientes:

Somente texto: exibe os gradientes em uma lista

Miniatura pequena ou grande: exibe os gradientes como miniaturas

Lista pequena ou grande: exibe os gradientes como uma lista com miniaturas

Como renomear um gradiente predefinido

  • Se o painel estiver definido para exibir os gradientes como miniaturas, clique duas vezes no gradiente, digite um novo nome e clique em OK.
  • Se o painel estiver definido para exibir os gradientes em uma lista ou somente como texto, clique duas vezes no gradiente, digite o novo nome em linha e pressione Enter (Windows) ou Return (Mac OS).

Visão geral do Editor de gradiente

Para exibir a caixa de diálogo Editor de gradiente, clique na amostra de gradiente atual na barra de opções. (Quando você passa o ponteiro sobre a amostra de gradiente, aparece uma dica de ferramenta com o texto "Clique para editar o gradiente".)

A caixa de diálogo Editor de gradiente permite definir um novo gradiente alterando uma cópia de um gradiente existente. Também é possível adicionar cores intermediárias a um gradiente, criando uma mesclagem entre mais de duas cores.

Caixa de diálogo Editor de gradiente do Photoshop
Caixa de diálogo Editor de gradiente

A. Menu do painel B. Interrupção de opacidade C. Interrupções de cor D. Ajuste os valores ou exclua a interrupção de opacidade ou de cor selecionada E. Ponto Médio 

Como salvar um conjunto de gradientes predefinidos como biblioteca

  1. Na caixa de diálogo Editor de gradiente, clique em Salvar ou escolha Salvar gradientes no menu Seletor de gradiente da barra de opções.
  2. Escolha um local para a biblioteca de gradientes, digite um nome de arquivo e clique em Salvar.

    A biblioteca pode ser salva em qualquer lugar. No entanto, se você colocar o arquivo da biblioteca na pasta Predefinições/Gradiente, dentro do local de predefinições padrão, o nome da biblioteca será exibido na parte inferior do menu do painel depois que o Photoshop for reiniciado.

Carregamento de uma biblioteca de gradientes predefinidos

Siga um destes procedimentos na caixa de diálogo Editor de gradiente:
  • Clique em Carregar para adicionar uma biblioteca à lista atual. Selecione o arquivo da biblioteca que deseja usar e clique em Carregar.

  • Escolha Substituir gradientes no menu do painel para substituir a lista atual por uma biblioteca diferente. Selecione o arquivo da biblioteca que deseja usar e clique em Carregar.

  • Escolha um arquivo de biblioteca na parte inferior do menu do painel. Clique em OK para substituir a lista atual ou clique em Anexar para adicioná-la.

Observação:

também é possível escolher Carregar gradientes, Substituir gradientes ou escolher uma biblioteca de gradientes no menu seletor Gradiente da barra de opções.

Criar um gradiente suave

  1. Selecione a ferramenta Gradiente  .

  2. Clique dentro da amostra de gradientes na barra de opções para exibir a caixa de diálogo Editor de gradiente.
  3. Para que o novo gradiente tenha como base um gradiente existente, selecione um na seção Predefinições da caixa de diálogo.
  4. Escolha Sólido no menu pop-up Tipo de gradiente.
  5. Para definir a cor inicial do gradiente, clique na interrupção de cor à esquerda  na barra de gradientes. O triângulo acima da interrupção fica preto , indicando que a cor inicial está sendo editada.
  6. Para escolher uma cor, siga um destes procedimentos:
    • Clique duas vezes na interrupção de cor ou clique na amostra de cor, na seção Interrupções da caixa de diálogo. Escolha uma cor e clique em OK.

    • Escolha uma opção no menu pop-up Cor, na seção Interrupções da caixa de diálogo.

    • Posicione o ponteiro sobre a barra de gradientes (o ponteiro se transforma no conta-gotas) e clique para obter a amostra de uma cor ou clique em qualquer local na imagem para obter a amostra de uma cor da imagem.

  7. Para definir a cor final, clique na interrupção de cor à direita, na barra de gradientes. Em seguida, escolha uma cor.
  8. Para ajustar a localização do ponto inicial ou final, siga um destes procedimentos:
    • Arraste a interrupção de cor correspondente para a esquerda ou para a direita até o local desejado.

    • Clique na interrupção de cor correspondente e digite um valor para a Localização, na seção Interrupções da caixa de diálogo. O valor de 0% coloca o ponto na extremidade esquerda da barra de gradientes, enquanto o valor de 100% coloca o ponto na extremidade direita.

  9. Para ajustar a localização do ponto médio (onde o gradiente exibe uma mistura uniforme das cores inicial e final), arraste o losango  abaixo da barra de gradientes para a esquerda ou direita ou clique no losango e digite um valor em Localização.
  10. Para adicionar cores intermediárias a um gradiente, clique abaixo da barra de gradientes para definir outra interrupção de cor. Especifique a cor e ajuste a localização e o ponto médio do ponto intermediário, como faria com os pontos inicial ou final.
  11. Para excluir a interrupção da cor que está sendo editada, clique em Excluir ou arraste a interrupção para baixo até que desapareça.
  12. Para controlar as transições entre as faixas de cores do gradiente, digite um valor na caixa de texto Suavidade ou arraste o controle deslizante pop-up Suavidade.
    A suavidade descreve como escolhemos a cor em uma determinada faixa conforme passamos do limite de cor ao ponto médio para o limite de cor em todo o gradiente. Com um gradiente simples com 2 paradas e um ponto médio padrão, teoricamente, a suavidade não tem efeito. Os valores de parada já estão em uma linha. O valor de suavidade 0 vai em linhas retas conectando paradas e pontos médios, enquanto um valor de 100% faz uma curva flexível.

  13. Se desejar, defina valores de transparência para o gradiente.
  14. Digite um nome para o novo gradiente.
  15. Para salvar o gradiente como predefinição, clique em Novo depois de criá-lo.
    Observação:

    As novas predefinições são salvas em um arquivo Preferências. Se esse arquivo for excluído ou danificado ou se você redefinir as predefinições da biblioteca padrão, as novas predefinições serão perdidas. Para salvar permanentemente as novas predefinições, salve-as em uma biblioteca.

Especificação da transparência do gradiente

Cada preenchimento de gradiente contém configurações que controlam a opacidade do preenchimento em locais diferentes no gradiente. Por exemplo, é possível definir uma opacidade de 100% para a cor inicial e mesclar gradualmente o preenchimento com a cor final, com uma opacidade de 50%. O padrão quadriculado indica a proporção de transparência na visualização do gradiente.

  1. Crie um gradiente.
  2. Para ajustar a opacidade inicial, clique na interrupção de opacidade à esquerda, acima da barra de gradientes. O triângulo abaixo da interrupção fica preto, indicando que a transparência inicial está sendo editada.
  3. Na seção Interrupções da caixa de diálogo, digite um valor na caixa de texto Opacidade ou arraste o controle deslizante pop-up de Opacidade.
  4. Para ajustar a opacidade do ponto final, clique na interrupção de transparência à direita, acima da barra de gradiente. Em seguida, defina a opacidade na seção Interrupções.
  5. Para ajustar a localização da opacidade inicial ou final, siga um destes procedimentos:
    • Arraste a interrupção de opacidade correspondente para a esquerda ou direita.

    • Selecione a interrupção de opacidade correspondente e digite um valor em Localização.

  6. Para ajustar a localização da opacidade do ponto médio (o ponto central entre as opacidades inicial e final), siga um destes procedimentos:
    • Arraste o losango acima da barra de gradientes para a esquerda ou direita.

    • Selecione o losango e digite um valor para a Localização.

  7. Para excluir a interrupção de opacidade que está sendo editada, clique em Excluir.
  8. Para adicionar uma opacidade intermediária à máscara, clique acima da barra de gradientes, a fim de definir uma nova interrupção de opacidade. Em seguida, ajuste e mova essa opacidade como faria com uma opacidade inicial ou final. Para remover uma opacidade intermediária, arraste a interrupção de transparência para cima e para fora da barra de gradientes.
  9. Para criar um gradiente predefinido, digite um nome na caixa de texto Nome e clique em Novo. Isso cria uma predefinição de gradiente com a configuração de transparência especificada.

Criação de um gradiente com ruído

Um gradiente com ruído é um gradiente que contém cores distribuídas de maneira aleatória dentro da faixa de cores especificado.

Gradiente com ruído com valores de aspereza diferentes do Photoshop
Gradiente com ruído com valores de aspereza diferentes

A. 10% de aspereza B. 50% de aspereza C. 90% de aspereza 

  1. Selecione a ferramenta Gradiente  .

  2. Clique na amostra de gradientes na barra de opções para exibir a caixa de diálogo Editor de gradiente.
  3. Para que o novo gradiente tenha como base um gradiente existente, selecione um na seção Predefinições da caixa de diálogo.
  4. Escolha Ruído no menu suspenso Tipo de gradiente, e defina as seguintes opções:

    Aspereza: controla o grau das transições que estão entre bandas de cores no gradiente

    Modelo de cor: altera os componentes de cores que você pode ajustar. Para cada componente, arraste os seletores para definir a faixa de valores aceitáveis. Por exemplo, se for escolhido o modelo HSB, será possível restringir o gradiente a matizes de verde-azulado a uma saturação alta e a um brilho médio

    Restringir cores: evita cores supersaturadas

    Adicionar transparência: adiciona transparência a cores aleatórias

    Randomizar: cria de forma aleatória um gradiente que esteja em conformidade com as configurações. Clique no botão até localizar uma configuração de que goste

  5. Para criar um gradiente predefinido com as configurações especificadas, insira um nome na caixa de texto Nome e clique em Novo.

Como usar predefinições de gradiente

Saiba tudo sobre a aplicação dos novos e aprimorados painéis Predefinições do Photoshop. Julieanne Kost explora tudo, de amostras a padrões, passando por gradientes, estilos e formas.

Julieanne Kost

Mais itens semelhantes


Receba ajuda com mais rapidez e facilidade

Novo usuário?