Esquinas redondeadas y transparentes en Photoshop

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… 😉

Ah si !!! recuerda que para conservar la transparencia, tienes que guardar la imagen COMO PNG !!! 😛

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.

 

  1. 10 comentarios

    • Juan dice:

      Muy buen tutorial!
      Yo utilizo esta acción de Photoshop para hacer esquinas redondeadas:
      https://www.photoshopsupply.com/actions/rounded-corners-photoshop

    • Juan J. dice:

      Muchas gracias por la ayuda

    • Marge dice:

      Excelente post, muchas gracias por el aporte 😀

    • Silvia dice:

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

    • GcS dice:

      ¡Gracias, fenomenal!

    • Ignacio dice:

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

    • Paola dice:

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

      • Aleix dice:

        Mil gracias a ti, Paola 🙂

    • Francisco Trujillo dice:

      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.

      • Aleix dice:

        Por supuesto, Francisco.
        Todo un honor 😉

Responder a Ignacio Cancelar respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*