Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos

Precisa esmaecer uma imagem em uma cor de fundo para adicionar espaço para texto ou outros elementos de design? Neste tutorial, veremos a maneira mais nova e fácil de esmaecer uma imagem para uma cor de fundo no Photoshop, que é usando Gradientes Dinâmicos.

Os gradientes ativos incluem tudo sobre o efeito de gradiente (cor, ângulo, etc.) que pode ser alterado depois que o efeito de gradiente for criado. E quando combinamos esse efeito com o efeito de gradiente de primeiro plano para transparente do Photoshop, temos uma maneira rápida e fácil de esmaecer uma imagem para qualquer cor que precisarmos. Vamos ver como esse efeito funciona!

Etapa 1: Crie um novo documento do Photoshop

Vamos começar criando um novo documento. Se você estiver na tela principal, clique no botão Novo arquivo .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Clique no botão Novo arquivo na tela principal.

Ou na interface principal do Photoshop, vá até o menu Arquivo e selecione Novo .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione o comando Novo no menu Arquivo.

Na caixa de diálogo Novo documento, insira as configurações para o seu documento.

Este guia definirá:

  • A largura é de 3000 pixels
  • Altura é 1600 pixels
  • A resolução é de 300 pixels/polegada
  • O fundo é branco
Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Instalar novo documento.

Em seguida, clique no botão Criar .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Crie um novo documento do Photoshop

O novo documento aparecerá.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Novo documento do Photoshop.

Se necessário, amplie o documento acessando o menu Exibir e selecionando Ajustar à tela .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione Ajustar à visualização da tela no Photoshop.

Etapa 2: Coloque a imagem no documento

Adicione uma imagem ao seu documento acessando o menu Arquivo e selecionando Inserir incorporado .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione o comando Inserir Incorporado no Photoshop

Navegue até onde a imagem está armazenada no seu computador, clique na imagem para selecioná-la e clique em Inserir .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione uma imagem para colocar no documento.

O Photoshop coloca a imagem na tela. Ele também adiciona controles de Transformação Livre ao redor da imagem para que você possa redimensioná-la, se necessário, e movê-la para a posição correta.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos

Etapa 3: reposicione a imagem na tela

Mova a imagem para a esquerda ou direita da tela para abrir espaço para a cor. Mantenha pressionada a tecla Shift no teclado enquanto arrasta para facilitar a movimentação horizontal da imagem.

Por exemplo, você quer que o objeto apareça no lado direito da tela e perca a cor no lado esquerdo. Então a imagem será arrastada para a direita.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Arraste a imagem para um lado da tela

Em seguida, clique na marca de seleção na Barra de opções para aceitar e fechar a Transformação livre.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Clique na marca de seleção.

No painel Camadas, a imagem aparece em sua própria camada acima da camada Fundo.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
O painel Camadas mostra a nova camada de imagem.

Etapa 4: Selecione a ferramenta Gradiente

Para esmaecer a imagem para qualquer cor, selecione a Ferramenta Gradiente na barra de ferramentas.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione a ferramenta Gradiente no Photoshop

Em seguida, na Barra de Opções, certifique-se de que o Modo de Ferramenta esteja definido como Gradiente , o que nos permitirá desenhar um gradiente ao vivo. Se definido como Gradiente Clássico , você desenhará o estilo de gradiente antigo, sem nenhum recurso de gradiente ativo.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Defina o modo da ferramenta Gradiente como Gradiente.

Etapa 5: Selecione o gradiente de primeiro plano para transparente

Ainda na Barra de opções, clique na amostra de gradiente.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Clique na amostra de gradiente

Em seguida, abra a pasta Básico e selecione o gradiente Primeiro plano para Transparente . Pressione Enter ou Return no seu Mac para aceitar.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione o gradiente de primeiro plano para transparente no Photoshop

Certifique-se de que o Estilo de gradiente esteja definido como Linear, pois queremos desenhar o gradiente em uma linha reta. Certifique-se também de que a opção Reversa esteja desativada, o Dither ativado para ajudar a reduzir qualquer faixa de cor e o Método definido como Perceptual.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Outras configurações da ferramenta Gradiente.

Etapa 6: Escolha uma cor para desfocar a imagem

Selecione uma cor para o gradiente clicando na amostra de cor de primeiro plano na barra de ferramentas.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Clique na amostra de cor do primeiro plano.

Essa será a cor para a qual a imagem desbotará. Como estamos desenhando um gradiente ao vivo, você sempre pode voltar e alterar as cores mais tarde.

O exemplo selecionará branco por enquanto (defina todos os valores R, G e B como 255). Em seguida, clique em OK para fechar o Seletor de cores.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Escolha uma cor de esmaecimento no Seletor de Cores do Photoshop.

Etapa 7: Desenhe um gradiente na imagem

Clique e segure a imagem para definir o ponto inicial do gradiente. O exemplo começará próximo à borda esquerda da imagem.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Clique e segure no ponto inicial do gradiente.

Então mantenha o botão do mouse pressionado e comece a arrastar para longe desse ponto. Mantenha pressionada a tecla Shift no teclado enquanto arrasta para facilitar o arrasto reto.

Uma vantagem dos gradientes ao vivo sobre os gradientes clássicos é que podemos visualizar o gradiente enquanto desenhamos.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Arraste o gradiente pela imagem.

Não se preocupe em acertar o gradiente agora. Basta desenhar o gradiente inicial e soltar o botão do mouse.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
A cor inicial desbota após a conclusão do gradiente.

No painel Camadas, o gradiente é adicionado à sua própria camada Preenchimento de Gradiente acima da imagem, mantendo o gradiente e a imagem separados.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
O gradiente ativo é adicionado como camada de preenchimento de gradiente.

Etapa 8: ajuste os pontos inicial e final do efeito de fade

Observe os controles na tela que agora podemos usar para editar o gradiente.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Controles de gradiente ao vivo na tela no Photoshop

Você pode clicar e arrastar os limites de cor em cada extremidade do gradiente para ajustar onde a alteração começa e termina. Mantenha pressionada a tecla Shift enquanto arrasta para mover a parada de cor em uma linha reta.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Ajuste os pontos inicial e final do gradiente usando interrupções de cor.

Você pode até clicar e arrastar a linha que conecta as paradas de cor para reposicionar o gradiente na tela.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Arraste para reposicionar o gradiente.

Acima dessa linha, você verá um ícone de diamante. Normalmente, este ícone controla o ponto médio entre as cores de cada lado. Mas como estamos trabalhando com um gradiente de primeiro plano para transparente, arrastar o ícone não terá nenhum efeito.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Controle deslizante de ponto médio de cor.

Etapa 9: ajuste o ponto médio do fade

Mas você pode ajustar o ponto médio entre cor e transparência acessando o painel Propriedades e rolando para baixo até encontrar Controles de opacidade .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Controles de opacidade no painel Propriedades.

Em seguida, arraste o ícone de diamante abaixo da barra de visualização para mover o ponto médio para mais perto da cor ou transparência.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Controle deslizante do ponto médio de transparência.

Para redefinir o centro, defina a Localização como 50 .

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Redefina a posição do ponto médio.

Etapa 10: ajuste o fade

Observe que a transição no gradiente entre cor e transparência não parece suave. A maior parte da cor se concentra no lado esquerdo e depois desbota muito rapidamente em direção ao lado direito.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
A transição da cor para a transparência não é tão gradual quanto desejado.

Às vezes, alternar o gradiente para um método diferente na Barra de Opções pode tornar as coisas mais suaves.

O método padrão é Perceptual . Ele desenha as cores da maneira como nossos olhos as veem naturalmente, o que geralmente é o que você deseja ao trabalhar com gradientes. Mas Perceptual nem sempre é a melhor escolha para esse efeito.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
O método está definido como Perceptual.

Existe outro método chamado Clássico , que desenha gradientes da mesma forma que o Photoshop costumava desenhá-los.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Alterar método para Clássico.

E observe que a transição agora parece mais suave e gradual. Você pode escolher o método que melhor se adapta à sua imagem, mas no caso de exemplo, o Clássico fica melhor.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Resultados com o método gradiente definido como Clássico.

Etapa 11: Escolha outra cor para desfocar (opcional)

Para alterar a cor para a qual a imagem está desbotando, clique duas vezes no limite de cor da imagem. Certifique-se de escolher uma parada para a cor, não para a transparência.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Clique duas vezes na parada de cor.

Depois, há uma maneira de escolher outra cor no Seletor de Cores.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione uma nova cor fosca no Seletor de cores.

Ou enquanto o Seletor de Cores ainda estiver aberto, você pode obter amostras de cores diretamente da imagem.

Mas antes de coletar a amostra da cor, vá até a opção Tamanho da amostra na Barra de opções e altere de Amostra de ponto para um tamanho maior, como 5 x 5 ou 11 x 11. Dessa forma, você coletará a amostra da cor média da área em que clicar, em vez da cor de um pixel específico. Por exemplo, escolheremos 5 x 5.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Escolha um tamanho de amostra maior.

Em seguida, clique na cor na imagem para experimentá-la. O exemplo selecionará um tom de cinza no canto superior direito. Clique em OK para fechar o Seletor de cores quando terminar.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione uma nova cor de desfoque na imagem.

Etapa 12: faça os ajustes finais no efeito de fade

Neste ponto, você ainda pode fazer ajustes finais nos pontos inicial e final do efeito de gradiente arrastando os limites de cor.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Faça os ajustes finais na área de gradiente.

Para ocultar os controles da tela quando terminar, basta selecionar qualquer camada diferente da camada Preenchimento de gradiente no painel Camadas.

Você pode trazer os controles da tela de volta selecionando novamente a camada Preenchimento de Gradiente, mas também precisa ativar a Ferramenta Gradiente na barra de ferramentas.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Selecione outra camada para ocultar os controles na tela.

Aqui está o resultado final da imagem desfocada na cor de fundo, pronta para adicionar texto ou outros elementos de design à esquerda.

Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
Resultado final.
Sign up and earn $1000 a day ⋙

Leave a Comment

6 ferramentas de edição de fotos com IA melhores que o Photoshop

6 ferramentas de edição de fotos com IA melhores que o Photoshop

Existem muitos editores de fotos com IA que fazem do Photoshop uma segunda opção, e os recursos de IA são ferramentas úteis para editar fotos sem precisar aprender o complexo Photoshop.

3 recursos favoritos do Photoshop 2025

3 recursos favoritos do Photoshop 2025

O Photoshop 2025 traz novas ferramentas de IA, seleções mais inteligentes e recursos que você nem sabia que precisava até agora.

Como criar um efeito de cor monocromática no Photoshop

Como criar um efeito de cor monocromática no Photoshop

Este tutorial mostrará uma maneira rápida e fácil de adicionar um efeito de cor monocromática a uma imagem usando o Adobe Photoshop.

Como criar uma borda de sombra no Photoshop

Como criar uma borda de sombra no Photoshop

Este tutorial mostrará como adicionar espaço na tela e sombra projetada à sua foto no Photoshop para criar uma borda de foto simples, mas elegante.

Por que o Desfoque de lente é uma ferramenta do Photoshop usada para edição artística de fotos?

Por que o Desfoque de lente é uma ferramenta do Photoshop usada para edição artística de fotos?

A ferramenta Desfoque de lente da Adobe facilita a revisão de suas fotos, adicionando profundidade e foco a elas.

Não IA, Ações é o recurso do Photoshop que os usuários adoram

Não IA, Ações é o recurso do Photoshop que os usuários adoram

Escondido no aplicativo, o Photoshop Actions é um recurso adorado da popular ferramenta de edição de fotos, criado para acelerar fluxos de trabalho sem a necessidade de IA.

Por que usar o Lightroom e o Photoshop é um exagero para a maioria dos fotógrafos?

Por que usar o Lightroom e o Photoshop é um exagero para a maioria dos fotógrafos?

O Lightroom e o Adobe Photoshop são duas das melhores ferramentas de edição de fotos, mas embora muitos profissionais usem os dois juntos, você só precisa do Lightroom se for um fotógrafo amador.

Como criar o efeito Picture in Picture no Photoshop

Como criar o efeito Picture in Picture no Photoshop

Este tutorial mostrará como criar um efeito Picture in Picture com o Adobe Photoshop tirando uma única foto e criando a ilusão de que há uma versão menor e cortada da mesma foto dentro dela.

5 razões pelas quais o espaço de trabalho generativo do Photoshop é o melhor recurso da Adobe

5 razões pelas quais o espaço de trabalho generativo do Photoshop é o melhor recurso da Adobe

O Generative Workspace é um dos principais recursos de IA anunciados no Adobe Max 2024. Ele será o novo lar para suas imagens e arquivos de IA Generativa.

Como criar um efeito de reflexo na água usando preenchimento generativo no Photoshop

Como criar um efeito de reflexo na água usando preenchimento generativo no Photoshop

Com o Preenchimento Generativo, desenvolvido pela IA Generativa da Adobe chamada Firefly, qualquer pessoa pode adicionar efeitos realistas de reflexo de água às suas fotos simplesmente desenhando uma seleção, digitando algumas palavras e clicando em um botão.

Como colar uma imagem em uma seleção no Photoshop

Como colar uma imagem em uma seleção no Photoshop

Este tutorial mostrará como copiar uma imagem e colá-la em uma seleção de outra imagem usando o comando Colar em no Adobe Photoshop.

Como converter fotos em preto e branco de alto contraste instantaneamente no Photoshop

Como converter fotos em preto e branco de alto contraste instantaneamente no Photoshop

Este tutorial mostrará como converter instantaneamente uma foto em preto e branco de alto contraste no Photoshop usando o Mapa de Gradiente.

Razões para usar o recurso Navegador de fontes no Photoshop

Razões para usar o recurso Navegador de fontes no Photoshop

A hesitação em relação à fonte é real. A ajuda está a apenas alguns cliques de distância, pois a Adobe tem um recurso de economia de tempo incorporado ao Photoshop. É o Navegador de Fontes!

Por que o Photoshop é mais valioso que o Canva Pro para criadores?

Por que o Photoshop é mais valioso que o Canva Pro para criadores?

A simplicidade do Canva faz dele uma ferramenta favorita de muitos. O Photoshop, por outro lado, não é para os fracos: ele tem muitos recursos e leva muito tempo para aprender.

Como usar o Gemini AI como assistente virtual no Android em vez do Google Assistente

Como usar o Gemini AI como assistente virtual no Android em vez do Google Assistente

Usuários do Android agora podem usar o Gemini em vez do Google Assistente para usar recursos mais avançados do assistente virtual Gemini.

Como conversar com o Google Gemini usando imagens

Como conversar com o Google Gemini usando imagens

O Gemini agora permite que você converse com imagens e pesquise informações em imagens no Gemini. O Gemini analisará a imagem que você enviar e, a partir daí, fornecerá as informações que você deseja encontrar.

Como editar imagens no Copilot AI

Como editar imagens no Copilot AI

Agora, os usuários podem editar essas imagens diretamente no Copilot, sem precisar usar software adicional de edição de imagens.

Instruções para remover formatação de tabela no Excel

Instruções para remover formatação de tabela no Excel

Ao baixar um arquivo Excel da internet, o formato da tabela pode não corresponder aos seus requisitos de criação de tabela de dados. Se for o caso, você pode remover a formatação da tabela no Excel.

5 maneiras de corrigir o erro de não pareamento do Apple Watch

5 maneiras de corrigir o erro de não pareamento do Apple Watch

Embora o Apple Watch seja uma ótima maneira de monitorar sua atividade física diária, enviar mensagens e muito mais, o que acontece se o seu Apple Watch não emparelhar?

As 6 empresas mais antigas do mundo ainda em operação, a número 1 está em operação há 1.400 anos

As 6 empresas mais antigas do mundo ainda em operação, a número 1 está em operação há 1.400 anos

Qual é a empresa mais antiga do mundo? Em que ano foi fundada a empresa mais antiga do mundo? Vamos descobrir juntos!

Como revisar notificações excluídas no Samsung

Como revisar notificações excluídas no Samsung

Na nova versão One UI 3.0 da Samsung, os usuários podem usar muitos outros recursos interessantes e atraentes, como revisar notificações excluídas na barra de status da Samsung.

Desejos para o Dia Internacional do Homem, desejos para o dia 19 de novembro para namorado, amante, marido doce e romântico

Desejos para o Dia Internacional do Homem, desejos para o dia 19 de novembro para namorado, amante, marido doce e romântico

Quais são os melhores e mais curtos desejos de 19 de novembro para seu amor? Se você está sem ideias, este artigo vai sugerir desejos significativos para 19 de novembro.

Como usar um suéter com estilo e conforto

Como usar um suéter com estilo e conforto

Os suéteres básicos são uma parte indispensável de todos os nossos guarda-roupas de outono e inverno. Veja como misturar e combinar suéteres de uma forma simples, mas elegante.

A maneira mais fácil de transformar inimigos em amigos

A maneira mais fácil de transformar inimigos em amigos

Ter inimigos é sempre uma situação desagradável. Felizmente, você pode transformar seus inimigos em amigos. Aqui estão algumas maneiras simples de consertar um relacionamento que estão disponíveis para todos.

Quantas pessoas podem usar uma conta Netflix ao mesmo tempo?

Quantas pessoas podem usar uma conta Netflix ao mesmo tempo?

Como a Netflix é facilmente acessível em todos os dispositivos, incluindo celulares, tablets, consoles de jogos e dispositivos de streaming, você deve estar se perguntando quantas pessoas podem assistir à Netflix ao mesmo tempo na mesma conta.

Maneiras de centralizar células em uma tabela no Word

Maneiras de centralizar células em uma tabela no Word

Centralizar células no Word ao trabalhar com tabelas é uma operação que precisa ser realizada para reformatar o texto em cada célula de acordo com as normas, bem como criar uma tabela do Word com um layout mais bonito e fácil de visualizar.

A Samsung faz parceria com a OpenAI para desenvolver a AI TV, prometendo muitos recursos interessantes

A Samsung faz parceria com a OpenAI para desenvolver a AI TV, prometendo muitos recursos interessantes

A Samsung Electronics está supostamente colaborando com a OpenAI em um ambicioso projeto conjunto para desenvolver TVs com IA que incorporem tecnologias de inteligência artificial líderes do setor.

Atualização do Minecraft 1.21 tem data de lançamento oficial

Atualização do Minecraft 1.21 tem data de lançamento oficial

Depois de muitos snapshots, adições e alterações, a atualização está completa e pronta para lançamento. A data oficial de lançamento do Minecraft 1.21 acaba de ser revelada!

Delicie-se com a performance do robô chinês dançando habilmente

Delicie-se com a performance do robô chinês dançando habilmente

Em uma impressionante demonstração de criatividade, 16 robôs humanoides da Unitree, empresa líder em robótica da China, ganharam destaque na Gala do Festival da Primavera anual da CCTV.