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:

Deixar um comentário

Como descartar power bank em Uberlândia: pontos, cuidados e o que evitar

Como descartar power bank em Uberlândia: pontos, cuidados e o que evitar

Saiba onde descartar power bank em Uberlândia, como encontrar pontos de logística reversa e quais cuidados tomar antes de levar a bateria.

BPC para idoso: quais são os requisitos e como saber se você pode receber

BPC para idoso: quais são os requisitos e como saber se você pode receber

Entenda os requisitos do BPC para idoso em 2026: idade mínima, renda por pessoa, CadÚnico, biometria, cálculo da família e como solicitar.

FGTS: como corrigir dados cadastrais? Veja qual caminho escolher

FGTS: como corrigir dados cadastrais? Veja qual caminho escolher

Saiba como corrigir dados cadastrais do FGTS e quando usar o app, a Receita Federal, o RH da empresa ou a CAIXA.

Como descartar notebook em Uberlândia com segurança: pontos, dados e bateria

Como descartar notebook em Uberlândia com segurança: pontos, dados e bateria

Veja onde entregar um notebook em Uberlândia, como apagar seus dados, preparar o transporte e agir quando a bateria estiver danificada.

Como descartar bateria de lítio em Belo Horizonte: guia seguro para iniciantes

Como descartar bateria de lítio em Belo Horizonte: guia seguro para iniciantes

Saiba onde e como descartar bateria de lítio em Belo Horizonte, como preparar o material com segurança e o que fazer se a bateria estiver inchada ou danificada.

Como descartar máquina de lavar em Osasco: ecopontos, Cata Bagulho e preparo correto

Como descartar máquina de lavar em Osasco: ecopontos, Cata Bagulho e preparo correto

Veja onde descartar máquina de lavar em Osasco, como usar os ecopontos, quando pedir o Cata Bagulho pelo 156 e como preparar o aparelho com segurança.

IPTU em Fortaleza: como emitir a segunda via e consultar débitos passo a passo

IPTU em Fortaleza: como emitir a segunda via e consultar débitos passo a passo

Veja como emitir a segunda via do IPTU em Fortaleza, consultar o extrato, identificar débitos na SEFIN ou na Dívida Ativa e evitar erros no pagamento.

Como descartar máquina de lavar em Belo Horizonte: opções corretas e erros a evitar

Como descartar máquina de lavar em Belo Horizonte: opções corretas e erros a evitar

Saiba onde e como descartar uma máquina de lavar em Belo Horizonte, por que a coleta comum e as URPVs não são a opção certa e como usar a logística reversa.

BPC: quem tem direito em 2026? Regras de renda, idade e deficiência

BPC: quem tem direito em 2026? Regras de renda, idade e deficiência

Veja quem tem direito ao BPC em 2026, limite de renda por pessoa, regras para idosos e pessoas com deficiência, CadÚnico, biometria e como pedir.

Meu INSS: como consultar o CNIS e conferir suas contribuições

Meu INSS: como consultar o CNIS e conferir suas contribuições

Veja como consultar o CNIS pelo Meu INSS, escolher o extrato correto, baixar o PDF, identificar divergências e saber o que fazer depois.