Máscaras de recorte en Photoshop

Escrito por Steve Patterson.

En este tutorial, le muestro cómo usar máscaras de recorte en Photoshop para mostrar y oculta diferentes partes de una capa y ajusta las imágenes a formas. Aprenderemos los conceptos básicos de cómo crear una máscara de recorte y exploraremos la idea detrás de ellos con más detalle para que al final de esta lección, tenga una comprensión sólida de cómo funcionan las máscaras de recorte. I Usaré Photoshop CC, pero todo es totalmente compatible con Photoshop CS6 y versiones anteriores. ¡Empecemos!

¿Qué son las máscaras de recorte?

Las máscaras de recorte en Photoshop son una forma poderosa de controlar la visibilidad de una capa. En ese sentido, las máscaras de recorte son similares a máscaras de capa. Pero aunque el resultado final puede parecer el mismo, las máscaras de recorte y las máscaras de capa son muy diferentes. Una máscara de capa usa blanco y negro para mostrar y ocultar diferentes partes de la capa. Pero una máscara de recorte usa el contenido y la transparencia de una capa para controlar la visibilidad de otra.

Para crear una máscara de recorte, necesitamos dos capas. La capa de la parte inferior controla la visibilidad de la capa superior. En otras palabras, la capa inferior es la máscara y la capa superior es la capa que se recorta a la máscara.

Donde la capa inferior contiene contenido real (píxeles, formas o tipo), el contenido de la capa superior es visible. Pero si alguna parte de la capa en la parte inferior es transparente, entonces esa misma área en la capa superior estará oculta. Eso puede parecer más confuso que cómo funciona una máscara de capa, pero las máscaras de recorte son igual de fáciles de usar. Creemos nosotros mismos una máscara de recorte para que podamos entender mejor cómo funcionan.

¡Descargue este tutorial como un PDF listo para imprimir!

Cómo funciona una máscara de recorte

Para entender realmente las máscaras de recorte, primero debemos entender la diferencia entre el contenido y la transparencia en una capa. Para seguirme, puedes abrir cualquier imagen. Usaré esta foto de mi amiguito que También está tratando de entender, a su manera, de qué se trata este material de recorte (foto de Adobe Stock):

La imagen original. Foto crédito: Adobe Stock.

Una capa de máscara y una capa recortada

Si miramos en el panel Capas, vemos la foto en la capa Fondo, que actualmente es la única capa en el documento:

El panel Capas que muestra la foto en la capa Fondo.

Necesitamos dos capas para crear una máscara de recorte, uno para servir como máscara y otro que se recortará a la máscara, así que agreguemos una segunda capa. Agregaremos la nueva capa debajo de la imagen. Primero, desbloquee la capa Fondo. En Photoshop CC, haga clic en el ícono de candado para desbloquearlo. En Photoshop CS6 o anterior, presione y mantenga presionada la tecla Alt (Win) / Opción (Mac) en su teclado y haga doble clic en la capa Fondo:

Desbloqueo de la capa Fondo.

Esto desbloquea la capa Fondo y cambia el nombre it «Layer 0»:

Desbloquear la capa de fondo nos permite agregar una nueva capa debajo de ella.

Luego, para agregar una nueva capa debajo de la imagen, presione y mantenga presionada la tecla Ctrl (Win) / Comando (Mac) en su teclado y haga clic en el ícono Agregar nueva capa:

Añadiendo una nueva capa debajo de la imagen.

Una nueva capa llamada «Capa 1» aparece debajo de la foto, y ahora tenemos dos capas en el documento. Convertiremos la capa inferior en la máscara y la imagen de arriba se recortará a la máscara:

La segunda capa necesaria para el clipp Se agregó la máscara de ing.

Comprender las máscaras de recorte: contenido frente a transparencia

Oculte la imagen original por el momento haciendo clic en el icono de visibilidad de la capa superior:

Haciendo clic en el icono de visibilidad para ocultar la foto.

Con la capa superior desactivada, vemos la capa que acabamos de agregar. De forma predeterminada, las nuevas capas en Photoshop están en blanco, lo que significa que no tienen ningún contenido. Una capa sin contenido es transparente y vemos a través de ella. Cuando no hay otras capas debajo de una capa transparente, Photoshop muestra la transparencia como un patrón de tablero de ajedrez, como vemos aquí:

El patrón de tablero de ajedrez significa la parte inferior La capa es transparente.

Vuelva a encender la capa superior haciendo clic de nuevo en su icono de visibilidad:

Haciendo clic en el mismo icono de visibilidad.

La capa superior contiene contenido real. En este caso, es contenido basado en píxeles porque estamos viendo una foto digital, pero en Photoshop, el contenido también podría ser una forma vectorial o incluso texto. Realmente, cualquier cosa que no sea transparencia se considera contenido:

La capa superior contiene contenido real.

Cómo crear una máscara de recorte en Photoshop

Las máscaras de recorte utilizan el contenido y la transparencia de la capa inferior para controlar la visibilidad de la capa superior. Creemos una máscara de recorte usando nuestras dos capas y veamos qué sucede.

Paso 1: Seleccione la capa que se recortará

Al crear una máscara de recorte, primero debemos seleccione la capa que se va a recortar a la capa debajo de ella. En este caso, la capa superior («Capa 0») se recortará a la capa inferior («Capa 1»), así que asegúrese de que la capa superior esté seleccionada:

Selección de la capa superior.

Paso 2: Elija «Crear máscara de recorte»

Para crear la máscara de recorte, vaya al menú Capa en la barra de menú y elija Crear máscara de recorte:

Vaya a la capa > Crear máscara de recorte.

¡Y eso es todo! Con la máscara de capa creada, el panel Capas ahora muestra la capa superior («Capa 0») con sangría a la derecha, con una pequeña flecha apuntando hacia la «Capa 1» debajo. Esto Así es como Photoshop nos dice que la capa superior ahora está recortada a la capa inferior:

El panel Capas que muestra la capa superior recortada a la capa inferior.

Pero el problema es que todo lo que hemos logrado hasta ahora al crear una máscara de recorte es que hemos ocultado la imagen a la vista, y eso se debe a que nuestra capa de máscara («Capa 1») no tiene contenido. Es completamente transparente. Con una máscara de recorte, cualquier área de la capa superior que se encuentre directamente encima de las áreas transparentes de la capa inferior está oculta. Dado que la capa inferior no contiene nada más que transparencia, ninguna parte de la imagen de arriba es visible:

Sin contenido en la capa de máscara, la imagen de la capa recortada está oculta.

Cómo liberar una máscara de recorte

Eso no fue muy interesante, así que suelte la máscara de recorte subiendo al menú Capa y seleccionando Liberar máscara de recorte:

Ir a la capa > Suelta la máscara de recorte.

En el panel Capas, la capa superior ya no tiene sangría a la derecha, lo que significa que ya no está recortada. a la capa de abajo:

La máscara de capa ha sido liberada.

Y en el documento, volvemos a ver nuestra imagen:

Con la máscara de recorte liberada, la imagen vuelve ns.

Agregar contenido a la máscara de recorte

Agreguemos algo de contenido a la capa inferior. Haga clic en el icono de visibilidad de la capa superior para ocultar la imagen y que podamos ver lo que estamos haciendo:

Hacer clic en el icono de visibilidad de la capa superior.

Luego haga clic en la capa inferior para activarla:

Seleccionar la capa inferior.

Para agregue contenido, dibujaremos una forma simple. Seleccione la herramienta Marco elíptico de la barra de herramientas haciendo clic con el botón derecho (Win) / Control-clic (Mac) en la herramienta Marco rectangular y eligiendo la herramienta Marco elíptico en el menú desplegable:

Selección de la herramienta Marco elíptico.

Haga clic y arrastre un esquema de selección elíptico en el centro del documento:

Dibujar una selección con la herramienta Marquesina elíptica.

Vaya al menú Editar en la barra de menú y elija Relleno:

Ir a Editar > Relleno.

En el cuadro de diálogo Relleno, establezca la opción Contenido en negro y luego haga clic en Aceptar:

El cuadro de diálogo Rellenar.

Photoshop rellena la selección con negro. Para eliminar el contorno de selección alrededor de la forma, vaya al menú Seleccionar y elija Deseleccionar:

Ir a Seleccionar > Deseleccionar.

Y ahora, en lugar de una capa completamente transparente, tenemos un área con algo de contenido en el centro. Sin embargo, observe que el área que rodea el contenido permanece transparente:

La capa inferior ahora contiene tanto contenido como transparencia.

Atrás en el panel Capas, la miniatura de vista previa de la capa inferior ahora muestra la forma negra. Lo que es importante tener en cuenta aquí es que si compara las miniaturas de vista previa de ambas capas, verá que parte de la imagen de la capa superior se encuentra directamente sobre el contenido (la forma) en la capa inferior. Y, parte de la foto se encuentra sobre las áreas transparentes en la capa inferior:

La miniatura de vista previa que muestra el contenido y la transparencia en la capa inferior.

Crear otra máscara de recorte

Ahora que hemos agregado algo de contenido a la capa inferior, creemos otra máscara de recorte. Nuevamente, primero debemos seleccionar la capa que se recortará a la capa de abajo, así que haga clic en la capa superior para seleccionarla.Luego, haz clic en el ícono de visibilidad de la capa superior para que la imagen de la capa sea visible:

Seleccionando y activando la capa que se recortará.

Vuelva al menú Capa y elija de nuevo Crear máscara de recorte:

Vuelva a la capa > Crear máscara de recorte.

En el panel Capas, vemos la capa superior recortada a la capa debajo de ella, como vimos la última vez:

El panel Capas nuevamente muestra la máscara de recorte.

Pero en el documento, ahora vemos un resultado muy diferente. Esta vez, la sección de la foto que» s sentado directamente sobre la forma en la capa debajo de ella permanece visible! Las únicas partes de la foto que están ocultas son las áreas que rodean la forma, ya que esas áreas todavía están por encima de la transparencia:

El contenido de la capa inferior mantiene visible parte de la capa superior.

Mover contenido dentro de una máscara de recorte

Por supuesto, el resultado podría verse mejor si nuestro sujeto estuviera centrado dentro de la forma. Con las máscaras de recorte, es fácil mover y reposicionar el contenido dentro de ellas. Simplemente seleccione la herramienta Mover de la barra de herramientas:

Seleccionar la herramienta Mover.

Luego, haz clic en la foto y arrástrala a su posición. A medida que mueves la imagen, solo el área que se mueve sobre la forma en la capa debajo permanece visible. Y esos son los conceptos básicos de cómo funcionan las máscaras de recorte :

La máscara de recorte después de centrar la foto dentro de la forma.

Cuándo usar una máscara de recorte

Si bien las máscaras de capa son mejores para combinar capas con transiciones perfectas, las máscaras de recorte en Photoshop son perfectas cuando su imagen debe ajustarse a una forma claramente definida. La forma puede ser una que haya dibujado con una herramienta de selección, como hemos visto. Pero también se puede usar una máscara de recorte para rellenar una forma vectorial con una imagen o para colocar una imagen dentro del texto. Como otro ejemplo de lo que podemos hacer con las máscaras de recorte, veamos rápidamente cómo se puede usar una máscara de recorte para colocar una foto dentro de un marco.

Colocar una foto en un marco con máscaras de recorte

Aquí tengo un documento que contiene dos imágenes, cada una en una capa separada. La foto en la capa inferior contiene el marco:

La imagen de la capa inferior. Crédito de la foto: Adobe Stock.

Y si enciendo la capa superior haciendo clic en su icono de visibilidad:

Activando la capa superior.

Vemos la foto que quiero colocar dentro del marco:

La imagen en la capa superior. Crédito de la foto: Adobe Stock.

Ocultaré la capa superior por el momento haciendo clic una vez más en su icono de visibilidad, y luego haré clic en la capa Fondo para seleccionarla:

Ocultar la capa superior y seleccionar la capa inferior.

Dibujar o seleccionar la forma

I mencionó que las máscaras de recorte funcionan mejor cuando su imagen necesita encajar dentro de una forma. En este caso, la forma es el área dentro del marco. Dado que el área está llena de negro sólido, la seleccionaré usando la herramienta Varita mágica de Photoshop:

Seleccionando la herramienta Varita mágica de la barra de herramientas.

Haré clic con la herramienta Varita mágica dentro del marco, y ahora el área está seleccionada:

Seleccionando el área que se usará para la máscara de recorte.

Luego, copiaré el área seleccionada en una nueva capa subiendo al menú Capa en la barra de menú, seleccionando Nueva y luego seleccionando Capa vía Copiar:

Ir a la capa > Nueva > Capa mediante copia .

Photoshop copia mi selección a una nueva capa entre la capa Fondo y la foto que colocaré dentro del marco. Ahora tengo la forma que necesito para crear mi máscara de recorte:

El área dentro del marco aparece en su propia capa.

Una forma más rápida de crear una máscara de recorte

Para crear la recorte máscara, seleccionaré la capa superior y volveré a activar la capa haciendo clic en su icono de visibilidad:

Seleccionando y girando en la parte superior capa.

Hemos visto que podemos crear una máscara de recorte eligiendo Crear máscara de recorte en el menú Capa. Pero una forma más rápida es presionar y mantener presionada la tecla Alt (Win) / Opción (Mac) en su teclado mientras coloca el cursor del mouse entre las dos capas. El cursor se convertirá en un icono de máscara de recorte:

Aparece el icono de máscara de recorte.

Haga clic en la línea divisoria entre los dos capas para crear la máscara de recorte:

La imagen ahora está recortada a la «Capa 1» debajo de ella.

Con la máscara de recorte creada, la foto ahora aparece solo dentro del marco, ya que esa es la única parte de la imagen que está encima del contenido real en la capa debajo de ella. El resto de la foto está oculta porque está sobre la transparencia:

La foto ahora está recortada dentro del marco gracias a la máscara de recorte.

Cambiar el tamaño del contenido dentro de una máscara de recorte

Finalmente, hemos visto que podemos mover contenido dentro de una máscara de recorte usando la herramienta Mover. Pero también podemos cambiar el tamaño del contenido dentro de una máscara de recorte con la misma facilidad usando el comando Transformación libre de Photoshop. Por el momento, mi foto es demasiado grande para el marco, así que cambiaré el tamaño yendo al menú Editar y eligiendo Gratis Transformar:

Ir a Editar > Transformación libre.

Photoshop coloca el Transformar el cuadro y los tiradores alrededor de la imagen, incluida el área fuera del marco que está oculta actualmente por la máscara de recorte:

Los tiradores de Transformación libre aparecen alrededor del imagen completa, incluidas las áreas ocultas.

Para cambiar su tamaño, presionaré y mantendré presionada la tecla Shift mientras hago clic en los controles de las esquinas y los arrastro hacia adentro. Mantener presionada la tecla Mayús bloquea la relación de aspecto de la imagen para que no la distorsione:

Cambiar el tamaño de la foto dentro de la máscara de recorte.

Para aceptarlo, presionaré Enter (Win) / Return (Mac) en mi teclado para cerrar Free Transform. Y ahora, gracias al poder de las máscaras de recorte, la foto encaja perfectamente dentro del marco:

El resultado final de la máscara de recorte.

¡Y ahí lo tenemos! ¡Así es como funcionan las máscaras de recorte en Photoshop y cómo usar una máscara de recorte para mostrar y ocultar diferentes partes de una capa! Visite nuestra sección Conceptos básicos de Photoshop para obtener más tutoriales de Photoshop.

Write a Comment

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