Home
» Wiki
»
Como desfocar uma imagem para uma cor de fundo no Photoshop rapidamente com Gradientes Dinâmicos
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 .
Clique no botão Novo arquivo na tela principal.
Ou na interface principal do Photoshop, vá até o menu Arquivo e selecione Novo .
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
Instalar novo documento.
Em seguida, clique no botão Criar .
Crie um novo documento do Photoshop
O novo documento aparecerá.
Novo documento do Photoshop.
Se necessário, amplie o documento acessando o menu Exibir e selecionando Ajustar à tela .
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 .
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 .
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.
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.
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.
Clique na marca de seleção.
No painel Camadas, a imagem aparece em sua própria camada acima da camada Fundo.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 .
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.
Controle deslizante do ponto médio de transparência.
Para redefinir o centro, defina a Localização como 50 .
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.
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.
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.
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.
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.
Clique duas vezes na parada de cor.
Depois, há uma maneira de escolher outra cor no Seletor de Cores.
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.
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.
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.
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.
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.