Mapear una textura a una cara con Photoshop

Escrito por Steve Patterson.

En esto Tutorial de efectos de Photoshop , aprenderemos a usar el filtro Desplazar y un mapa de desplazamiento para agregar una textura interesante al rostro de una persona en una foto. El mapa de desplazamiento nos permitirá envolver la textura alrededor de la forma y los contornos de la cara, en lugar de que parezca que simplemente pegamos una textura plana en la foto.



Los mapas de desplazamiento se introdujeron por primera vez en Photoshop 2.0, por lo que, a menos que siga usando la misma versión de Photoshop que compró hace 20 años, debería estar bien. Usaré Photoshop CS4 a lo largo de este tutorial, pero cualquier versión reciente funcionará.

Para crear el efecto de textura, necesitará dos imágenes: la foto principal a la que desea aplicar la textura y una foto para usar como la textura en sí. Aquí está la imagen a la que aplicaré mi textura:





  La imagen original. Imagen con licencia de iStockphoto por Photoshop Essentials.com. La imagen original.

Aquí está la imagen que usaré para mi textura, un simple primer plano de una roca que tomé afuera:

  Una foto de textura de roca. La foto de la textura.

Así es como se verá después de que hayamos mapeado la textura en la cara del hombre:



  Efecto de mapa de textura de Photoshop. El efecto de mapa de textura final.

Cómo asignar una textura a una cara con Photoshop

Paso 1: Seleccione el canal con el mejor contraste de imagen

Comencemos con la foto a la que aplicaremos la textura. Cambia a tu Canales panel por un momento. Encontrará el panel Canales agrupado con los paneles Capas y Rutas ('paneles' se denominan 'paletas' en versiones anteriores de Photoshop). Haga clic en la pestaña Nombre de los canales en la parte superior del grupo para seleccionarlo. Verá una lista de tres canales de color: Rojo , Verde , y Azul - junto con un compuesto RGB canal en la parte superior:

  El panel Canales en Photoshop CS4. El panel Canales (paleta) en Photoshop.

Para obtener más información sobre los canales de color y el modo de color RGB en Photoshop, asegúrese de consultar nuestro completo Explicación de los canales de color y RGB en Photoshop tutorial. Vamos a usar uno de estos tres canales (Rojo, Verde o Azul) para crear nuestro mapa de desplazamiento, que luego se usará para mapear nuestra textura a los contornos de la cara de la persona.



Necesitamos seleccionar el canal que nos dará la mayor cantidad de contraste de imagen, ya que cuanto más contraste tengamos, mejores resultados obtendremos con nuestro mapa de desplazamiento. Haga clic en cada canal individual (Rojo, Verde y luego Azul) en el panel Canales. Aquí, estoy haciendo clic en el canal rojo para seleccionarlo. El canal actualmente seleccionado aparecerá resaltado en azul:

  Seleccionando el canal de color Rojo en el panel Canales en Photoshop. Seleccione canales individuales haciendo clic en ellos en el panel Canales.

Al hacer clic en cada canal, verá aparecer una versión en blanco y negro de la foto en la ventana del documento. Cada canal nos dará una versión diferente en blanco y negro dependiendo de qué tan prominente sea ese color en la foto. Necesitamos escoger el canal que nos dé el mejor contraste de imagen en el rostro de la persona. Así es como se ve cada uno de mis tres canales, con el rojo a la izquierda, el verde en el medio y el azul a la derecha:

  Comparación de los canales de color rojo, verde y azul en Photoshop. Cada canal de color (Rojo, Verde, Azul) nos da una versión diferente en blanco y negro de la imagen.

Por lo general, cuando se trata de tonos de piel, el canal rojo será demasiado brillante y desteñido para usarlo como mapa de desplazamiento (dado que la piel siempre contiene mucho rojo), por lo que generalmente terminará eligiendo los canales verde o azul. En mi caso aquí, el canal azul es demasiado oscuro, por lo que está fuera. El canal rojo en realidad contiene más detalles de los que normalmente esperaría, pero creo que el canal verde contiene la mayor cantidad de contraste, con algunas luces brillantes y sombras oscuras, así que usaré el canal verde para mi mapa de desplazamiento.



Paso 2: duplica el canal

Una vez que haya determinado qué canal usará para su mapa de desplazamiento, asegúrese de tenerlo seleccionado en el panel Canales. Estoy usando el canal verde, así que haré clic en él para seleccionarlo:

  Seleccionando el canal Verde en Photoshop. Haga clic en el canal que usará para su mapa de desplazamiento.

Luego haga clic en el icono de menú en la esquina superior derecha del panel Canales y seleccione Canal duplicado del menú que aparece:

  Seleccionando la opción Duplicar canal en Photoshop. Haga clic con el botón derecho (Win) o pulse Control y haga clic (Mac) en el canal y elija Duplicar canal.

Esto abrirá el cuadro de diálogo Duplicar canal. Seleccione Nuevo Para el Documento opción en el Destino del cuadro de diálogo, que abrirá la copia del canal como un documento de Photoshop independiente. No te preocupes por nombrarlo:



  El cuadro de diálogo Duplicar canal en Photoshop. Establezca la opción Documento en Nuevo para crear un nuevo documento desde el canal.

Haga clic en Aceptar para salir del cuadro de diálogo. La imagen en blanco y negro aparecerá en una ventana de documento separada:

  El canal verde aparece como un documento de Photoshop independiente. La versión en blanco y negro del canal Verde (o el canal que elija) ahora aparece en su propia ventana de documento.

¡Prepararemos nuestra imagen para usarla como un mapa de desplazamiento a continuación!



Paso 3: aplique el filtro mediano a la imagen del mapa de desplazamiento

Para estos próximos pasos, trabajaremos en la imagen del mapa de desplazamiento que acabamos de crear, así que ignore la imagen original por ahora. Necesitamos eliminar gran parte de los detalles del rostro de la persona, de lo contrario, todos los pequeños poros, bultos, barbas y pequeñas imperfecciones de la piel causarán problemas. Usaremos un par de filtros de Photoshop para suavizar las cosas para nosotros. El primero que aplicaremos es el Mediana filtro, que es excelente para reducir pequeños detalles mientras mantiene intactos los bordes que definen un objeto. sube a la Filtrar menú en el Barra de menús en la parte superior de la pantalla, elija Ruido y luego elija Mediana :

  Seleccionando el filtro Mediano en Photoshop. Vaya a Filtro > Ruido > Mediana.

Esto abrirá el cuadro de diálogo del filtro Mediana. Vigile su imagen en la ventana del documento mientras arrastra el Radio deslizador en la parte inferior del cuadro de diálogo. El control deslizante determina cuánto detalle se elimina de la imagen. Cuanto más arrastre el control deslizante hacia la derecha, más detalles eliminará. La idea es eliminar tantos detalles de la cara de la persona como sea posible mientras se mantienen intactos los bordes importantes. No hay una configuración específica para usar aquí, ya que dependerá del tamaño de la imagen en la que esté trabajando, pero voy a establecer mi valor de Radio en alrededor de 8 píxeles:



  El filtro Mediano en Photoshop. Ajuste la cantidad de Radio con el control deslizante en la parte inferior del cuadro de diálogo.

Haga clic en Aceptar para salir del cuadro de diálogo. Aquí podemos ver que me las arreglé para reducir significativamente el detalle en la cara del hombre mientras mantengo los bordes definitorios agradables y nítidos:

  La imagen después de aplicar el filtro Mediana en Photoshop. Gran parte de los detalles del rostro del hombre se han eliminado sin desdibujar los detalles importantes de los bordes.

Paso 4: aplique el filtro de desenfoque gaussiano

A continuación, aplicaremos el filtro Desenfoque gaussiano para finalizar nuestro mapa de desplazamiento. Vuelve a subir a la Filtrar menú y esta vez, elija Difuminar , entonces escoge Desenfoque gaussiano :

  Seleccionando el filtro Gaussiano en Photoshop. Vaya a Filtro > Desenfocar > Desenfoque gaussiano.

Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, utilice el Radio control deslizante en la parte inferior del cuadro de diálogo de la misma manera que lo usó con el filtro Mediana hace un momento, vigilando su imagen en la ventana del documento mientras arrastra el control deslizante hacia la derecha para aplicar más desenfoque a la imagen. Nuevamente, no hay una configuración específica para usar aquí, ya que dependerá de su imagen, pero el objetivo es aplicar suficiente desenfoque para suavizar las cosas y al mismo tiempo poder distinguir detalles importantes (ojos, nariz, boca, etc.). Voy a aumentar mi valor de Radio a alrededor de 13 píxeles:

  El filtro Desenfoque gaussiano en Photoshop. Aumente el valor de Radio para aumentar la cantidad de desenfoque que se aplica a la imagen.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo. Photoshop aplica el desenfoque al mapa de desplazamiento:

  La imagen después de aplicar el filtro Desenfoque gaussiano. El mapa de desplazamiento ahora aparece con transiciones suaves entre diferentes niveles de brillo.

Paso 5: Convierta la imagen a escala de grises

Finalmente, vamos a convertir nuestra imagen de mapa de desplazamiento a la escala de grises Modo de color. Técnicamente, esto no es absolutamente necesario ya que Photoshop también puede usar mapas de desplazamiento guardados en otros modos de color, pero puede tener problemas si su mapa de desplazamiento contiene demasiados canales, por lo que convertir la imagen a escala de grises, lo que limita la imagen a un canal único, es una buena manera de evitar esos problemas. sube a la Imagen menú en la parte superior de la pantalla, elija Modo (que es la abreviatura de Modo de color), luego elija escala de grises :

  Conversión de la imagen al modo de color en escala de grises en Photoshop. Vaya a Imagen > Modo > Escala de grises.

Paso 6: Guarde la imagen como archivo .PDF de Photoshop

Ahora que hemos preparado nuestra imagen para usarla como mapa de desplazamiento, debemos guardarla y debemos guardarla específicamente como Photoshop .PSD expediente. Este es el único tipo de archivo que Photoshop puede usar para mapas de desplazamiento, aunque no tengo idea de por qué. A veces, solo tienes que aceptar las cosas, y este es uno de esos momentos. sube a la Expediente menú en la parte superior de la pantalla y elija Guardar como :

  El comando Guardar como en Photoshop. Vaya a Archivo > Guardar como.

Esto abre el cuadro de diálogo Guardar como. Asigne al archivo un nombre descriptivo. Voy a nombrar el mío 'displace.psd', y asegúrese de seleccionar photoshop Para el Formato opción para que se guarde como un archivo .PSD. Encuentro que el lugar más fácil para guardar mapas de desplazamiento es en una carpeta de 'mapas de desplazamiento' que he creado en mi escritorio, así que ahí es donde guardaré mi archivo:

  El cuadro de diálogo Guardar como en Photoshop. Guarde el archivo en una ubicación que pueda recordar fácilmente, como su escritorio.

Haga clic en el botón Guardar cuando haya terminado para guardar el archivo. Ahora puede cerrar la ventana del documento del mapa de desplazamiento.

Paso 7: seleccione la cara de la persona en la foto

Hemos terminado de trabajar en nuestro mapa de desplazamiento en este punto, así que vuelve a tu foto original (a la que vas a aplicar la textura). Si aún ve la imagen en blanco y negro en la ventana del documento, es porque todavía tenemos un solo canal seleccionado en el panel Canales. Haga clic en el canal RGB en la parte superior del panel Canales para recuperar la versión a todo color de la imagen. El canal RGB no es realmente un canal, es simplemente la combinación de los tres canales individuales y es lo que nos permite ver la imagen a todo color:

  Selección del canal RGB en Photoshop. Al hacer clic en el canal RGB, se seleccionan todos los canales a la vez y se muestra la imagen a todo color.

Cambie también al panel Capas haciendo clic en la pestaña Nombre de capas en la parte superior del grupo de paneles. Necesitamos seleccionar el área de la foto a la que queremos mapear la textura. Como queremos asignar la textura solo a la cara de la persona, primero debemos seleccionarla. Utilice la herramienta de selección de su elección (herramienta Lazo, bolígrafo también l, etc.) para dibujar una selección alrededor del área que necesita. En mi caso, usaré la herramienta Lazo para dibujar una selección alrededor de la cara del hombre y la parte superior de su cabeza:

  Dibujar una selección en Photoshop. Dibuje una selección alrededor del área a la que desea asignar la textura.

El único problema es que si tuviera que aplicar la textura en este momento, sus ojos estarían cubiertos por la textura ya que actualmente están dentro del área seleccionada. Necesito quitar sus ojos de la selección, y la forma más fácil de hacerlo es simplemente mantener presionado mi Todo (Victoria) / Opción (Mac), que coloca temporalmente la herramienta Lazo en Restar de la selección modo, indicado por un pequeño signo menos ('-') en la esquina inferior derecha del icono de lazo. Arrastre una selección alrededor de cada ojo para eliminarlos del área seleccionada. Cuando haya terminado, debería ver los contornos de selección alrededor de la cabeza y los ojos de la persona. Ahora solo se selecciona el área entre los contornos de selección, lo que significa que los ojos ya no se verán afectados:

  Quitando los ojos de la selección. Mantenga presionada la tecla Alt (Windows) / Opción (Mac) para cambiar temporalmente al modo Restar de la selección con cualquier herramienta de selección básica.

Asegúrese de revisar nuestro Tutorial Todo el poder de las selecciones básicas para obtener más información sobre cómo trabajar con selecciones en Photoshop.

Paso 8: Guarde la selección

No necesitamos nuestra selección en este mismo momento, pero la necesitaremos pronto, así que guardémosla. sube a la Seleccione menú en la parte superior de la pantalla y elija Guardar selección :

  El comando Guardar selección en Photoshop. Vaya a Seleccionar > Guardar selección.

Esto abre el cuadro de diálogo Guardar selección. Voy a nombrar mi selección como 'cara', luego haré clic en Aceptar para guardar la selección para su uso posterior:

  Guardar una selección en Photoshop. Guardar una selección nos permite volver a cargarla fácilmente cada vez que la necesitemos.

Una vez que haya guardado la selección, presione Control+D (Victoria) / Comando+D (Mac) para deseleccionar rápidamente la selección, eliminando los contornos de la selección de la imagen.

Paso 9: copie la imagen de textura a la imagen original

Abre la foto que vas a usar para tu textura. En mi caso, estoy usando la foto de textura de roca que vimos al principio del tutorial. Ahora debería tener su imagen original y la foto de textura abiertas en sus propias ventanas de documento separadas en su pantalla.

Asegúrese de tener seleccionada la foto de textura haciendo clic en ella en cualquier lugar dentro de su ventana de documento. Luego sube a la Capa menú en la parte superior de la pantalla y elija Duplicar capa :

  El comando Duplicar capa en Photoshop. Ve a Capa > Duplicar capa.

Esto abre el cuadro de diálogo Duplicar capa. Voy a llamar a mi capa copiada 'textura', aunque el nombre no es tan importante. Qué es importante es que seleccione el documento de la imagen original como el Destino para la capa copiada para que nuestra foto de textura aparezca dentro del documento de la foto original. Mi foto original se llama 'texture_mapping.psd', así que la seleccionaré como mi destino:

  El cuadro de diálogo Duplicar capa en Photoshop. Seleccione la imagen original como destino de la capa.

Haga clic en Aceptar cuando haya terminado para salir del cuadro de diálogo y copiar la foto de textura en el documento de la imagen original. Puede cerrar la ventana del documento de la foto de textura en este punto, lo que nos deja con una sola ventana de documento abierta que contiene tanto la foto original como la foto de textura, con la foto de textura ahora bloqueando la vista de la imagen original. Si miramos en el panel Capas, podemos ver que ahora tenemos dos capas. La imagen original se encuentra en la capa de fondo, mientras que la foto de textura se encuentra en una nueva capa encima:

  El panel Capas en Photoshop. Dado que la foto de textura se encuentra sobre el original en el panel Capas, bloquea la vista de la imagen original en la ventana del documento.

Paso 10: Cargue la selección

Aquí es donde necesitamos esa selección que creamos y guardamos anteriormente. Photoshop realmente guarda las selecciones como canales, y si volvemos al panel Canales, podemos ver que nuestra selección aparece como un canal separado debajo de los canales RGB. Mi canal se llama 'cara' porque así lo nombré cuando guardé la selección. Para cargar rápidamente la selección, mantenga presionada la Control (Victoria) / Dominio (Mac) y haga clic directamente en la miniatura del canal:

  Cargando una selección desde el panel Canales en Photoshop. Mantenga presionada la tecla Ctrl (Windows) / Comando (Mac) y haga clic directamente en la miniatura del canal para cargarlo como una selección en la ventana del documento.

Vuelve al panel Capas cuando hayas terminado. Verá que los contornos de selección han vuelto a aparecer dentro del documento, aunque pueden ser un poco difíciles de ver sobre la textura:

  La selección se ha vuelto a cargar en el documento. La selección se ha vuelto a cargar fácilmente en el documento.

Paso 11: Agrega una máscara de capa

Con la selección cargada, asegúrese de que la capa de textura esté seleccionada en el panel Capas (las capas seleccionadas están resaltadas en azul), luego haga clic en el Máscara de capa icono en la parte inferior del panel Capas:

  Añadir una máscara de capa en Photoshop. Agregue una máscara de capa a la capa de textura haciendo clic en el icono Máscara de capa.

Esto agrega una máscara de capa a la capa de textura, y debido a que teníamos la cabeza de la persona seleccionada cuando agregamos la máscara, solo permanece visible el área de la foto de textura que se encontraba dentro de la selección. El resto de la capa de textura ahora está oculta a la vista:

  La imagen después de agregar la máscara de capa. Solo la cara del hombre queda cubierta por la foto de textura gracias a la máscara de capa.

Paso 12: cambie el modo de fusión de la capa de textura para superponer

Para mezclar la textura con la cara de la persona, suba a la Modo de mezcla en la parte superior del panel Capas y cambie el modo de fusión de Normal (la configuración predeterminada) a Cubrir :

  El modo de fusión Superposición en Photoshop. Cambia el modo de fusión de la capa de textura a Superposición.

La textura ahora se mezcla muy bien con la cara del hombre. Siéntete libre de probar también otros modos de fusión, como Multiply o Hard Light, y compara los resultados que obtengas, pero el modo Superposición suele ser tu mejor opción para este efecto:

  La imagen después de cambiar el modo de fusión de capas a Superposición en Photoshop. La imagen después de cambiar el modo de fusión de la capa de textura a Superposición.

Paso 13: selecciona la capa de textura

Las cosas ya se ven bastante bien en este punto, pero para agregar aún más realismo, usaremos nuestro mapa de desplazamiento para ajustar la textura alrededor de los contornos de la cara de la persona. Primero, debemos seleccionar la capa de textura, ya que actualmente tenemos seleccionada la máscara de capa, no la capa en sí. Podemos saber cuál está seleccionado mirando las miniaturas en el panel Capas. Notará que, en este momento, la miniatura de la máscara de capa en la capa de textura tiene un borde resaltado en blanco a su alrededor. Esto significa que la máscara de capa está actualmente seleccionada. Para seleccionar la capa en sí, haga clic directamente en la miniatura de vista previa de la máscara de capa:

  Al hacer clic en la miniatura de vista previa de la capa en el panel Capas. Cuando la miniatura de vista previa tiene un borde resaltado alrededor, la capa está seleccionada. Cuando la miniatura de la máscara tiene el borde resaltado, se selecciona la máscara de capa.

Paso 14: Desvincular la capa de la máscara de capa

Si aplicamos nuestro mapa de desplazamiento ahora mismo, tanto el contenido de la capa (la foto de la textura) como la máscara de la capa serán reformados por el mapa de desplazamiento, y eso es porque el contenido de la capa y la capa enmascarada están vinculados entre sí. Podemos decir que están unidos entre sí por el pequeño icono de enlace entre las dos miniaturas. Para desvincular el contenido de la capa de la máscara de capa para que la máscara no se vea afectada por el mapa de desplazamiento, haga clic en el icono de enlace para eliminarlo:

  Desvincular el contenido de la capa de la máscara de capa en Photoshop. Haga clic en el icono de enlace pequeño para desvincular el contenido de la capa de la máscara de capa.

Paso 15: aplique el filtro de desplazamiento

Finalmente, estamos listos para aplicar nuestro mapa de desplazamiento, y lo hacemos usando el filtro Desplazar de Photoshop. sube a la Filtrar menú, elige Distorsionar y luego elija Desplazar :

  Seleccionando el filtro Desplazar en Photoshop. Ve a Filtro > Distorsionar > Desplazar.

El filtro Desplazar en realidad se compone de dos cuadros de diálogo separados. El primer cuadro de diálogo nos pide que configuremos algunas opciones, con las dos opciones más importantes en la parte superior. los Escala horizontal y Escala vertical Las opciones determinan cuánto impacto tendrá el mapa de desplazamiento en la imagen. En otras palabras, determinan cuánto se desplazarán horizontal y verticalmente los píxeles de la imagen. Desafortunadamente, no hay una vista previa disponible, por lo que el filtro Desplazar generalmente implica un poco de prueba y error hasta que haga las cosas bien. El valor predeterminado de 10 para las opciones de escala horizontal y vertical es un buen lugar para comenzar, pero voy a aumentar el mío a 15 para lograr un impacto un poco mayor. Los valores que termine usando dependerán tanto del tamaño de su imagen como de su propia idea de lo que se ve 'bien', así que prepárese para deshacer este paso varias veces e inténtelo de nuevo. Puedes dejar el Estirar para caber y Repetir píxeles de borde opciones en la mitad inferior del cuadro de diálogo seleccionado:

  El filtro Desplazar en Photoshop. Las opciones Escala vertical y Escala horizontal determinan la distancia a la que se moverán los píxeles de la imagen.

Haga clic en Aceptar cuando haya terminado para salir de este primer cuadro de diálogo, que abrirá el segundo cuadro de diálogo que le pedirá que elija su mapa de desplazamiento. Navegue hasta donde guardó el mapa de desplazamiento que creamos anteriormente. El mío se guardó en una carpeta de 'mapas de desplazamiento' en mi escritorio, así que ahí es donde navegaré, luego haré clic en el mapa de desplazamiento para seleccionarlo y haré clic en Abrir:

  Selección de un mapa de desplazamiento en Photoshop. Seleccione el mapa de desplazamiento que creamos anteriormente.

Tan pronto como abre el mapa de desplazamiento, Photoshop lo aplica a la textura y asigna la textura a los contornos de la cara y la cabeza de la persona. Si está utilizando una textura con muchas líneas rectas, como una bandera estadounidense, por ejemplo, verá una diferencia muy notable en cómo la textura envuelve la forma de la cara de la persona. Si está usando una textura como la que estoy usando con muchas líneas y grietas de forma aleatoria, la diferencia puede no ser tan notable, aunque las cosas aún deberían verse más realistas después de que se haya aplicado el mapa de desplazamiento. O al menos, tan realista como puede parecer una textura de roca asignada a la cara de una persona. Aquí está mi resultado final:

  Efecto de mapa de textura de Photoshop. El resultado final del mapa de textura.