Edición no destructiva en Photoshop (I): recortes con máscara de capa

Edición no destructiva en Photoshop (I): recortes con máscara de capa - imagen 11
Cómo seleccionar partes de una imagen y recortarlas sin destruir el original utilizando el pincel, la varita mágica y máscaras de capa en Adobe Photoshop

Cada vez que editas una imagen en Photoshop estás destruyendo información: si la reduces de 2000 a 1500 píxeles, eliminas 500 píxeles que nunca volverán, si alteras su contraste pierdes detalle. Afortunadamente, Photoshop ofrece métodos de edición no destructiva con los que cualquier cambio que hagas será editable y reversible, dejando la imagen original siempre intacta para que puedas volver a ella cada vez que metas la pata. En esta guía nos centraremos en un método no destructivo enfocado a la selección y recorte de imágenes, si te interesa modificar colores, tamaños y aplicar efectos, puedes puedes dirigirte a la segunda guía.

Las técnicas aquí explicadas son bastante avanzadas y forman parte del arsenal de los expertos en edición fotográfica. Otra cosa es que para ilustrar su funcionamiento haya elegido contarte, paso a paso, un proyecto de apariencia y acabado no demasiado profesional: un fabuloso gato que baila claqué.

Primeros pasos

Tras abrir la imagen de este carismático gato desde el menú Archivo/Abrir, tengo que desbloquear la capa, para ello abro el panel de capas desde Ventana/Capas, hago doble clic sobre la única capa que hay y pulso OK en la ventana emergente. Ya estamos listos para empezar: el objetivo es seleccionar el contorno del gato para separar a éste del fondo y poder colocarlo en un escenario mejor, literalmente. Hay muchas formas de seleccionar el gato de forma automática, como la famosa varita mágica, pero fíjate en cómo falla ésta cuando los fondos son complicados:1-varita-fail-0.0La selección de la varita no tan mágica aparece resaltada por la línea discontinua

Afortunadamente el cerebro humano reconoce ciertos patrones mejor que Photoshop, así que usaré una técnica basada en mi propia capacidad de cálculo: trazar el contorno a mano sobre una máscara de capa. Desde aquí puedo oír tus justificadas quejas: 

- ¿A mano, para eso me he gastado yo la pasta en hardware y software?

- Muchas veces tendrás que hacer retoques a mano para llegar donde Photoshop no puede. Esta técnica funcionará cuando todo lo demás falle, así que aunque es laboriosa, es mejor que la conozcas.

- ¿Máscara de capa?

- Sigue leyendo.

La máscara de capa

2-capas-y-equivalencia-0.0Echa un vistazo al panel de capas, imagina las capas como fotografías impresas y apiladas: la primera capa-fotografía de la pila tapará a las de abajo, si uno la agujerea de alguna forma, a través del agujero se verá la fotografía inmediatamente inferior. Piensa ahora en las máscaras de capa como en gomas de borrar capaces de eliminar hasta el papel, la diferencia es que las máscaras no se cargan la fotografía como haría una goma semejante, éstas sólo convierten la zona "borrada" en transparente, permitiendo que se vea la fotografía que haya debajo. 

Las máscaras de capa funcionan pintando sobre ellas en blanco y negro, ya sea con pinceles, seleccionando un área con la varita y rellenándola o como te parezca, lo que debes saber es que el color negro borra la imagen (le da un 0% de opacidad) y el blanco la muestra (opacidad al 100%). ¿Y qué pasa si pinto de gris?, pues que conseguirás imágenes translúcidas, cuanto más oscuro sea el gris, más estás apretando la "goma de borrar" y más transparente quedará la capa. Lo entenderás mejor con un ejemplo:

3-capas-con-máscara-2En el panel de capas, selecciono la capa del gato y pulso el botón Añadir máscara de capa, situado abajo en el panel, su icono es un rectángulo blanco con un círculo negro. La máscara aparecerá como un rectángulo blanco enlazado a la capa que quiero enmascarar. Ahora pinto sobre la máscara con el pincel:

  1. Un trazo negro aparecerá como un agujero en la capa 
  2. Las zonas que dejo blancas siguen siendo opacas
  3. Puedo pintar de blanco dentro de una zona negra para devolverle su opacidad original 
  4. Una pincelada de gris creará una zona translúcida
  5. Un pincel suave (más adelante los veremos), crea bordes difuminados

Como irás imaginando, las máscaras de capa pueden servir para seleccionar y recortar al mismo tiempo, teniendo la ventaja de no alterar la imagen que recortan y poder ser modificadas en cualquier momento sólo con volver a pintar en ellas.

Apliquemos a nuestro proyecto lo que hemos aprendido

Borro todas las tonterías que le he hecho a la máscara de capa sin necesidad de deshacer, sólo seleccionándolo todo (Barra de menús/Selección/Todo) y pintándolo de blanco. Es rapidísimo, pero si no sabes nada sobre pintar, te explico que Photoshop tiene 2 colores activos: el frontal y el de fondo (los verás a la izquierda, en la parte inferior de la caja de herramientas). Para cambiar cualquiera de los colores haz clic en uno de ellos, eso lanzará una paleta, elige en ella el color que quieras y acepta. Para pintar la selección actual con el color frontal, pulsa Alt + Retroceso, para pintarla con el color de fondo pulsa la tecla Comando (en Mac) o Control (PC) + Retroceso. Puedes intercambiar los colores frontal y de fondo pulsando la tecla X. En Photoshop hay pocos atajos más útiles que estos, conviene memorizarlos.

Ahora selecciono la herramienta pincel en la caja de herramientas y la configuro para trazar el contorno del gato, para ello hago aparecer su menú mediante un clic derecho con el pincel sobre cualquier parte de la imagen:

4-menu-pincel
  • Le doy un tamaño de 7 píxeles, si quisiera adaptar el contorno a detalles más pequeños necesitaría un diámetro menor, todo depende de la fidelidad que quiera lograr
  • Ajusto la dureza: si la disminuyo, los bordes del pincel se difuminarán, aumentando su transparencia hacia afuera como vimos en el punto 5 hace dos imágenes. Conviene elegir una dureza acorde con los contornos del modelo, si sus límites son muy definidos conviene un pincel duro, si son suaves como en este caso, queda más natural una dureza baja

5-gato-a-mitad-contornearEmpiezo a trazar por la oreja a mi izquierda y voy avanzandoSelecciono el color negro (volver transparente) y empiezo a trazar el contorno intentando respetar los detalles según mi nivel de exigencia, en este caso reconozco que bastante bajo. Por donde trazo, la capa del gato se vuelve transparente y va revelando las rojas cortinas de la capa que he colocado en la capa inferior (más sobre cómo colocar y ordenar capas en la siguiente guía, por ahora no es necesario). Tengo negro como color frontal y blanco de color de fondo, así, cuando meto la pata "borrando", pulso X para cambiar a color blanco y pinto para volver a mostrar lo que he borrado por error, luego cambio a negro (otra vez X) y rehago el contorno.

6-gato-contorneado-2

Ya tengo el gato contorneado, ¿qué pasa con todo ese césped?, sigue visible porque todavía es blanco en la máscara de capa. Para ocultarlo hay que seleccionar su área y pintar la máscara de negro: 

- Manteniendo la tecla Alt pulsada en el teclado, hago clic en la máscara (dentro del panel de capas, claro), esto activa un modo en el que sólo se ve la máscara (imagen de la izquierda):

imagen_de_la_discordia

- Con la varita mágica (la cuarta desde arriba en la caja de herramientas), selecciono el blanco del que me quiero deshacer, pero como el pincel que he usado tenía bordes suaves, la varita dejará un lamentable contorno gris que hay que eliminar. Para ello voy al menú Selección/Modificar/Expandir, le indico que quiero expandirla 2 píxeles y ahora sí, la selección engloba todo lo que quiero ocultar, así que la pinto de negro (imagen a la derecha) y arreglado. Para comprobar cómo ha quedado, vuelvo a hacer Alt+clic en la máscara:9-gato-recortado-2Tened en cuenta que en la próxima guía le pondremos zapatitos de claqué y otros complementos de bailarín

Perfeccionar la máscara

Fíjate en la línea verde que ha quedado rodeando la tripa de nuestro gato, este recorte puede mejorarse mucho y desde luego podría hacerlo pintando la máscara con negro como hemos visto hasta ahora, pero ya que estamos, prefiero enseñarte otra técnica que sirve para pulir máscaras como la que nos ocupa. Empiezo por hacer doble clic en la máscara de capa, lo cual abre la ventana de propiedades donde está el botón Borde de máscara, lo pulso para abrir la ventana Perfeccionar máscara:10-refinar-capa-2

Aquí puedo ajustar los contornos de la máscara y ver los cambios en tiempo real, aumento un poco el calado (lo cual difumina más el contorno de la máscara) y doy un valor negativo a Desplazamiento de borde para desplazar el mismo hacia dentro de la figura, dejando fuera el verde que quiero eliminar. Ahora activo la opción Recordar ajustes abajo a la izquierda y pulso OK. Como recordar está marcado, si vuelvo a abrir esta ventana (y es probable que lo haga) retomaré el trabajo justo por donde lo dejé, permitiendo incluso poner los valores a cero y dejar la máscara como estaba al principio, ningún cambio ha sido permanente.11-final-por-ahora-2

Ha quedado francamente mal, pero ahora que habéis seguido esta guía, sabéis que hay dos razones por las que esto no es motivo para preocuparse:

  1. Bastará con retocar los contornos sobre la máscara de capa o seguir toqueteando Perfeccionar máscara. El original sigue intacto
  2. Puedes guardar el trabajo y dejarlo para otro día, seguirá perfectamente editable cuando lo retomes. Desde luego es lo que voy a hacer yo

Un caso más sencillo

12-sombrero-2Imagen original de Nikodem Nijaki editada con licencia CC 3.0.Ya lo sabes prácticamente todo sobre las máscaras de capa y además hemos tocado varios temas importantes que te servirán para mucho más que recortar imágenes, pero quiero ponerte un último ejemplo de recorte para repasar lo aprendido y mostrar que hay diferentes formas de utilizar estos métodos, para ello adelantaré trabajo recortando el sombrero de nuestro gato, como ya controlas bastante el tema, la explicación será breve:

  • Como este fondo no tiene complicación, basta con seleccionarlo con un clic de la varita mágica
  • Me dirijo a Selección/invertir para que lo que quede seleccionado sea el sombrero y no el fondo
  • Pulso el botón Crear máscara de capa y, como el sombrero ya estaba seleccionado, Photoshop entiende que es eso lo que quiero dejar visible, así que deja blanca el área del sombrero y pinta de negro el resto de la máscara, ocultando el fondo y dejando ver una capa azul que he puesto debajo para que se note el recorte
  • Como la selección que hice con la varita dejaba un poco que desear, refino la máscara desde la ventana Perfeccionar máscara

Ahora sí, ya sabes todo lo que necesitas saber sobre las máscaras de capa. En la próxima guía, que será más variada, veremos cómo colocar los elementos recortados en un montaje, redimensionarlos, editar sus colores y aplicarles efectos, todo ello sin alterar las imágenes originales.

Relacionados

Nos encanta escucharte ¿Nos dejas tu opinión?