Como desfocar bordas de imagem com Photoshop de maneira fácil

  • Autor Autor davidelgeek
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
D

davidelgeek

Delta
Diseñador
1.webp
Tutorial: Difuminar bordes de imagen con Photoshop
Nivel: Básico
Tiempo: 2 minutos 🙂​

¡Buenas betas!
Hoy les traigo un tutorial muy sencillo para mejorar la calidad de los bordes de una imagen de manera que gane luminosidad y haga un efecto glow o difumniado. Para ello voy a utilizar renders.

¿Y qué es un render?
Para esta ocasión vamos a definir render como imagen sin fondo, en PNG o GIF generalmente. Si queréis un tutorial con las diferentes maneras que hay para quitarle el fondo o “renderizar” una imagen dejad un comentario.
¡Sin más dilación empezamos!

Paso 1: Descarga la imagen
Suena obvio, busca una imagen que te guste que por ejemplo quieras incluir en tu logo, o tal vez en algún montaje para ilustrar un artículo de tu web.
En este caso yo he código esta, un render que he realizado en buena calidad. Al final del tutorial os dejo también un ejemplo con un logotipo.

Paso 2: Ábrela en Photoshop
Abre Photoshop. Después ves al menú de la parte de arriba, File -->Open y abre la imagen en cuestión. ¿sencillo verdad? Pues el resto del tutorial no es mucho más difícil.
2.webp
​

Paso 3: Vamos a mejorar la calidad del render

Primero tenemos que duplicar la capa, de manera que nos queden dos.
3.webp
​
Una vez duplicada la capa, con la capa duplicada original seleccionada, lo que tenéis que hacer es ir a Filter --> Blur --> Gaussian Blur (en español Filtros --> Desenfocar --> Desenfoque Gaussiano.

4.webp
​
Y una vez que aparezca la nueva ventana le ponemos un valor entre 4 y 5, como podéis ver a continuación:
5.webp
​
Paso 4: Disfruta del resultado
¡Cómo véis la imágen se ve mucho mejor por los bordes! Hemos fundido la imagen de debajo y así podemos apreciar este efecto “glow” que tanto gusta.
Pon una imagen detrás, la que más te guste y disfruta del resultado, como lo podéis ver al inicio del tema.

También os dejo el antes y el después de un icono en forma de corazón, para que veáis la diferencia. En la izquierda la original y en la derecha con este nuevo efecto.
6.webp
​
Espero que les sirva el truco 🙂
 
Última edição:
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao terminar
Gracias por el aporte
 
Buen Tutorial no sabia se podia hacer esto 🙂 :encouragement:
 
Voltar
Topo