Como criar uma borda desfocada no Photoshop

Vinheta é um efeito clássico e atemporal que escurece as bordas de uma foto para focar e chamar a atenção para o assunto. Vinhetas também podem dar a uma foto um aspecto vintage ou nostálgico, ou adicionar uma sensação de mistério ou drama.

E com o Live Gradients no Photoshop 2023, criar efeitos de vinheta nunca foi tão fácil. O termo Gradiente Dinâmico significa que todas as propriedades do gradiente, incluindo cor, tamanho e posição, permanecem editáveis ​​após o gradiente ser desenhado.

Ao combinar a flexibilidade dos Gradientes Dinâmicos com o gradiente clássico de Primeiro Plano para Transparente do Photoshop, podemos adicionar um efeito de vinheta com controle total sobre a aparência desse efeito.

Etapa 1: reduza a imagem

Primeiro, diminua o zoom para adicionar algum espaço ao redor da imagem. Precisaremos de espaço ao desenhar o gradiente.

Para diminuir o zoom, vá ao menu Exibir na barra de menus e selecione o comando Diminuir o zoom .

Como criar uma borda desfocada no Photoshop
Vá em Exibir > Diminuir o zoom.

Você verá algumas áreas de papelão cinza ao redor da foto.

Como criar uma borda desfocada no Photoshop
Resultado após encolhimento no Photoshop

Etapa 2: Selecione a ferramenta Gradiente

Em seguida, selecione a Ferramenta Gradiente na barra de ferramentas.

Como criar uma borda desfocada no Photoshop
Selecione a ferramenta Gradiente na barra de ferramentas do Photoshop.

Etapa 3: defina a cor do primeiro plano como preto

Ainda na barra de ferramentas, certifique-se de que a cor do primeiro plano esteja definida como preto.

Caso contrário, pressione D no seu teclado para redefinir as cores de primeiro plano e de fundo para o padrão (preto para primeiro plano e branco para fundo).

Como criar uma borda desfocada no Photoshop
Amostra de cor de primeiro plano na barra de ferramentas do Photoshop.

Etapa 4: defina o modo de ferramenta como gradiente

Em seguida, na Barra de Opções, certifique-se de que o Modo de Ferramenta (novo no Photoshop 2023) esteja definido como Gradiente, que é o padrão.

Gradiente é a configuração necessária para desenhar um gradiente ao vivo. A outra opção, Gradiente clássico, força a Ferramenta Gradiente a se comportar como nas versões anteriores do Photoshop, o que não funcionará para nosso efeito de vinheta.

Como criar uma borda desfocada no Photoshop
O Modo de ferramenta precisa ser definido como Gradiente.

Etapa 5: Selecione o gradiente de primeiro plano para transparente

Para criar o efeito de vinheta, precisamos do gradiente Primeiro Plano para Transparente do Photoshop.

Então clique na amostra de gradiente para abrir o seletor de predefinições de gradiente.

Como criar uma borda desfocada no Photoshop
Clique na amostra de gradiente para abrir o seletor de predefinições de gradiente no Photoshop

Gire para abrir a pasta Básico e selecione o gradiente Primeiro Plano para Transparente (miniatura no meio).

Em seguida, pressione Enter em um PC com Windows ou Return em um Mac para fechar o seletor de predefinições.

Como criar uma borda desfocada no Photoshop
Selecione o gradiente de primeiro plano para transparente no Photoshop

Etapa 6: defina o estilo de gradiente como linear

Ao lado da barra de visualização de gradiente estão os ícones de Estilo de Gradiente.

Para este efeito de vinheta, escolha o estilo Radial (segundo ícone da esquerda), que desenhará o gradiente para fora do centro.

Como criar uma borda desfocada no Photoshop
Defina o tipo de gradiente como Radial no Photoshop.

Etapa 7: ative a opção Reverter

Também na Barra de Opções, ative a opção Inverter clicando em sua caixa de seleção.

Se você pular esta etapa, o efeito vinheta não funcionará.

Como criar uma borda desfocada no Photoshop
Inverta a direção do gradiente.

Deixe o Dither ativado e o Método definido como Perceptual. Ambas são configurações padrão. E agora estamos prontos para desenhar o gradiente.

Como criar uma borda desfocada no Photoshop
Opções padrão de Pontilhamento e Método para a Ferramenta Gradiente no Photoshop.

Etapa 8: desenhe um gradiente radial para adicionar o efeito de vinheta inicial

Clique e segure na imagem onde você deseja que o centro do efeito de vinheta apareça. Não se preocupe em acertar o posicionamento porque com gradientes ao vivo podemos reposicionar o gradiente depois de desenhar.

Em seguida, mantendo o botão do mouse pressionado, arraste para longe dessa posição para estender o gradiente para fora.

O centro do gradiente é transparente, permitindo que a imagem abaixo apareça enquanto o gradiente desbota para preto na borda externa.

Como criar uma borda desfocada no Photoshop
Comece a desenhar um gradiente de primeiro plano para transparente em toda a imagem.

Se você vir preto no meio e transparência nas bordas, é porque você esqueceu de habilitar a opção Inverter na etapa anterior. Então, habilite esta opção.

Como criar uma borda desfocada no Photoshop
O gradiente aparece na direção errada se a opção Inverter não estiver selecionada.

Em seguida, continue desenhando o gradiente para fora. Normalmente, você deseja estender o gradiente além das bordas da imagem para que os cantos não pareçam muito escuros (é por isso que a imagem foi reduzida na etapa 1).

Como criar uma borda desfocada no Photoshop
Estenda o gradiente além das bordas da imagem.

No painel Camadas, o gradiente aparece em sua própria camada Preenchimento de Gradiente. Isso mantém o gradiente e a imagem separados para que possamos editar o gradiente em seguida.

Como criar uma borda desfocada no Photoshop
O painel Camadas no Photoshop mostrando a nova camada Preenchimento de Gradiente.

Etapa 9: reposicione o efeito de vinheta ao redor do assunto

Agora que você desenhou o gradiente, pode reposicioná-lo arrastando o marcador de cor circular no meio. Isso torna mais fácil centralizar a vinheta em torno do seu objeto ou colocá-la onde você quiser. Por exemplo, arraste o centro do gradiente um pouco para a direita.

Como criar uma borda desfocada no Photoshop
Mova o centro do gradiente para reposicionar o efeito de vinheta.

Depois de mover o gradiente, talvez seja necessário redimensioná-lo arrastando a parada de cor na borda externa. O exemplo vai expandir um pouco mais.

Como criar uma borda desfocada no Photoshop
Redimensione o gradiente após o reposicionamento.

Etapa 10: Expanda a área transparente no meio

Se o efeito de vinheta deixar o objeto muito escuro, você pode estender a área transparente no meio do gradiente.

Vá para o painel Propriedades e role para baixo até Controles de opacidade . Pode ser necessário girá-los para abri-los.

Como criar uma borda desfocada no Photoshop
Controles de opacidade no painel Propriedades do Photoshop.

Em seguida, clique na parada de transparência branca à direita e comece a arrastar para a esquerda, mas fique de olho na imagem.

Como criar uma borda desfocada no Photoshop
Arraste a parada de transparência branca para a esquerda.

Quanto mais você arrastar, mais a transparência será empurrada para longe do centro, forçando as áreas escuras para mais perto das bordas e restaurando o brilho original do objeto.

Como criar uma borda desfocada no Photoshop
As partes escuras do gradiente foram empurradas para mais perto da borda.

Etapa 11: alterar a cor do efeito de vinheta

Usar preto como cor de efeito de vinheta pode fazer com que o efeito pareça opaco. Para selecionar uma cor diferente, clique duas vezes no limite de cor na borda externa do gradiente.

Como criar uma borda desfocada no Photoshop
Clique duas vezes em uma parada de cor externa para alterar a cor.

Em seguida, selecione uma nova cor no Seletor de cores ou clique em uma área da imagem para obter uma amostra da cor.

Como criar uma borda desfocada no Photoshop
Amostras de cores de uma imagem para usar no efeito de vinheta.

Então, como o exemplo está usando essa cor para criar um efeito de escurecimento, ele selecionará uma versão muito mais escura e saturada no Seletor de Cores.

Clique em OK para fechar o Seletor de cores quando terminar.

Como criar uma borda desfocada no Photoshop
Selecione uma versão escura e saturada da cor amostrada.

Com o gradiente agora ficando marrom escuro em vez de preto, o efeito vinheta parece um pouco mais sutil e natural.

A nova cor escolhida ainda está muito escura para o gosto do autor, mas facilitará a visualização do próximo passo, pois o artigo mostra como ocultar o efeito de vinheta na seção clara.

Como criar uma borda desfocada no Photoshop
Resultado após alterar a cor do efeito vinheta.

Etapa 12: restaurar o brilho nos destaques

Um problema com o efeito vinheta é que ele escurece as partes claras. Na imagem de exemplo, isso é bem perceptível no céu.

Para reduzir o efeito de vinheta nas áreas claras, clique no ícone fx na parte inferior do painel Camadas.

Como criar uma borda desfocada no Photoshop
Clique no ícone fx no painel Camadas no Photoshop.

Em seguida, selecione Opções de mesclagem no topo da lista.

Como criar uma borda desfocada no Photoshop
Abra Opções de Mesclagem.

Na parte inferior da caixa de diálogo Estilo de camada , procure o controle deslizante Camada subjacente (a parte inferior das duas barras).

Como criar uma borda desfocada no Photoshop
Controle deslizante de camada subjacente no Photoshop.

Abaixo à direita da barra há um controle deslizante de destaque branco.

Como criar uma borda desfocada no Photoshop
Controle deslizante de destaque.

Mantenha pressionada a tecla Alt em um PC com Windows ou a tecla Option em um Mac. Em seguida, mantenha pressionada a tecla de seta, clique e arraste para o lado direito.

Como criar uma borda desfocada no Photoshop
Ajuste o controle deslizante.

Preste atenção na imagem enquanto você continua arrastando para a esquerda. Quanto mais você arrastar, mais destaques serão restaurados, então ajuste o controle deslizante conforme necessário.

Como criar uma borda desfocada no Photoshop
Arraste o controle deslizante para restaurar os destaques.

Clique em OK para fechar a caixa de diálogo Estilo de camada quando terminar.

E agora a vinheta está quase invisível no céu (pontos brilhantes), enquanto ainda escurece as bordas e cantos na metade inferior da imagem.

Como criar uma borda desfocada no Photoshop
Os destaques agora são exibidos por meio de um efeito de vinheta.

Etapa 13: altere o modo de mesclagem para Luz suave

Outra maneira de fazer a vinheta parecer mais natural é alterar o modo de mesclagem no painel Camadas.

Com a camada Preenchimento de Gradiente ativa, altere o modo de mesclagem de Normal para Luz Suave .

Como criar uma borda desfocada no Photoshop
Altere o modo de mesclagem da camada Preenchimento de gradiente para Luz suave.

Enquanto o modo de mesclagem Normal (padrão) apenas escurece a imagem, a Luz suave é mais como um efeito de iluminação, mesclando melhor o desfoque e a imagem.

Como criar uma borda desfocada no Photoshop
Altere o modo de mesclagem da camada Preenchimento de gradiente para Luz suave.

Etapa 14: ajuste o tamanho ou a posição do efeito, se necessário

Faça os ajustes finais no tamanho ou na posição do efeito de transição arrastando as paradas de cor.

Como criar uma borda desfocada no Photoshop
Faça os ajustes finais no tamanho e na posição do efeito vinheta

Etapa 15: Desfoque o efeito de vinheta reduzindo a opacidade

Por fim, se o efeito de vinheta parecer muito forte, você pode suavizar o desfoque reduzindo a Opacidade da camada Preenchimento de Gradiente no painel Camadas.

Por exemplo, reduza a Opacidade para 80%.

Como criar uma borda desfocada no Photoshop
Faça os ajustes finais no tamanho e na posição do efeito de vinheta.

Como ocultar controles de gradiente ao vivo

Para ocultar os controles de gradiente e obter uma melhor visualização do efeito de vinheta, selecione a camada Fundo no painel Camadas para desmarcar a camada Preenchimento de Gradiente.

Como criar uma borda desfocada no Photoshop
Selecionar novamente a camada Preenchimento de gradiente trará os controles de gradiente de volta.

Oculte os controles de gradiente selecionando outra camada.

E aqui está o efeito de vinheta final.

Efeito de vinheta adicionado à foto usando o Photoshop.

Como criar uma borda desfocada no Photoshop

Veja também:

Leave a Comment

Como corrigir erros no Microsoft Teams e como usar a ajuda

Como corrigir erros no Microsoft Teams e como usar a ajuda

Cansado do erro "Como usar a Ajuda" do Microsoft Teams que está bloqueando seu fluxo de trabalho? Obtenha soluções passo a passo que funcionam nas versões mais recentes. Limpe o cache, atualize e muito mais — sem precisar de conhecimentos técnicos!

Como corrigir o erro de atalho do Microsoft Teams na área de trabalho

Como corrigir o erro de atalho do Microsoft Teams na área de trabalho

Frustrado com o erro de atalho do Microsoft Teams na área de trabalho? Siga nosso guia passo a passo comprovado para resolvê-lo rapidamente e voltar a fazer chamadas de vídeo e chats sem problemas. Sem necessidade de conhecimentos técnicos!

Como alterar a imagem de fundo do Microsoft Teams

Como alterar a imagem de fundo do Microsoft Teams

Descubra instruções passo a passo sobre como alterar a imagem de fundo do Microsoft Teams. Personalize reuniões no computador, no celular e na web com facilidade, usando os recursos mais recentes para videochamadas profissionais ou divertidas.

Como corrigir erros de reprodução de mídia no Microsoft Teams em 2026

Como corrigir erros de reprodução de mídia no Microsoft Teams em 2026

Cansado dos erros de reprodução de mídia do Microsoft Teams arruinando suas reuniões de 2026? Siga nosso guia passo a passo, elaborado por especialistas, para corrigir problemas de áudio, vídeo e compartilhamento rapidamente — sem precisar de conhecimentos técnicos. A colaboração perfeita está ao seu alcance!

Onde o Microsoft Teams baixa os arquivos no seu computador?

Onde o Microsoft Teams baixa os arquivos no seu computador?

Descubra onde o Microsoft Teams baixa arquivos no seu computador. Saiba onde os arquivos são baixados por padrão no Windows, Mac e Linux, como alterá-los e dicas para encontrar arquivos instantaneamente. Economize tempo com este guia completo!

Solução de problemas de configurações de erro de proxy do Microsoft Teams

Solução de problemas de configurações de erro de proxy do Microsoft Teams

Com dificuldades para resolver o erro de proxy do Microsoft Teams? Descubra etapas comprovadas para solucionar esse problema. Limpe o cache, ajuste as configurações de proxy e volte a fazer chamadas sem interrupções em minutos com nosso guia especializado.

Como corrigir problemas de som abafado ou ausência de som no microfone do Microsoft Teams

Como corrigir problemas de som abafado ou ausência de som no microfone do Microsoft Teams

Cansado de som abafado ou inexistente no microfone do Microsoft Teams? Descubra como resolver problemas de microfone no Microsoft Teams com passos rápidos e comprovados. Áudio nítido em breve!

Resolvendo o erro de ingresso em reunião do Microsoft Teams por meio de link direto.

Resolvendo o erro de ingresso em reunião do Microsoft Teams por meio de link direto.

Está com dificuldades para entrar em uma reunião no Microsoft Teams? Descubra passos comprovados para resolver o problema através de links diretos. Soluções rápidas para entrar em reuniões sem problemas – sem necessidade de conhecimentos técnicos!

Solução de problemas de erros no Microsoft Teams para Mac relacionados ao Keychain

Solução de problemas de erros no Microsoft Teams para Mac relacionados ao Keychain

Está com dificuldades para resolver problemas com o Keychain no Microsoft Teams para Mac? Descubra soluções comprovadas, passo a passo, para macOS e volte a colaborar sem problemas. Soluções rápidas aqui!

Por que não consigo ver as salas de discussão na minha reunião do Teams?

Por que não consigo ver as salas de discussão na minha reunião do Teams?

Frustrado porque as Salas Simultâneas não aparecem na sua reunião do Teams? Descubra os principais motivos pelos quais você não consegue ver as Salas Simultâneas no Teams e siga nossas soluções passo a passo para que elas funcionem perfeitamente em minutos. Ideal para organizadores e participantes!

Como testar o áudio e a câmera do Microsoft Teams antes de uma chamada

Como testar o áudio e a câmera do Microsoft Teams antes de uma chamada

Descubra passos simples para testar o áudio e a câmera do Microsoft Teams antes de uma chamada. Garanta som e vídeo nítidos para reuniões profissionais sempre com nosso guia fácil. Perfeito para usuários de desktop, dispositivos móveis e web.

Onde estão localizadas as chaves de registro do Microsoft Teams no Windows 11?

Onde estão localizadas as chaves de registro do Microsoft Teams no Windows 11?

Descubra a localização exata das chaves de registro do Microsoft Teams no Windows 11. Guia passo a passo para encontrar, acessar e ajustar essas chaves com segurança, garantindo desempenho ideal e solução de problemas. Essencial para profissionais de TI e entusiastas do Teams.

Solucionando erros de atalho e travamentos na inicialização do Microsoft Teams

Solucionando erros de atalho e travamentos na inicialização do Microsoft Teams

Cansado de erros de atalho no Microsoft Teams atrapalhando seu fluxo de trabalho? Aprenda passos comprovados para solucionar erros de atalho e travamentos na inicialização do Microsoft Teams e garanta uma colaboração tranquila. Soluções rápidas e fáceis!

Solução de problemas de loop de inicialização da tela de boas-vindas do Microsoft Teams

Solução de problemas de loop de inicialização da tela de boas-vindas do Microsoft Teams

Frustrado com o loop de inicialização da tela de boas-vindas do Microsoft Teams? Siga nossos passos comprovados para solucionar o problema: limpe o cache, reinicie o aplicativo e reinstale-o. Volte a colaborar sem interrupções em minutos!

Como participar de uma reunião do Microsoft Teams usando ID e senha.

Como participar de uma reunião do Microsoft Teams usando ID e senha.

Aprenda a participar de uma reunião do Microsoft Teams com ID e senha sem esforço, seja no computador, celular ou na web. Instruções passo a passo com capturas de tela para acesso rápido – sem necessidade de convite!