Conceptos básicos de máscara de capa de Photoshop para principiantes

¡Aprenda los conceptos básicos de las máscaras de capa en Photoshop y cómo usar una máscara de capa para ocultar o mostrar diferentes partes de una capa! Para Photoshop CC, CS6 y anteriores.

Escrito por Steve Patterson.

En este tutorial, aprenderá a usar máscaras de capa en Photoshop. Si es nuevo en Photoshop, las máscaras de capa pueden parecer un tema avanzado. Pero las máscaras de capa son fácil usar. De hecho, ¡una máscara de capa es tan simple como el blanco y negro! Hay tantos usos prácticos y creativos para las máscaras de capas que cubrirlos todos a la vez sería imposible. Entonces, para este primer tutorial de la serie, daremos un vistazo más general a las máscaras de capa, cubriendo solo los conceptos básicos de cómo funcionan para que pueda comenzar a usarlas de inmediato. También compararemos máscaras de capa con características similares en Photoshop, como la opción Opacidad en el panel Capas y la herramienta Borrador de Photoshop, para tener una mejor idea de cuán poderosas son realmente las máscaras de capa.

Usaré Photoshop CC, pero este tutorial también es totalmente compatible con Photoshop CS6. . De hecho, los conceptos básicos de las máscaras de capa no han cambiado desde que se introdujeron por primera vez en Photoshop 3.0. Sin embargo, la interfaz de Photoshop posee cambiado mucho en versiones recientes. Entonces, si está utilizando Photoshop CS5 o anterior, es posible que desee seguir nuestro original Descripción de las máscaras de capa tutorial.



Antes de continuar, este tutorial asume que tiene al menos una comprensión básica de capas (no capa mascarillas , sino capas en sí mismas). Si aún no estás familiarizado con las capas, te altamente recomendamos leer a través de nuestro Capas de Photoshop tutoriales, comenzando con el primero de la serie, Comprender las capas en Photoshop . Si ya está listo para usar capas y está listo para aprender todo sobre las máscaras de capa, ¡comencemos!

Cómo usar una máscara de capa en Photoshop

Configuración del documento

Para seguir este tutorial, necesitarás dos imágenes. Dado que nuestro objetivo aquí es simplemente entender cómo funcionan las máscaras de capa, no crear una obra maestra terminada, dos fotos serán suficientes. Aquí está la primera imagen que usaré (foto de perro en el baño de adobestock ):

  Perro divertido tomando un baño de burbujas. Imagen 85485777 con licencia de Adobe Stock La primera imagen. Crédito de la foto: Adobe Stock.

Y aquí está mi segunda imagen (foto de gatito con burbujas de adobestock ):

  Gatito jugando con pompas de jabón. Imagen 107245184 con licencia de Adobe Stock La segunda imagen. Crédito de la foto: Adobe Stock.

Cargar las imágenes en Photoshop como capas

Necesitamos obtener ambas imágenes en el mismo documento de Photoshop, con cada foto en su propia capa separada. Para ello, sube a la Expediente menú en la barra de menú en la parte superior de la pantalla, elija Guiones y luego elija Cargar archivos en la pila :

  Seleccionando el comando Cargar archivos en la pila en el menú Archivo. Ir a Archivo > Scripts > Cargar archivos en la pila.

Esto abre la Cargar capas caja de diálogo. Asegúrate que Usar la opción está configurada para archivos y luego haga clic en el Navegar botón:

  El cuadro de diálogo Cargar capas en Photoshop. El cuadro de diálogo Cargar capas.

Al hacer clic en Examinar, se abre un Explorador de archivos ventana en una PC o una Descubridor ventana en una Mac (que es lo que estoy usando aquí). Navegue a la ubicación de sus imágenes en su computadora. Seleccione las dos imágenes que desea usar y luego haga clic en OK en la ventana del Explorador de archivos o Abierto en la ventana de tu Finder:

  Selección de imágenes para abrir en Photoshop. Seleccionando mis imágenes.

De vuelta en el cuadro de diálogo Cargar capas, aparecerán los nombres de las imágenes que seleccionó. Hacer clic OK para cerrar el cuadro de diálogo y cargar las imágenes en Photoshop:

  Haciendo clic en Aceptar en el cuadro de diálogo Cargar capas. Al hacer clic en Aceptar para cargar las imágenes.

Photoshop carga ambas imágenes en el mismo documento, y si miramos en mi Panel de capas , vemos cada imagen en su propia capa. Fíjate que en mi caso, la foto del gato aparece arriba de la foto del perro (algunos podrían decir que es el orden natural de las cosas, pero estoy seguro de que mis dos perros no estarían de acuerdo):

  El panel Capas que muestra cada foto en su propia capa. El panel Capas que muestra cada foto en su propia capa.

Si miramos en la ventana de mi documento, así es como se muestran las dos imágenes. Ya que la foto del gato está sentada. arriba la foto del perro en el panel Capas, aparece en frente de la foto del perro en el documento. La foto del perro es un poco más ancha que la foto del gato, por lo que podemos ver parte de la foto del perro sobresaliendo en el extremo derecho:

  Las imágenes tal como aparecen después de cargarlas en Photoshop. Las imágenes tal como aparecen después de cargarlas en Photoshop.

Cambiar el nombre de las capas (opcional)

Si volvemos a mirar en el panel Capas, vemos que Photoshop ha nombrado las capas en función de los nombres de archivo de las imágenes. Voy a cambiar rápidamente el nombre de mis capas para no tener que seguir escribiendo esos nombres de archivo largos. Puede omitir esta parte si lo desea, pero cambiar el nombre de las capas es un muy buen hábito.

Comenzaré con la capa en la parte superior. Para cambiarle el nombre, voy a haga doble clic en su nombre actual para resaltarlo. Luego, ingresaré 'Gato' en mi teclado para el nuevo nombre. A menos que su foto también sea de un gato, es posible que desee nombrarlo de otra manera:

  Cambiar el nombre de la capa superior en el panel Capas. Cambiar el nombre de la capa superior.

voy a presionar el Pestaña en mi teclado para saltar hacia abajo y resaltar el nombre de la capa debajo:

  Presionando Tabulador para resaltar el nombre de la capa debajo de ella. Presionando Tabulador para resaltar el nombre de la capa inferior.

Luego escribiré 'Perro' para su nuevo nombre. presionaré Ingresar (Victoria) / Devolver (Mac) en mi teclado para aceptar los cambios de nombre, y ahora se ha cambiado el nombre de ambas capas, con una capa de 'Gato' en la parte superior y una capa de 'Perro' en la parte inferior. No hay nada más simple que eso:

  Ambas capas han sido renombradas. Ambas capas han sido renombradas.

Reposicionar las imágenes

Una última cosa que debo hacer antes de comenzar a combinar las imágenes es reubicarlas dentro del documento. Necesito mover la foto del gato hacia la derecha y la foto del perro hacia la izquierda.

Para hacer eso, seleccionaré Photoshop's Herramienta de movimiento desde el Barra de herramientas a lo largo de la izquierda de la pantalla. También podría seleccionar la herramienta Mover presionando la letra EN en mi teclado:

  Seleccionar la herramienta Mover de la barra de herramientas. Seleccionando la herramienta Mover.

Haré clic en la capa 'Gato' en el panel Capas para seleccionarla y convertirla en la capa activa:

  Seleccionando la capa Gato en el panel Capas. Seleccionando la capa 'Gato'.

Luego, haré clic en la imagen del documento y la arrastraré hacia la derecha. Mientras arrastro, mantendré presionado el botón Cambio tecla de mi teclado. Mantener presionada la tecla Mayús limita la dirección en la que puedo mover la capa, lo que hace que sea más fácil arrastrarla en una línea recta horizontal:

  Sosteniendo Shift mientras arrastra la capa Cat hacia la derecha. Manteniendo presionada la tecla Mayús mientras arrastra la capa 'Gato' hacia la derecha.

Ahora que he movido la foto del gato a la derecha, moveré la foto del perro a la izquierda. Dado que la foto del gato está bloqueando la vista de la mayor parte de la foto del perro, desactivaré la capa 'Gato' por el momento haciendo clic en su icono de visibilidad en el panel Capas:

  Al hacer clic en el icono de visibilidad de la capa Cat. Al hacer clic en el icono de visibilidad de la capa 'Gato'.

Con la capa 'Gato' desactivada, haré clic en la capa 'Perro' para seleccionarla:

  Seleccionando la capa Perro en el panel Capas. Seleccionando la capa 'Perro'.

Luego, haré clic dentro del documento con mi herramienta Mover, mantendré presionado mi Cambio y arrastre la imagen del perro hacia la izquierda. los patrón de tablero de ajedrez lo que ahora vemos en el lado derecho del documento es cómo Photoshop representa la transparencia en una capa. Lo estamos viendo porque moví la imagen del perro tanto hacia la izquierda que el lado derecho de la capa ahora está en blanco, y no hay otras capas debajo de la capa 'Perro' para que se vea cualquier otra cosa. Sin embargo, está bien, porque la foto del gato cubrirá esa área vacía una vez que la vuelva a encender:

  Manteniendo presionada la tecla Mayús mientras arrastra la capa Perro hacia la izquierda. Manteniendo presionada la tecla Mayús mientras arrastra la capa 'Perro' hacia la izquierda.

Con ambas imágenes ahora en su lugar, volveré a activar la capa 'Gato' haciendo clic una vez más en su icono de visibilidad (el cuadrado vacío donde solía estar el globo ocular) en el panel Capas:

  Volviendo a activar la capa Gato en el documento. Volviendo a activar la capa 'Gato'.

Y ahora, ambas imágenes son visibles una vez más. La foto del gato todavía bloquea gran parte de la vista de la foto del perro, pero ahora que hemos configurado nuestro documento, aprendamos cómo podemos usar una máscara de capa para combinar nuestras dos imágenes:

  Ambas fotos ahora se han movido a su lugar. El resultado después de reposicionar las imágenes.

¿Qué es una máscara de capa?

Entonces, ¿qué es exactamente es una máscara de capa y qué hace? Sencillamente, una máscara de capa es algo que podemos agregar a una capa que nos permite controlar la transparencia de esa capa. Por supuesto, también hay otras formas en Photoshop de controlar la transparencia de una capa. los Opacidad La opción del panel Capas es una forma de ajustar la transparencia. los Herramienta Borrador es otra forma común de agregar transparencia a una capa. Entonces, ¿qué hace que las máscaras de capa sean tan especiales?

Si bien la opción Opacidad en el panel Capas nos permite controlar la transparencia de una capa, está limitada por el hecho de que solo puede ajustar la transparencia para el toda la capa como un todo . Baje el valor de Opacidad al 50% y toda la capa se vuelve 50% transparente. Bájelo al 0% y toda la capa estará completamente oculta a la vista.

Eso puede estar bien en algunas situaciones. Pero, ¿y si solo necesita parte de una capa para ser transparente? ¿Qué sucede si, por ejemplo, desea que el lado izquierdo de una capa sea 100 % transparente (completamente oculto) y el lado derecho sea 100 % visible, con una transición suave entre ellos en el medio? Lo que acabo de describir es una técnica muy común en Photoshop, que nos permite desvanecer una imagen en otra. Pero dado que necesitaríamos ajustar el nivel de transparencia de diferentes áreas de la capa por separado , y la opción Opacidad solo puede afectar a toda la capa como un todo , este simple efecto va más allá de lo que puede hacer la opción Opacidad.

La opción de opacidad de capa

Para mostrarle lo que quiero decir, intentemos combinar nuestras dos imágenes usando la opción Opacidad en el panel Capas. Haga clic en la capa superior para seleccionarla, que en mi caso es la capa 'Gato':

  Seleccionando la capa superior en el panel Capas. Selección de la capa superior.

La opción Opacidad se encuentra en la parte superior derecha del panel Capas. De forma predeterminada, se establece en 100 %, lo que significa que la capa es completamente visible en el documento. Vamos a bajarlo a 70% :

  Reducir la opacidad de la capa superior al 70 por ciento. Reducir la opacidad de la capa superior al 70%.

Aquí vemos el resultado. Reducir la opacidad de mi capa 'Gato' hace que la imagen del gato aparezca desvanecida en el documento, lo que permite que la imagen del perro debajo de ella (así como el patrón de tablero de ajedrez a la derecha de la imagen del perro) se vea parcialmente. Sin embargo, debido a que la opción Opacidad afecta a toda la capa como un todo, toda la imagen del gato aparece difuminada. Lo que quería era una transición suave de una imagen a otra, pero todo lo que obtuve fue que la capa inferior se mostrara a través de la capa superior:

  El resultado después de bajar la opacidad de la capa superior al 70 por ciento. El resultado después de bajar la opacidad de la capa superior al 70%.

Si bajamos el valor de Opacity hasta el final 0% :

  Reducir la opacidad de la capa superior al 0%. Reducir la opacidad de la capa superior al 0%.

Todo lo que terminamos haciendo es ocultar la capa superior por completo. Nuevamente, es porque el valor de Opacidad afecta a toda la capa como un todo. No hay forma de ajustar diferentes partes de la capa por separado:

  El resultado tras bajar la opacidad al 0%. El resultado tras bajar la opacidad al 0%.

Dado que la opción Opacidad no nos dará el resultado que estamos buscando, volvamos a establecerla en 100% :

  Aumentar el valor de Opacidad de nuevo al 100%. Aumentar el valor de Opacidad de nuevo al 100%.

Esto vuelve a mostrar la imagen superior y nos devuelve al punto de partida:

  Ambas imágenes vuelven a ser visibles. Ambas imágenes vuelven a ser visibles.

Opacidad de capa vs Relleno en Photoshop

La herramienta Borrador

Ahora que hemos visto la opción Opacidad, veamos si Photoshop Herramienta Borrador puede darnos mejores resultados. A diferencia de la opción Opacidad, que afecta a toda la capa a la vez, la herramienta Borrador de Photoshop puede ajustar fácilmente la transparencia de diferentes partes de una capa por separado. Esto se debe a que la herramienta Borrador no es más que un pincel y, para usarla, simplemente arrastramos el pincel sobre las áreas que queremos eliminar.

Dado que la herramienta Borrador es tan simple e intuitiva (todo el mundo sabe lo que es un borrador), suele ser una de las primeras herramientas a las que recurrimos cuando aprendemos Photoshop. Y eso es desafortunado, porque la herramienta Borrador tiene un serio inconveniente. Como su nombre lo indica, la herramienta Borrador funciona borrando (borrar) píxeles en la imagen. Y una vez que esos píxeles desaparecen, no hay forma de recuperarlos.

Esto se conoce como destructivo editar en Photoshop porque hace un cambio permanente a la imagen original. Si, más adelante, necesitamos restaurar parte del área que borramos con la herramienta Borrador, no hay una manera fácil de hacerlo. A menudo, nuestra única opción en ese momento sería volver a abrir la imagen original (suponiendo que aún la tenga) y comenzar el trabajo de nuevo.

Salvando Nuestro Trabajo

Veamos la herramienta Borrador en acción. Pero antes de hacerlo, guardaremos rápidamente nuestro documento. De esa manera, cuando terminemos con la herramienta Borrador, podremos volver fácilmente al estado original de nuestro documento. Para guardarlo, sube a la Expediente menú en la parte superior de la pantalla y elija Guardar como :

  Seleccionando Guardar como en el menú Archivo. Yendo a Archivo > Guardar como.

Esto abre el cuadro de diálogo Guardar como. Nombra el documento como quieras. Llamaré al mío 'Comprender las máscaras de capa' y lo guardaré en mi escritorio. Asegúrese de configurar el Formato a photoshop , luego haga clic en el Ahorrar botón:

  El cuadro de diálogo Guardar como. Las opciones 'Guardar como'.

Ahora que hemos guardado el documento, seleccionaré la herramienta Borrador de la barra de herramientas. También podría seleccionarlo presionando la letra Y en mi teclado:

  Selección de la herramienta Borrador. Selección de la herramienta Borrador.

Con la herramienta Borrador seleccionada, voy a Botón derecho del ratón (Victoria) / Control-clic (Mac) dentro del documento para abrir el Selector de pinceles preestablecidos donde puedo ajustar el Tamaño y Dureza del pincel usando los controles deslizantes en la parte superior. Para fusionar una imagen con otra, un pincel grande y de bordes suaves suele funcionar mejor, así que aumentaré el tamaño del pincel a alrededor 490 píxeles y bajaré la dureza hasta el final 0% . Es posible que deba elegir un tamaño de pincel diferente según el tamaño de sus imágenes:

  Configuración del tamaño y la dureza de la herramienta Borrador. Configuración del tamaño y la dureza de la herramienta Borrador.

Luego, con mi capa 'Gato' aún seleccionada en el panel Capas, haré clic y arrastraré con la herramienta Borrador sobre parte de la imagen del gato para borrar esas áreas y comenzar a mezclarla con la imagen del perro debajo. Las cosas ya se ven mucho mejor que con la opción Opacidad. Solo se borran las partes de la imagen del gato que estoy arrastrando. El resto de la imagen permanece completamente visible:

  Borrando parte de la foto del gato con la herramienta Borrador. Borrando parte de la foto del gato para revelar la foto del perro detrás de ella.

Continuaré borrando más de la imagen del gato para mezclarla con la imagen del perro, y este es el resultado. Como vemos, la herramienta Borrador facilitó la combinación de las dos fotos:

  El resultado utilizando la herramienta Borrador. El resultado utilizando la herramienta Borrador.

Pero aquí está el problema con la herramienta Borrador. Voy a ocultar la imagen del perro por un momento haciendo clic en la capa 'Perro'. icono de visibilidad en el panel Capas:

  Desactivando la capa Perro. Desactivando la capa 'Perro'.

Esto nos permite ver solo la imagen de mi gato en el documento y ver lo que sucedió. Todas las áreas que arrastré con la herramienta Borrador ya no están. El patrón de tablero de ajedrez en su lugar nos dice que esas partes de la imagen ahora están en blanco. Si, más tarde, me doy cuenta de que borré demasiado de la imagen del gato y necesito recuperar algo, no tendré suerte. Una vez que esos píxeles se han eliminado, desaparecen para siempre:

  La herramienta Borrador eliminó permanentemente partes de la imagen. La herramienta Borrador eliminó permanentemente partes de la imagen.

Por supuesto, en este momento, probablemente podría simplemente deshacer mis pinceladas para restaurar las áreas que eliminé. Pero ese no será siempre el caso. Photoshop nos brinda solo un número limitado de deshacer, por lo que si hubiera trabajado más en el documento después de borrar los píxeles, es posible que no pueda retroceder lo suficiente en el historial de mi documento para deshacerlo. Además, una vez que cerramos el documento, perdemos nuestro historial de archivos, lo que significa que la próxima vez que abramos el documento para continuar trabajando, Photoshop no tendrá registro de nuestros pasos anteriores y no habrá forma de deshacerlos.

Restauración de la imagen

Afortunadamente, en este caso, planificamos con anticipación y guardamos nuestro documento antes de usar la herramienta Borrador. Para revertir el documento a la forma en que se veía antes de que borráramos los píxeles, todo lo que tenemos que hacer es subir a la Expediente menú en la parte superior de la pantalla y elija Revertir :

  Elegir el comando Revertir del menú Archivo. Yendo a Archivo > Revertir.

Esto devuelve el documento a la forma en que se veía la última vez que lo guardamos, restaurando los píxeles en la imagen superior:

  La imagen superior ha sido restaurada. La imagen superior ha sido restaurada.

¿Sigues desplazándote? ¡Descarga este tutorial en PDF!

Agregar una máscara de capa

Hasta ahora, hemos visto que la opción Opacidad en el panel Capas solo puede afectar capas enteras a la vez, y que la herramienta Borrador causa daño permanente a una imagen. A ver si una máscara de capa nos puede dar mejores resultados.

Queremos fusionar la imagen superior con la capa inferior, lo que significa que tendremos que ocultar parte de la capa superior para que se vea la capa inferior. Entonces, lo primero que debemos hacer es seleccionar la capa superior en el panel Capas (si aún no está seleccionada):

  Seleccionando la capa superior en el panel Capas. Selección de la capa superior.

Luego, para agregar una máscara de capa a la capa seleccionada, simplemente hacemos clic en el Añadir máscara de capa (el rectángulo con un círculo en el centro) en la parte inferior del panel Capas:

  Al hacer clic en el icono Agregar máscara de capa en el panel Capas. Al hacer clic en el icono 'Agregar máscara de capa'.

No pasará nada con las imágenes del documento, pero si volvemos a mirar en el panel Capas, vemos que la capa superior ahora muestra una miniatura de máscara de capa a la derecha de su miniatura de vista previa:

  Aparece una miniatura de máscara de capa en la capa seleccionada. Aparece una miniatura de máscara de capa en la capa seleccionada.

Tan fácil como blanco y negro (y gris)

Observe que la miniatura de la máscara de capa se rellena con blanco . ¿Por qué blanco? ¿Por qué no negro, rojo o azul? Bueno, la razón por la que no está lleno de rojo o azul es porque las máscaras de capa son Imágenes de escala de grises . Una imagen en escala de grises es una imagen que usa solo negro, blanco y los distintos tonos de gris intermedios. No puede mostrar ningún otro color.

Mucha gente piensa en las imágenes en escala de grises como en blanco y negro imágenes Pero en realidad, la mayoría de las fotos en blanco y negro son en realidad fotos en escala de grises, no en blanco y negro, ya que una verdadera foto en 'blanco y negro' contendría solamente negro puro y blanco puro, sin otros tonos de gris, y eso daría lugar a una imagen bastante extraña.

Entonces, dado que las máscaras de capa son imágenes en escala de grises, eso explica por qué la máscara de capa no está llena de rojo o azul. Pero ¿por qué blanco? ¿Por qué no negro o gris? Bueno, usamos una máscara de capa para controlar el nivel de transparencia de una capa. Por lo general, lo usamos para ajustar la transparencia de diferentes áreas de la capa de forma independiente (de lo contrario, solo usaríamos la opción Opacidad en el panel Capas que vimos anteriormente).

Pero, de forma predeterminada, cuando agregamos una máscara de capa por primera vez, Photoshop mantiene toda la capa completamente visible. Lo hace llenando la máscara de capa con blanco. ¿Por qué blanco? Es porque la forma en que funciona una máscara de capa es que utiliza blanco para representar las áreas de la capa que deben permanecer 100% visible en el documento Usa negro para representar áreas que deberían ser 100% transparente (completamente oculto). Y, utiliza los diversos tonos de gris en el medio para representar transparencia parcial , con áreas llenas de tonos de gris más oscuros que parecen más transparentes que las áreas llenas de tonos más claros.

En otras palabras, con las máscaras de capa, usamos el blanco para mostrar el contenido de la capa, de negro a ocultar ellos, y gris a parcialmente mostrarlos u ocultarlos. ¡Y eso es realmente todo lo que hay que hacer!

Dado que mi máscara de capa actualmente está llena de blanco, y el blanco en una máscara de capa representa áreas en la capa que son 100% visibles, mi imagen completa en la capa 'Gato' es completamente visible en el documento:

  La imagen del gato es 100% visible con la máscara de capa rellena de blanco. La imagen del gato es 100% visible con la máscara de capa rellena de blanco.

Veamos qué pasa si llenamos la máscara de capa con negro . Observe en el panel Capas que la miniatura de la máscara de capa tiene un blanco resaltar borde alrededor. Esto se debe a que la capa y su máscara de capa son dos cosas separadas, y el borde resaltado alrededor de la miniatura de la máscara de capa nos dice que la máscara, no la capa en sí, está seleccionada actualmente. Si no ve el borde resaltado alrededor de la miniatura de la máscara de capa, haga clic en la miniatura para seleccionarla:

  El borde resaltado alrededor de la miniatura nos dice que tenemos la máscara de capa seleccionada. El borde resaltado alrededor de la miniatura nos dice que la máscara de capa está seleccionada.

Luego, para rellenar la máscara de capa con negro, sube a la Editar menú en la parte superior de la pantalla y elija Llenar :

  Seleccionando el comando Relleno del menú Editar. Yendo a Editar > Rellenar.

Esto abre el cuadro de diálogo Relleno de Photoshop. Cambiar el Contenido opción en la parte superior para Negro , luego haga clic OK :

  Cambiar la opción Contenidos a Negro en el cuadro de diálogo Relleno. Cambiar 'Contenido' a 'Negro' en el cuadro de diálogo Relleno.

De vuelta en el panel Capas, vemos que la miniatura de la máscara de capa ahora está llena de negro sólido:

  El panel Capas que muestra la miniatura de la máscara rellena de negro. El panel Capas que muestra la miniatura de la máscara rellena de negro.

Dado que el negro en una máscara de capa representa áreas de la capa que son 100% transparentes, llenar toda la máscara de capa con negro hace que el contenido de la capa (foto de mi gato) quede completamente oculto a la vista. Esto nos da el mismo resultado que si hubiéramos bajado la opción Opacidad en el panel Capas hasta el 0%:

  La foto del gato desaparece después de rellenar la máscara de capa con negro. La imagen del gato desaparece después de rellenar la máscara de capa con negro.

¿Y si rellenamos la máscara de capa con gris? Hagamos un intento. volveré a subir a la Editar menú y volveré a elegir Llenar :

  Seleccionando el comando Relleno del menú Editar. Yendo de nuevo a Editar > Rellenar.

Cuando vuelva a aparecer el cuadro de diálogo Rellenar, cambiaré el Contenido opción de negro a 50% gris , luego haré clic OK :

  Cambiando la opción Contenidos en el cuadro de diálogo Relleno a 50% de gris. Cambiando 'Contenido' a '50% Gris'.

De vuelta en el panel Capas, vemos que la miniatura de mi máscara de capa ahora está rellena con un 50% de gris (el tono de gris directamente entre el negro puro y el blanco puro):

  Cambiando la opción Contenidos en el cuadro de diálogo Relleno a 50% de gris. El panel Capas que muestra la miniatura de la máscara rellena de gris.

Como el gris en una máscara de capa representa áreas de transparencia parcial en la capa, y rellenamos la máscara específicamente con un 50 % de gris, la foto de mi gato ahora aparece un 50 % transparente en el documento, lo que nos da el mismo resultado que si hubiéramos bajado la Opacidad. opción al 50%:

  El resultado después de rellenar la máscara de capa con un 50% de canas. El resultado después de rellenar la máscara de capa con un 50% de canas.

Restauremos la imagen al 100 % de visibilidad subiendo de nuevo a la Editar menú y elección Llenar :

  Seleccionando el comando Relleno del menú Editar. Yendo por última vez a Editar > Rellenar.

Cuando aparezca el cuadro de diálogo Relleno, cambie el Contenido opción a Blanco , luego haga clic OK :

  Cambiar la opción Contenidos a Blanco en el cuadro de diálogo Relleno. Cambiando 'Contenido' a 'Blanco'.

Esto llena nuestra máscara de capa con blanco, tal como era originalmente:

  La máscara de capa se vuelve a llenar de blanco. La máscara de capa se vuelve a llenar de blanco.

Y la imagen en la capa vuelve a ser 100% visible:

  El resultado después de rellenar la máscara de capa con blanco. El resultado después de rellenar la máscara de capa con blanco.

Edición destructiva vs no destructiva

Hasta ahora, las máscaras de capa no parecían nada especial. De hecho, como hemos visto, llenar una máscara de capa completamente con blanco, negro o gris sólido nos da el mismo resultado que usar la opción Opacidad en el panel Capas. Si eso fuera todo lo que las máscaras de capa pudieran hacer, no habría necesidad de máscaras de capa ya que la opción Opacidad es más rápida y fácil de usar.

Pero las máscaras de capa en Photoshop son mucho más poderosas que eso. De hecho, tienen más en común con la Herramienta Borrador que con la opción Opacidad. Al igual que la herramienta Borrador, las máscaras de capa nos permiten mostrar y ocultar fácilmente diferentes áreas de una capa de forma independiente.

Pero aquí está la diferencia importante. Mientras que la herramienta Borrador elimina permanentemente áreas de una imagen, las máscaras de capa simplemente ocultar esas áreas de la vista. En otras palabras, la herramienta Borrador hace destructivo ediciones a una imagen; las máscaras de capa lo hacen de forma no destructiva . Vamos a ver cómo funciona.

Primero, asegurémonos una vez más de que nuestra máscara de capa, no la capa en sí, esté seleccionada. Debería ver el borde resaltado en blanco alrededor de la miniatura de la máscara:

  Asegúrese de que la máscara, no la capa, esté seleccionada. Asegúrese de que la máscara, no la capa, esté seleccionada.

La herramienta Pincel

Mencioné anteriormente que la herramienta Borrador es un pincel. Con las máscaras de capa, no usamos la herramienta Borrador en sí, pero hacer usa un cepillo De hecho, usamos Photoshop Pincel . Lo seleccionaré de la barra de herramientas. También puede seleccionar la herramienta Pincel presionando la letra B en tu teclado:

  Seleccionando la Herramienta Pincel. Seleccionando la Herramienta Pincel.

Dado que queremos usar la herramienta Pincel para ocultar áreas de la capa sobre la que pintamos, y sabemos que en una máscara de capa, el negro representa áreas que están ocultas, necesitaremos pintar con negro . Photoshop utiliza nuestra actual Color de primer plano como el color del pincel. Pero por defecto, cada vez que tenemos una máscara de capa seleccionada, Photoshop establece el color de primer plano en blanco , no negro.

Podemos ver nuestros colores actuales de primer plano y de fondo en el Muestras de color cerca de la parte inferior de la barra de herramientas. Observe que el color de primer plano (la muestra en la esquina superior izquierda) está configurado en blanco y que el color de fondo (la muestra en la esquina inferior derecha) está configurado en negro. Estos son los colores predeterminados cuando se trabaja con máscaras de capa:

  Los colores actuales de primer plano y de fondo. Los colores actuales de primer plano (arriba a la izquierda) y de fondo (abajo a la derecha).

Para establecer nuestro color de primer plano en negro, todo lo que tenemos que hacer es intercambiar los colores actuales de primer plano y de fondo, y la forma más fácil de hacerlo es presionando la letra X en tu teclado. Esto establece el color de primer plano y nuestro color de pincel en negro:

  Intercambiar los colores de primer plano y de fondo. Presionando X para intercambiar los colores de primer plano y de fondo.

Todo lo que tenemos que hacer ahora es establecer el tamaño y la dureza de nuestro pincel. Al igual que hice con la herramienta Borrador, voy a Botón derecho del ratón (Victoria) / Control-clic (Mac) dentro de mi documento para abrir rápidamente Photoshop Selector de pinceles preestablecidos . Entonces, usaré el Tamaño control deslizante en la parte superior para configurar el tamaño de mi pincel al mismo tamaño que usé con la herramienta Borrador (alrededor de 490 px), y arrastraré el Dureza control deslizante completamente hacia la izquierda (hasta un valor de 0%) para darle a mi pincel bordes agradables y suaves:

  Configuración del tamaño y la dureza de la herramienta Pincel. Configuración del tamaño y la dureza de la herramienta Pincel.

Pintar con negro para ocultar áreas

Luego, con el negro como color de mi pincel, comenzaré a pintar sobre aproximadamente las mismas áreas que pinté con la herramienta Borrador. Debido a que estoy pintando sobre una máscara de capa, no sobre la capa en sí, no vemos el color del pincel mientras pintamos. En cambio, dado que estoy pintando con negro, y el negro oculta áreas en una máscara de capa, las áreas sobre las que pinto están ocultas a la vista:

  Pintar con negro en la máscara de capa para ocultar partes de la imagen. Pintar con negro en la máscara de capa para ocultar partes de la imagen.

Continuaré ocultando más de la imagen del gato pintando sobre más áreas con negro hasta obtener un resultado similar al que obtuve con la herramienta Borrador:

  Pintando más de la imagen superior. Pintando más de la imagen superior.

En este punto, la diferencia entre una máscara de capa y la herramienta Borrador no es tan obvia. Ambos me permitieron combinar mis dos imágenes al ocultar partes de la capa superior, y ambos me dieron resultados similares. Sin embargo, como vimos anteriormente, la herramienta Borrador eliminó permanentemente las áreas que borré. Veamos más de cerca lo que sucedió con la máscara de capa.

Primero, volvamos a mirar la miniatura de nuestra máscara de capa en el panel Capas, donde vemos que ya no se llena solo con blanco sólido. Parte de él permanece blanco, pero también podemos ver las áreas donde lo pintamos con negro:

  La miniatura de la máscara de capa ahora contiene blanco y negro. La miniatura de la máscara de capa ahora contiene tanto blanco y negro.

Visualización de la máscara de capa

Es importante comprender que la miniatura de la máscara de capa en el panel Capas no es la máscara de capa real en sí. La miniatura está ahí simplemente para darnos una forma de seleccionar la máscara de capa para que podamos trabajar en ella, y para mostrarnos una pequeña vista previa de cómo se ve la máscara de capa de tamaño completo.

Para ver la máscara de capa real en su documento, mantenga presionada la tecla Todo (Victoria) / Opción (Mac) en su teclado y haga clic en el miniatura de máscara de capa :

  Sosteniendo Alt (Win) / Opción (Mac) y haciendo clic en la miniatura de la máscara de capa. Sosteniendo Alt (Win) / Opción (Mac) y haciendo clic en la miniatura de la máscara.

Esto oculta temporalmente nuestra imagen y la reemplaza con la máscara de capa, brindándonos una mejor vista de lo que hemos hecho. En mi caso, el área blanca de la derecha es donde la foto de mi gato queda 100% visible. Las áreas que pinté con negro son las áreas donde la imagen de mi gato ahora es 100% transparente, lo que permite que se vea la foto del perro debajo de la capa.

Y, debido a que pinté con un pincel de borde suave, vemos un efecto de difuminado alrededor de las áreas negras, creando estrechas gradientes esa transición suave del negro al blanco. Dado que sabemos que el gris en una máscara de capa crea una transparencia parcial, y los tonos de gris más oscuros parecen más transparentes que los tonos más claros, esos degradados de oscuro a claro entre las áreas negra (100 % transparente) y blanca (100 % visible) permiten que mi dos imágenes para hacer una transición suave juntas:

  Ver la máscara de capa real en el documento de Photoshop. Ver la máscara de capa real en el documento.

Para ocultar la máscara de capa y volver a su imagen, una vez más presione y mantenga presionado Todo (Victoria) / Opción (Mac) en su teclado y haga clic en el miniatura de máscara de capa :

  Sosteniendo Alt (Win) / Opción (Mac) y haciendo clic en la miniatura de la máscara de capa. Sosteniendo Alt (Win) / Opción (Mac) y haciendo clic en la miniatura de la máscara nuevamente.

Y ahora, volvemos a ver nuestras imágenes:

  La máscara de capa vuelve a estar oculta a la vista. La máscara de capa vuelve a estar oculta a la vista.

Desactivar la máscara de capa

También podemos desactivar la máscara de capa en el documento. Para apagar la máscara, mantenga presionada la tecla Cambio en su teclado y haga clic en el miniatura de máscara de capa . un gran rojo X aparecerá en la miniatura para informarle que la máscara se ha desactivado temporalmente:

  Desactivar la máscara de capa en el documento. Sosteniendo Shift y haciendo clic en la miniatura de la máscara de capa.

Con la máscara de capa desactivada, ya no vemos sus efectos en el documento, y aquí es donde la diferencia entre la herramienta Borrador y una máscara de capa se vuelve obvia. Recuerde, la herramienta Borrador eliminó permanentemente áreas de la imagen. Sin embargo, como vemos, la máscara de capa no lo hizo. Todo lo que hizo la máscara de capa fue ocultar esas áreas de la vista. Cuando desactivamos la máscara, la imagen completa en la capa regresa:

  Desactivar la máscara de capa hace que toda la imagen sea 100 por ciento visible. Desactivar la máscara de capa hace que toda la imagen de la capa sea 100% visible.

Para volver a activar la máscara y ocultar esas áreas nuevamente, mantenga presionada Cambio y haga clic una vez más en el miniatura de máscara de capa . El rojo X a través de la miniatura desaparecerá, al igual que las áreas de la imagen que pintó con negro:

  Al volver a activar la máscara de capa, se ocultan las áreas una vez más. Al volver a activar la máscara de capa, se ocultan las áreas una vez más.

Pintar con blanco para restaurar zonas ocultas

Dado que una máscara de capa simplemente oculta, en lugar de eliminar, áreas en una capa, y nuestra imagen original aún está allí, es fácil recuperar las áreas que estaban ocultas anteriormente. Lo sabemos blanco en una máscara de capa hace que esas áreas sean 100% visibles, por lo que todo lo que tenemos que hacer es pintar sobre las áreas que queremos restaurar con blanco.

Para cambiar el color de tu pincel de negro a blanco, presiona la letra X en su teclado para cambiar los colores de primer plano y de fondo a sus valores predeterminados. Esto establece su color de primer plano (y el color de su pincel) en blanco:

  Presionando X para cambiar los colores de primer plano y de fondo a los valores predeterminados. Presionando X para cambiar el color de primer plano (muestra superior izquierda) de nuevo a blanco.

Luego, con la máscara de capa aún seleccionada y blanco como color de pincel, simplemente pinte sobre las áreas que antes estaban ocultas para hacerlas visibles. En mi caso, pintaré sobre la pata del perro en la parte inferior central para ocultarla y mostrar la imagen del gato en su lugar:

  Pintura con blanco sobre el centro inferior de la imagen. Restaurando la foto del gato en el centro inferior pintando la máscara con blanco.

Nuevamente, debido a que estamos pintando en una máscara de capa, no en la imagen en sí, no vemos el color de nuestro pincel mientras pintamos. Entonces, para ver mejor lo que he hecho, veré mi máscara de capa en el documento presionando y manteniendo presionada Todo (Victoria) / Opción (Mac) en mi teclado y haciendo clic en el miniatura de máscara de capa , tal como lo hicimos antes.

Con la máscara de capa ahora visible, vemos lo fácil que fue restaurar la imagen superior en esa área. Aunque anteriormente lo había pintado de negro para ocultar la foto del gato, todo lo que tuve que hacer para restaurarlo fue pintar esa misma área con blanco:

  Pintar sobre el área con blanco fue todo lo que se necesitó para restaurar la foto en la capa superior. Pintar sobre el área con blanco fue todo lo que se necesitó para restaurar la imagen en la capa superior.

Dónde ir después