Cómo utilizar las máscaras de recorte de Photoshop

Cómo usar las máscaras de recorte en Photoshop

Ernesto BarrachinaDiseño Gráfico2 Comentarios

Contenido actualizado a fecha: 9 febrero 2021

4.8/5 - (21 votos)

Las máscaras de recorte de Photoshop permiten mostrar parte del contenido de una capa con la forma de otra, que es la que recorta.

Igual piensas que si ya es bastante lío usar las máscaras de Photoshop por sí solas, hablar de máscaras de recorte aún complicará más el tema. Pero tranquilo/a que no es así.

Además, este tipo de máscara es un recurso fundamental que debes conocer sí o sí 😉

Sin ir más lejos, yo mismo las utilizo a diario, tanto en proyectos de diseño gráfico como de diseño de páginas web en Valencia, puesto que la mayoría de imágenes destacadas que verás en esta web llevan alguna máscara de recorte.

Así que manos a la obra. Tienes la oportunidad de ampliar los conocimientos adquiridos en el curso de iniciación a Photoshop, descubriendo nuevas posibilidades para desenvolverte con el programa.

Cómo funcionan las capas en Photoshop

Entendiendo cómo funciona el sistema de capas en Photoshop, te resultará más sencillo comprender cómo funcionan las máscaras de recorte.

Destacamos que «Photoshop permite usar una o varias capas en un mismo documento».

Que sin tener nada que ver con ningún tipo de máscara de Photoshop, cada capa enmascarará de alguna forma a las que están por debajo.

En función de cómo guardes el archivo al finalizar la edición:

  1. Las capas se conservarán (como en los formatos PSD o TIFF).
  2. O se fusionarán en una sola (como en los JPG o PNG).

Si no eres capaz de comprender el funcionamiento de las capas, imagina tres acetatos transparentes de la misma medida, en los que hemos pintado algo distinto en cada uno.

El documento de Photoshop está compuesto por una o más capas

  • En el primero un árbol, que deja libre el resto de la capa.
  • En el siguiente un prado con césped, que solo ocupa la mitad inferior del acetato.
  • Y en el tercero, un cielo con nubes a pantalla completa.

Perspectiva de las capas de Photoshop que forman una imagen

Como todas las capas tienen la misma medida, el contenido de cada una impedirá la visión de parte de la que esté por debajo. Con lo que todas las capas actuarán de máscara para las siguientes, menos la última que tendrá las funciones de fondo.

Si las miramos desde arriba, la imagen resultante estará compuesta por la suma de todas las capas, y solo se verá el contenido que no es tapado por la capa anterior, que actúa sin serlo, como máscara.

La composición de la imagen será la unión de todas las partes visibles de las capas

La composición en Photoshop quedará así. Fíjate en el orden de las capas 🙂

Aunque tengas capas separadas, photoshop muestra la previsualización de todas superpuestas

Recibe nuevos artículos mensualmente

y aprende más sobre los temas que te interesan directamente desde la bandeja de entrada de tu correo electrónico.

Ahora que ya sabes de qué va la cosa, es el momento ideal para presentarte a las máscaras de recorte de Photoshop.

Qué son las máscaras de recorte de Photoshop

Las máscaras de recorte en Photoshop son un conjunto de al menos dos capas, en las que una recorta a la otra, determinando el área que va a mostrar de ella.

Qué mejor forma para entenderlo que con un ejemplo 😉

Usaremos 3 capas:

  • Una de texto, para la máscara de recorte.
  • Otra de imagen, para ser recortada.
  • Y una tercera como fondo.
La capa que actúa como máscara de recorte (el texto) enmascara parte del contenido de la otra, situada en un nivel superior (la imagen).

O dicho de otra manera, la zona visible de la capa recortada (superior) será la que esté dentro del contenido de la capa inferior o máscara.

Resultado de un texto que recorta una imagen

Cómo crear una máscara de recorte de capas

Para crear una máscara de recorte debemos organizar las capas de forma que la que va a recortar esté justo por debajo de la recortada.

Lo suyo es recortar una imagen, pero también podríamos conseguir efectos llamativos recortando texto con texto. Pero, para no liarnos, empecemos por el uno e iremos avanzando.

La técnica más sencilla es situar un fondo, que en el ejemplo es blanco, y dos capas más. Una arriba del todo para ser recortada, y otra debajo, que por el momento no se verá (porque la tapa la primera), y que ejercerá de máscara.

  • Selecciona la capa que va a ser recortada clicando sobre ella.
  • Clica con el botón secundario del ratón y selecciona Crear máscara de recorte.

Crear la máscara de recorte desde el botón secundario de Photoshop

  • También desde la barra de herramientas superior, seleccionando Capa > Crear máscara de recorte.

Crear la máscara de recorte desde el menú superior de Photoshop

Crear y soltar máscaras de recorte mediante un atajo de teclado

Existen dos atajos o comandos de teclado para crear máscaras de recorte de una forma más rápida :mrgreen:

  • El primero es con el atajo de teclado Ctrl + Alt + G.
  • El segundo es más visual. Consiste en mantener pulsada la tecla Alt (en Windows), u Opción (en Mac), mientras hacemos click (con el ratón) entre las dos capas con las que trabajamos.

Cuando el cursor cambia su icono, clicamos y tendremos la máscara de recorte creada.

Atajo para crear una máscara de recorte directamente

Si utilizas una versión anterior de Photoshop, el icono es diferente.

En anteriores versiones del programa el icono de máscara de recorte es diferente

Para deshacer las máscaras, es decir soltar la máscara de recorte, es igual que para crearlas. Por tanto, tienes 4 métodos entre los que escoger:

  1. Ctrl + Alt + G
  2. Capa > Soltar máscara de recorte.
  3. Clic en botón secundario del ratón > Soltar máscara de recorte.
  4. Incluso poner el cursor entre las capas mientras pulsamos Alt.

Máscara de recorte con dos imágenes

El mismo efecto de máscara que hemos conseguido con una capa de texto y otra de imagen, podemos obtenerlo con dos capas de imágenes.

Con la salvedad de que la imagen que recorta debe tener el fondo transparente.

Me explico. La máscara de recorte NO funcionará si la imagen no tiene alguna zona transparente, porque entonces estará completamente rellena. O sea, que sí o sí tendremos que recurrir a una imagen PNG u otro formato que admita transparencias.

En el siguiente ejemplo, con la capa de la mancha proveniente de un archivo JPG no se produce ningún efecto porque no hay transparencia alguna.

Las máscaras de recorte no funcionan si usas capas sin transparencia

En cambio, si la capa tiene transparencias o se le ha borrado parte del contenido, SÍ funcionará.

Ejemplo de máscara de recorte con una imagen con zonas transparente

Un detalle importante es que, cualquier capa que generemos desde Photoshop será totalmente transparente hasta que la rellenemos con algo: texto, trazados, manchas…

Ajuste de las máscaras de recorte

Como cualquier otra capa o máscara de Photoshop, las capas con las que trabajas las máscaras de recorte se pueden mover de forma independiente. Dependiendo de su posición mostrará un área u otra de la imagen.

Cualquiera de las capas que forman la máscara de recorte de Photoshop se puede mover de forma independiente

Además, a la capa que recorta se le puede aplicar opacidad, máscaras de capa, bisel y relieve, sombra paralela, resplandor interior… y cualquier otro efecto que admita una capa normal.

Se puede aplica cualquier efecto en la máscara de recorte

¿Cuántas máscaras de recorte se pueden usar?

En cuanto al límite, no lo hay. Una sola capa puede recortar a varias.

Una sola capa puede recortar a varias capas en una máscara de recorte

Cuando una máscara recorte a varias capas, tendrás que ingeniártelas para que al menos parte de la anterior sea visible, bien con una máscara de capa, reubicándola o cambiando su tamaño.

También puedes crear varias máscaras de recorte para componer una sola imagen 😉

Se pueden usar varias mascaras de recorte en un mismo documento de Photoshop

Máscara de recorte en grupo de capas

En las versiones anteriores a Photoshop CC no era posible que un grupo recortara alguna capa. Sin embargo, con las versiones modernas ya no tenemos esa limitación.

Un grupo de capas pueden recortar a otra capa desde las versiones más modernas de Photoshop

Gracias a esta función de las versiones modernas, es posible cambiar el color de las capas de texto de forma simultánea.

Cambiar el color de todos los textos a la vez en Photoshop con una máscara de recorte

Muchas veces planteas un diseño con varias capas de texto independientes, y al final decides que el color elegido no es el más acertado.

Como cambiar el color capa por capa resulta muy tedioso, te propongo un truco. Que utilices una máscara de recorte junto con una capa de color uniforme, para cambiar «a la vez» el color de todas las capas de texto que quieras.

Mediante las máscaras de recorte se puede cambiar el color de todas las capas de texto de tu archivo PSD

Para conseguirlo debes seguir estos 3 pasos:

  1. Agrupar las capas de texto a las que quieras cambiar el color.
  2. Crear una nueva capa de color uniforme por encima del grupo.
  3. Crear una máscara de recorte entre la capa de color y el texto.

Ahora que ya tienes claro cómo se utilizan las máscaras de recorte de Photoshop seguro que te interesa profundizar un poco más en el programa.

Como siempre, para cualquier duda puedes recurrir al formulario de comentarios, y doy por hecho que si has encontrado utilidad al artículo, lo compartirás en las redes sociales 😀

Si te ha gustado comparte

About the Author

Ernesto Barrachina

Facebook Twitter Google+

Me dedico al diseño web Valencia y tengo pasión por las herramientas de diseño gráfico, así como por compartir tips de diseño web en forma de consejos y tutoriales "para todos los públicos".

2 Comentarios en “Cómo utilizar las máscaras de recorte de Photoshop”

Deja una respuesta

INFORMACIÓN BÁSICA SOBRE LA PROTECCIÓN DE TUS DATOS

Todos las datos marcados con asterisco (*) son obligatrorios. Si no los indicas no podrás comentar en el blog.

Responsable de la web: Ernesto Barrachina Rubio (EBWEB) Finalidad de los datos: Gestionar los comentarios que realizas en este blog. Legitimación: Consentimiento del interesado. Destinatarios: No se comunican los datos a nadie más. Plazo de conservación de los datos: Hasta que no se solicite su supresión por el interesado. Los datos que me facilitas estarán ubicados en los servidores de Dinahosting (mi proveedor de hosting) fuera de la UE en Otros. Dinahosting está ubicado en la UE, con los niveles de protección adecuados según Comisión de la UE. Ver política de privacidad de Dinahosting. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en ebweb@ebweb.es así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi página web: https://ebweb.es, así como consultar mi política de privacidad.

Tu comentario quedará pendiente de moderación. Vuelve en dos o tres días para ver la respuesta y tu comentario publicados.

Muchas gracias por comentar ☺