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 .

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

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

Em seguida, clique no botão Criar .

O novo documento aparecerá.

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

Etapa 2: Coloque a imagem no documento

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

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

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.

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.

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

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

Etapa 4: Selecione a ferramenta Gradiente

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

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.

Etapa 5: Selecione o gradiente de primeiro plano para transparente

Ainda na Barra de opções, 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.

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.

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.

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.

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.

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.

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

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

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.

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.

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

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.

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 .

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.

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

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.

À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.

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

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.

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.

Depois, há uma maneira de escolher outra cor 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.

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.

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.

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.

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