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

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

Ernesto BarrachinaDiseño GráficoDeja tu comentario

Cómo utilizar las máscaras de recorte de Photoshop
5 (100%) 5 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 va a 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 gasto 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

Photoshop permite el uso de una o varias capas en un mismo documento.

Que sin tener nada que ver con algú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, estas capas se conservarán; como ocurre por ejemplo con los formatos PSD o TIFF, 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 hará 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 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

En Photoshop lo verás así:

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.

Qué son las máscaras de recorte de Photoshop

Las máscaras de recorte de Photoshop son un conjunto de al menos dos capas, en las que una recorta a 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 recortar una capa con la forma de otra mediante una máscara de recorte de Photoshop Cuéntalo en las redes

Cómo crear una máscara de recorte

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énbien podríamos conseguir efectos llamativos recortando texto con texto. Pero no te voy a liar más. Empecemos por el uno y ya 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 una máscara de recorte con un atajo de teclado

Existen dos atajos a los que recurrir para crear las máscaras de recorte de una forma más rápida :mrgreen:

  • La primera es con el atajo de teclado Ctrl + Alt + G.
  • La segunda es más visual. Consiste en mantener pulsada la tecla Alt en Windows, u Opción en Mac, mientras situamos el puntero del 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.

  • Ctrl + Alt + G
  • Capa > Soltar máscara de recorte.
  • Clic en botón secundario del ratón > Soltar máscara de recorte.
  • Incluso poner el cursor entre las capas mientras pulsamos Alt.
Imagen banner diseño web valencia

Construimos

Tu Marca

Si necesitas ayuda con tu proyecto de diseño gráfico no tienes más que decirlo.

Solicitar un Presupuesto!

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. 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 el archivo del que proviene 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

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

Ten en cuenta que 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 diferentes 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. 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

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 y para cualquier duda puedes recurrir al formulario de comentarios que hay un poco más abajo, y doy por hecho que si has encontrado utilidad al artículo, lo compartirás en las redes sociales 😀

Si te ha gustado comparte

Más sobre el autor

Ernesto Barrachina

Aunque soy escultor y modelista de profesión, a los 40 decidí adaptar mis herramientas de trabajo. Un teclado y un ratón han sustituido a la arcilla, la silicona o al poliéster. Ahora me dedico al diseño web Valencia y el desarrollo de tu página web o de la imagen de tu marca pueden ser nuestro próximo proyecto.

¿Quieres un Diseño Web Valencia?

« Siguiente
Anterior »

Deja un comentario

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) +Info

Finalidad de los datos: Gestionar los comentarios que realizas en este blog. +Info

Legitimación: Consentimiento del interesado. +Info

Destinatarios: No se comunican los datos a nadie más. +Info

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 (proveedor de hosting de EBWEB) 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.