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):
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:
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:
Esto desbloquea la capa Fondo y cambia el nombre it «Layer 0»:
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:
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:
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:
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í:
Vuelva a encender la capa superior haciendo clic de nuevo en su 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:
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:
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:
¡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:
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:
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:
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:
Y en el documento, volvemos a ver nuestra imagen:
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:
Luego haga clic en la capa inferior para activarla:
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:
Haga clic y arrastre un esquema de selección elíptico en el centro del documento:
Vaya al menú Editar en la barra de menú y elija Relleno:
En el cuadro de diálogo Relleno, establezca la opción Contenido en negro y luego haga clic en Aceptar:
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:
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:
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:
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:
Vuelva al menú Capa y elija de nuevo 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:
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:
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:
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 :
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:
Y si enciendo la capa superior haciendo clic en su icono de visibilidad:
Vemos la foto que quiero colocar dentro del marco:
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:
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:
Haré clic con la herramienta Varita mágica dentro del marco, y ahora el área está seleccionada:
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:
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:
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:
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:
Haga clic en la línea divisoria entre los dos capas para crear la máscara de recorte:
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:
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:
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:
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:
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:
¡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.