En este tutorial de Photoshop Effects, aprenderemos cómo usar el filtro Desplazar y un mapa de desplazamiento para agregar una textura interesante a la cara 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 hacer 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 utilizando 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 misma. Aquí está la imagen a la que aplicaré mi textura:
La imagen original
Aquí está la imagen que usaré para mi textura, un simple primer plano de una roca que rompí afuera:
La foto de la textura.
Así es como se verá después de haber mapeado la textura en la cara del hombre:
El efecto final del mapa de textura.
Cómo asignar una textura a una cara con Photoshop
Paso 1: selecciona el canal con el mejor contraste de imagen
Comencemos con la foto a la que aplicaremos la textura. Cambia al panel de Canales por un momento. Encontrará el panel Canales agrupado en los paneles Capas y Rutas (los "paneles" se denominan "paletas" en versiones anteriores de Photoshop). Haga clic en la pestaña Nombre de canales en la parte superior del grupo para seleccionarlo. Verá tres canales de color enumerados: rojo, verde y azul, junto con un canal RGB compuesto en la parte superior:
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 tutorial completo de canales RGB y color en Photoshop explicado . Vamos a utilizar uno de estos tres canales (rojo, verde o azul) para crear nuestro mapa de desplazamiento, que luego se utilizará para asignar 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 serán los resultados que lograremos con nuestro mapa de desplazamiento. Haga clic en cada canal individual (Rojo, Verde, Azul) en el panel Canales. Aquí, estoy haciendo clic en el canal rojo para seleccionarlo. El canal seleccionado actualmente aparecerá resaltado en azul:
Seleccione canales individuales haciendo clic en ellos en el panel Canales.
Al hacer clic en cada canal, verá una versión en blanco y negro de la foto en la ventana del documento. Cada canal nos dará una versión en blanco y negro diferente dependiendo de cuán prominente sea ese color en la foto. Necesitamos elegir el canal que nos brinde el mejor contraste de imagen en la cara de la persona. Así es como se ve cada uno de mis tres canales, con rojo a la izquierda, verde en el medio y azul a la derecha:
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 deslucido para usarlo como un mapa de desplazamiento (ya 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, así 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 algunos reflejos brillantes y sombras oscuras, por lo que voy a usar el canal Verde para mi mapa de desplazamiento.
Paso 2: duplicar el canal
Una vez que haya determinado qué canal va a utilizar 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:
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 Duplicar canal en el menú que aparece:
Haga clic con el botón derecho (Win) / Control-clic (Mac) en el canal y elija Duplicar canal.
Aparecerá el cuadro de diálogo Duplicar canal. Seleccione Nuevo para la opción Documento en la sección Destino del cuadro de diálogo, que abrirá la copia del canal como un documento de Photoshop separado. No te preocupes por nombrarlo:
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:
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 de mediana 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 de la cara de la persona, de lo contrario, todos los pequeños poros, bultos, rastrojos 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 filtro Mediana, que es excelente para reducir pequeños detalles y mantener intactos los bordes que definen un objeto. Vaya al menú Filtro en la barra de menú en la parte superior de la pantalla, elija Ruido y luego elija Mediana :
Vaya a Filtro> Ruido> Mediana.
Aparecerá el cuadro de diálogo del filtro Mediana. Observe su imagen en la ventana del documento mientras arrastra el control deslizante Radio en la parte inferior del cuadro de diálogo. El control deslizante determina cuántos detalles se eliminan 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, manteniendo 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:
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 he logrado reducir significativamente los detalles en la cara del hombre, manteniendo los bordes definitorios agradables y nítidos:
Gran parte de los detalles en la cara del hombre se han eliminado sin difuminar los detalles importantes del borde.
Paso 4: aplique el filtro de desenfoque gaussiano
A continuación, aplicaremos el filtro Desenfoque gaussiano para finalizar nuestro mapa de desplazamiento. Regrese al menú Filtro y esta vez, elija Desenfocar, luego elija Desenfoque gaussiano :
Vaya a Filtro> Desenfocar> Desenfoque gaussiano.
Cuando aparezca el cuadro de diálogo Desenfoque gaussiano, use el control deslizante Radio 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 el derecho a 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 el desenfoque suficiente para suavizar las cosas y al mismo tiempo poder distinguir detalles importantes (ojos, nariz, boca, etc.). Voy a aumentar mi valor de Radio a unos 13 píxeles:
Aumente el valor del 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:
El mapa de desplazamiento ahora aparece con transiciones suaves entre diferentes niveles de brillo.
Paso 5: Convertir la imagen a escala de grises
Finalmente, convierta nuestra imagen de mapa de desplazamiento al modo de color en escala de grises . 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 canal único, es una buena manera de evitar esos problemas. Vaya al menú Imagen en la parte superior de la pantalla, elija Modo (que es la abreviatura de Modo de color), luego elija Escala de grises :
Vaya a Imagen> Modo> Escala de grises.
Paso 6: Guarde la imagen como un archivo .PDF de Photoshop
Ahora que hemos preparado nuestra imagen para usarla como mapa de desplazamiento, debemos guardarla y guardarla específicamente como un archivo .PSD de Photoshop . Este es el único tipo de archivo que Photoshop puede usar para los 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. Vaya al menú Archivo en la parte superior de la pantalla y elija Guardar como :
Vaya a Archivo> Guardar como.
Esto abre el cuadro de diálogo Guardar como. Dele al archivo un nombre descriptivo. Voy a nombrar el mío "desplazar.psd", y asegúrese de seleccionar Photoshop para la opción Formato para que se guarde como un archivo .PSD. Creo 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 allí guardaré mi archivo:
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 de 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 vuelva a su foto original (a la que va 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 el compuesto de los tres canales individuales y es lo que nos permite ver la imagen a todo color:
Al hacer clic en el canal RGB, se seleccionan todos los canales a la vez y se muestra la imagen a todo color.
Vuelva 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 asignar la textura. Como queremos asignar la textura solo a la cara de la persona, primero tendremos que seleccionarla. Use la herramienta de selección que prefiera (Herramienta Lazo, Bolígrafo, 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:
Dibuje una selección alrededor del área a la que desea asignar la textura.
El único problema es que si aplicara la textura en este momento, sus ojos estarían cubiertos por la textura ya que actualmente están dentro del área seleccionada. Necesito quitarle los ojos de la selección, y la forma más fácil de hacerlo es mantener presionada la tecla Alt (Win) / Opción (Mac), que coloca temporalmente la herramienta Lazo en el modo Restar de la selección, indicado por un pequeño signo menos ("-") en la esquina inferior derecha del icono del 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:
Mantenga presionada la tecla Alt (Win) / Opción (Mac) para cambiar temporalmente al modo Restar de la selección con cualquier herramienta de selección básica.
Asegúrese de consultar nuestro tutorial Full Power Of Basic Selections para obtener más información sobre cómo trabajar con selecciones en Photoshop.
Paso 8: guardar la selección
No necesitamos nuestra selección en este momento, pero la necesitaremos pronto, así que vamos a guardarla. Vaya al menú Seleccionar en la parte superior de la pantalla y elija Guardar selección :
Vaya a Seleccionar> Guardar selección.
Esto abre el cuadro de diálogo Guardar selección. Voy a nombrar mi selección "cara", luego haré clic en Aceptar para guardar la selección para su uso posterior:
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 Ctrl + D (Win) / Comando + D (Mac) para deseleccionar rápidamente la selección, eliminando los contornos 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 comienzo del tutorial. Ahora debe tener su imagen original y la foto de textura abierta en sus propias ventanas de documentos separadas en su pantalla.
Asegúrese de seleccionar la foto de textura haciendo clic en ella en cualquier lugar dentro de la ventana de su documento. Luego, vaya al menú Capa en la parte superior de la pantalla y elija Duplicar capa :
Vaya a Capa> Duplicar capa.
Esto abre el cuadro de diálogo Duplicar capa. Voy a nombrar a mi capa copiada "textura", aunque el nombre no es tan importante. Lo importante es que seleccione el documento de la imagen original como el Destino de 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:
Seleccione la imagen original como destino para 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 que ahora bloquea 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 está en una nueva capa encima:
Dado que la foto de textura se encuentra sobre el original en el panel Capas, bloquea la imagen original de la vista en la ventana del documento.
Paso 10: cargar la selección
Aquí es donde necesitamos esa selección que creamos y guardamos anteriormente. Photoshop en realidad 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 llamé cuando guardé la selección. Para cargar rápidamente la selección, mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic directamente en la miniatura del canal:
Mantenga presionada la tecla Ctrl (Win) / Comando (Mac) y haga clic directamente en la miniatura del canal para cargarlo como una selección en la ventana del documento.
Vuelva al panel Capas cuando haya terminado. Verá que los contornos de selección han reaparecido dentro del documento, aunque pueden ser un poco difíciles de ver sobre la textura:
La selección se ha vuelto a cargar fácilmente en el documento.
Paso 11: Agregue 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 icono de Máscara de capa en la parte inferior del panel Capas:
Agregue una máscara de capa a la capa de textura haciendo clic en el icono de 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 el área de la foto de textura que se encontraba dentro de la selección permanece visible. El resto de la capa de textura ahora está oculto a la vista:
Solo la cara del hombre permanece 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 a superposición
Para mezclar la textura con la cara de la persona, vaya a la opción Modo de fusión en la parte superior del panel Capas y cambie el modo de fusión de Normal (la configuración predeterminada) a Superposición :
Cambia el modo de fusión de la capa de textura a Superposición.
La textura ahora se combina muy bien con la cara del hombre. Siéntase libre de probar también otros modos de mezcla, como Multiplicar o Luz dura, y comparar los resultados que obtiene, pero el modo Superposición suele ser su mejor opción para este efecto:
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, vamos a usar 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 la máscara de capa, no la capa en sí, seleccionada. Podemos saber cuál está seleccionado mirando las miniaturas en el panel Capas. Notarás que en este momento, la miniatura de la máscara de capa en la capa de textura tiene un borde blanco resaltado 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:
Cuando la miniatura de la vista previa tiene un borde resaltado a su alrededor, se selecciona la capa. 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 en este momento, tanto el contenido de la capa (la foto de textura) como la máscara de capa serán reformados por el mapa de desplazamiento, y eso se debe a que el contenido de la capa y la capa enmascarada están unidos. Podemos decir que están unidos 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 del enlace para eliminarlo:
Haga clic en el pequeño icono de enlace 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. Vaya al menú Filtro, elija Distorsionar y luego elija Desplazar :
Vaya a Filtro> Distorsionar> Desplazar.
El filtro de desplazamiento está compuesto de dos cuadros de diálogo separados. El primer cuadro de diálogo nos pide que establezcamos algunas opciones, con las dos opciones más importantes en la parte superior. Las opciones Escala horizontal y Escala vertical determinan cuánto impacto tendrá el mapa de desplazamiento en la imagen. En otras palabras, determinan hasta qué punto los píxeles de la imagen se desplazarán horizontal y verticalmente. 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 la mía a 15 para tener un poco más de impacto. Los valores que termine utilizando dependerán tanto del tamaño de su imagen como de su propia idea de lo que parece "correcto", así que prepárese para deshacer este paso varias veces e intente nuevamente. Puede dejar las opciones Estirar para ajustar y Repetir píxeles de borde en la mitad inferior del cuadro de diálogo seleccionado:
Las opciones Escala vertical y Escala horizontal determinan qué tan lejos 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 mostrará 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. La mía se guardó en una carpeta de "mapas de desplazamiento" en mi escritorio, así que ahí es donde navegaré, luego haga clic en el mapa de desplazamiento para seleccionarlo y haga clic en Abrir:
Seleccione el mapa de desplazamiento que creamos anteriormente.
Tan pronto como abra 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 usa una textura con muchas líneas rectas, como una bandera estadounidense, por ejemplo, verá una diferencia muy notable en la forma en que la textura se envuelve alrededor de 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 parecer 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:
El resultado mapeado de textura final.