Home SoftwarePhotoshop Esquinas redondeadas y transparentes en Photoshop

Esquinas redondeadas y transparentes en Photoshop

by Aleix

A petición de Pao, que nos comentó en el post sobre redondear esquinas en Photoshop, aquí vamos con un tutorial paralelo en el que veremos como crear esquinas redondeadas y transparentes en Photoshop. (gracias por la idea, Pao 😉 )

Hay muchas maneras de conseguirlo; esta, sencillamente, es una más de entre todas y la que más veces utilizo. Es rápida, fácil y efectiva 😉

1.- Abre la foto que quieras en Photoshop.

2.- Duplica la capa de fondo, haciendo clic derecho sobre la capa. Fíjate en la captura inferior.

3.- Ahora desactiva la capa original (la denominada «Fondo«) haciendo clic sobre el ojo que aparece a la izquierda de la capa.

4.- Selecciona la herramienta «Rectángulo redondeado» de la paleta flotante. Una vez seleccionada, puedes especificar la curvatura en el menú de arriba de Photoshop.

5.- Bien, ahora crea el rectángulo alrededor de la foto. Lo normal es hacerlo pegado a los bordes, pero en este caso, en pos de la claridad, he creado un rectángulo en medio para que se vea claro el efecto 😉

6.- Bien, pues ahora combinaremos la copia de la capa que hemos creado con la nueva que se ha creado automáticamente al crear el rectángulo. Sencillamente arrastra la capa hacia arriba de la otra (cuando veas que aparece una línea negra encima de la otra capa)

7.- Tenemos esto, nop?

8.- Ok, pues ahora clic derecho sobre la capa superior y selecciona «Crear máscara de recorte»

9.- Listos… 😉

[warning]Ah si !!! recuerda que para conservar la transparencia, tienes que guardar la imagen COMO PNG !!! :P[/warning]

Fácil y rápido, verdad? Si te ha servido o lo has encontrado útil, salúdame por los comentarios. Lo agradezco más de lo que piensas ;) Gracias.

 

You may also like

9 comments

Juan J. 10 junio, 2018 - 2:04

Muchas gracias por la ayuda

Reply
Marge 30 noviembre, 2016 - 22:58

Excelente post, muchas gracias por el aporte 😀

Reply
Silvia 5 julio, 2015 - 0:00

Muchas gracias Aleix. Me sirvió para redondear los bordes de un icono para una app de Android que estoy terminando. Gracias.

Reply
GcS 5 agosto, 2013 - 5:53

¡Gracias, fenomenal!

Reply
Ignacio 5 junio, 2013 - 3:48

Muchas gracias por tu ayuda, te deseo lo mejor por tu solidaridad

Reply
Paola 11 diciembre, 2012 - 17:32

Genial!!! un truco muy sencillo y útil, mil gracias!!!

Reply
Aleix 20 diciembre, 2012 - 0:25

Mil gracias a ti, Paola 🙂

Reply
Francisco Trujillo 9 agosto, 2012 - 9:09

Excelente post, sencillo y con un acabado muy profesional.

¿Me das permiso para traducir tu post al inglés y publicarlo en mi blog http://www.mergetag.com? Obviamente haciendo referencia tu blog como fuente del mismo.

Reply
Aleix 9 agosto, 2012 - 21:31

Por supuesto, Francisco.
Todo un honor 😉

Reply

Leave a Comment

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.