Seamos realistas, el efecto de sombra paralela incorporado de Photoshop tiene sus limitaciones. Está bien para efectos de sombra básicos, como hacer que el texto parezca estar ligeramente elevado del fondo en una página web, pero si buscas algo más realista, la sombra paralela por sí sola no lo corta. Sin embargo, con un poco de ayuda, podemos convertir esas sombras simples y poco interesantes en algo mucho más realista al "mapear" nuestras sombras en la imagen usando lo que se llama un mapa de desplazamiento . Los mapas de desplazamiento son los que usan los profesionales para agregar realismo a las imágenes, pero no dejes que eso te asuste. No necesitas ser un profesional para usarlos. De hecho, son realmente bastante simples.

Como veremos en este tutorial de Photoshop, un mapa de desplazamiento no es más que una versión separada de su imagen en blanco y negro que Photoshop utiliza para descubrir cómo remodelar sus sombras para que parezcan seguir las texturas naturales y profundidades del fondo detrás de ellos, al igual que lo que haría una sombra real. Piense en un mapa de desplazamiento como Photoshop moviendo píxeles de "lugar a lugar". Si eso tiene sentido para ti, ¡genial! Si no, no te preocupes, lo hará cuando terminemos este tutorial.

Aquí está mi imagen original, una foto simple de un poco de agua:

Voy a agregar algún tipo sobre él y luego agregaré una sombra paralela al tipo. Normalmente, obtendría algo que se parece a esto:

No es muy realista en absoluto. La sombra paralela parece estar siguiendo un poco las formas de las ondas debajo de ella, pero eso es solo porque la opacidad de la sombra paralela se establece en su valor predeterminado del 75%, por lo que algunas de las ondas se muestran a través de ella. La opacidad reducida ayuda un poco, pero definitivamente no es lo mejor que podríamos hacer. En su mayor parte, las sombras se ven planas.

Sin embargo, gracias al poder de Photoshop y los mapas de desplazamiento, puedo convertir fácilmente esa sombra paralela simplista en algo más como esto:

Eso se ve mucho mejor, y crear ese efecto de sombra "mapeado" es lo que haremos en este tutorial.

Este tutorial es de nuestra serie Photo Effects. ¡Empecemos!

Paso 1: agregue algún tipo sobre su imagen

Mi foto de agua está abierta en Photoshop, y en mi paleta Capas, puedo ver que actualmente tengo una capa, la capa Fondo, que contiene mi imagen:

La paleta de capas de Photoshop que muestra la imagen original abierta en la capa de fondo.

Lo primero que haré es agregar el tipo que usaré. Presione T en su teclado para acceder rápidamente a la herramienta Tipo y agregar su texto. Voy a escribir "AZUL PROFUNDO":

Presione "T" en su teclado para acceder rápidamente a la herramienta Tipo y agregar su texto a la imagen.

Aquí está mi paleta de capas que ahora muestra dos capas: mi capa de fondo original y mi capa de tipo recién agregada encima:

La paleta de capas ahora muestra la capa de tipo agregada sobre la capa de fondo.

No tiene que hacer el siguiente paso si no lo desea, pero voy a estirar mi texto y hacerlo más alto presionando Ctrl + T (Win) / Comando + T (Mac) para que aparezca Photoshop El cuadro Transformación libre y los controles alrededor de mi tipo, y luego, mientras mantengo presionada la tecla Alt (Win) / Opción (Mac), voy a arrastrar el cuadro Transformación libre hacia arriba desde el control central superior (en un círculo rojo en la captura de pantalla a continuación). Al mantener presionada la tecla Alt / Opción, esto le dice a Photoshop que estire el tipo desde el centro, extendiendo tanto la parte superior como la inferior al mismo tiempo.

Estirar el tipo y hacerlo más alto con el comando Transformación libre de Photoshop. Si mantiene presionada la tecla Alt (Win) / Opción (Mac) mientras arrastro desde el controlador superior, aumenta la altura del texto desde la parte superior e inferior al mismo tiempo que arrastre.

Con el texto en su lugar, vamos a agregar nuestra sombra paralela a continuación.

Paso 2: agregue una sombra paralela al texto

Con la capa de tipo seleccionada, haga clic en el icono Agregar estilo de capa en la parte inferior de la paleta Capas:

Haga clic en el icono Agregar estilo de capa en la parte inferior de la paleta Capas.

Seleccione Sombra paralela de la lista de estilos de capa que aparece:

Seleccione el estilo de capa Sombra paralela de la lista.

Aparecerá el cuadro de diálogo Estilo de capa que nos muestra las opciones de Sombra paralela:

El cuadro de diálogo Estilo de capa que muestra las opciones de Sombra paralela.

Voy a dejar la Opacidad configurada en su valor predeterminado del 75% y el Ángulo establecido en 120 grados. La única opción que voy a cambiar es Distancia, que estableceré en 20 píxeles, como se muestra arriba. Cuando haya terminado, haga clic en Aceptar para salir del cuadro de opciones.

Aquí está mi imagen con la sombra paralela aplicada:

La imagen con la sombra aplicada al texto.

Definitivamente no es lo que llamarías realista. Por supuesto, no recuerdo la última vez que vi un texto flotando sobre el agua en la vida real, pero si lo viera, estoy seguro de que la sombra no se vería tan falsa. Afortunadamente, solucionar este problema es de lo que se trata este tutorial. Vamos a crear nuestro mapa de desplazamiento a continuación.

Paso 3: copie la capa de fondo y péguela como un nuevo canal

En la paleta Capas, haga clic en la capa Fondo una vez más para seleccionarla:

Haga clic en la capa Fondo en la paleta Capas para seleccionarla.

Con la capa Fondo seleccionada, presione Ctrl + A (Win) / Comando + A (Mac) para seleccionar el contenido de la capa, que en este caso es la foto original del agua. Verá aparecer un cuadro de selección alrededor de la imagen en la ventana de documento. Luego presione Ctrl + C (Win) / Comando + C (Mac) para copiar el contenido de la capa.

Ahora cambie a la paleta Canales, que está agrupada justo al lado de la paleta Capas, y haga clic en el icono Crear nuevo canal en la parte inferior de la paleta Canales, como se muestra en un círculo rojo a continuación:

Haga clic en el icono Crear nuevo canal en la parte inferior de la paleta Canales.

Aparecerá un nuevo canal lleno de negro, que Photoshop denomina "Alfa 1", debajo de los canales existentes Rojo, Verde y Azul:

Photoshop agrega un nuevo canal debajo del canal Azul y lo nombra "Alfa 1".

Con el canal "Alfa 1" seleccionado, presione Ctrl + V (Win) / Comando + V (Mac) para pegar el contenido de la capa de fondo en este nuevo canal. Verá que la imagen aparece en blanco y negro dentro del área de vista previa en miniatura del canal "Alpha 1":

El contenido de la capa de fondo aparece en blanco y negro dentro de la vista previa en miniatura del nuevo canal.

Y verá que la misma versión en blanco y negro aparece en su ventana de documento:

Ahora aparece una versión en blanco y negro de la capa de fondo en la ventana de documento.

Presione Ctrl + D (Win) / Comando + D (Mac) para anular la selección de la imagen en este punto. A continuación, aplicaremos un filtro Gaussian Blur al nuevo canal.

Paso 4: aplique el filtro de desenfoque gaussiano al nuevo canal

Vamos a utilizar este nuevo canal como nuestro mapa de desplazamiento para nuestra sombra paralela, y una de las cosas que queremos evitar es tener bordes ásperos o ásperos en el mapa de desplazamiento para que nuestra sombra fluya suave y naturalmente con el ondas y olas en el agua. Para asegurarme de que todo esté bien y sin problemas, voy a agregar un filtro Gaussian Blur a este canal.

Con el canal "Alfa 1" seleccionado, vaya al menú Filtro en la parte superior de la pantalla, elija Desenfocar y luego elija Desenfoque gaussiano, que abre el cuadro de diálogo Desenfoque gaussiano:

Seleccione Filtro> Desenfocar> Desenfoque gaussiano para abrir el cuadro de diálogo Desenfoque gaussiano.

Desea agregar solo una pequeña cantidad de desenfoque aquí. Estoy usando una imagen de baja resolución para este tutorial, y para mí, un valor de Radio de aproximadamente 2 píxeles hace el truco. Si está utilizando una imagen directamente de su cámara digital, es probable que tenga una resolución mucho mayor, y en ese caso, probablemente encontrará que una configuración de alrededor de 5-6 píxeles funciona bien. Nuevamente, solo queremos una pequeña cantidad de desenfoque, lo suficiente como para suavizar todo.

Paso 5: aumenta el contraste del canal con niveles

Lo siguiente que queremos hacer es aumentar el contraste de este canal, ya que cuanto mayor sea el contraste, mayor será el impacto que tendrá nuestro mapa de desplazamiento. Nuevamente con el nuevo canal aún seleccionado, use el atajo de teclado Ctrl + L (Win) / Comando + L (Mac) para abrir el cuadro de diálogo Niveles :

Use los niveles para aumentar el contraste del nuevo canal, lo que aumenta el efecto que nuestro mapa de desplazamiento tendrá en la sombra paralela.

Con el cuadro de diálogo Niveles abierto, arrastre los controles deslizantes de Niveles de entrada de punto negro y blanco (ambos rodeados en rojo arriba) hacia el centro para aumentar el contraste del canal. No se preocupe por perder ningún detalle en los reflejos y las sombras como lo haría si estuviéramos usando niveles para una corrección tonal en una imagen. Aquí, todo lo que nos preocupa es aumentar el contraste.

Así es como se ve mi canal ahora después de aumentar el contraste con los niveles:

El canal "alfa 1" después de aumentar el contraste con los niveles.

Hemos terminado de trabajar en el canal y está listo para usarse como un mapa de desplazamiento, pero para usarlo, tenemos que crear un nuevo documento a partir de él, y lo haremos a continuación.

Paso 6: Duplicar el canal como un nuevo documento

Hemos aplicado nuestro filtro Gaussian Blur al canal para suavizar todo, y hemos aumentado el contraste con los niveles. Nuestro canal está listo para usarse como un mapa de desplazamiento, pero para usar un mapa de desplazamiento, tiene que ser un archivo separado, y actualmente es solo un canal en nuestro archivo original. Sin embargo, vamos a guardarlo como un archivo nuevo duplicando el canal. Haga clic en la pequeña flecha que apunta hacia la derecha en la esquina superior derecha de la paleta Canales para acceder a las opciones de la paleta Canales y seleccione Duplicar canal en la lista desplegable que aparece:

Haga clic en la pequeña flecha que apunta hacia la derecha en la esquina superior derecha de la paleta Canales y seleccione "Duplicar canal" en la lista de opciones.

Esto abre el cuadro de diálogo Duplicar canal:

El cuadro de diálogo "Duplicar canal".

Para Destino, haga clic en la flecha que apunta hacia abajo y seleccione Nuevo para duplicar el canal como un documento completamente separado, y asigne un nombre a su nuevo documento. He llamado al mío "desplazamiento de agua". Haga clic en Aceptar cuando haya terminado y su canal aparecerá como un nuevo documento de Photoshop en su pantalla.

Paso 7: guarde el nuevo documento

Guarde este nuevo documento en su escritorio o donde quiera guardarlo en su computadora, y recuerde dónde lo está guardando porque accederemos a él en un momento. Una vez que haya guardado el documento, continúe y ciérrelo, dejando abierto solo su documento original.

Paso 8: Crea una nueva capa desde el estilo de capa de sombra paralela

Normalmente, los estilos de capa como las sombras paralelas son simplemente efectos aplicados a otras capas, pero podemos convertir los estilos de capa en sus propias capas, que es exactamente lo que necesitamos hacer con nuestro efecto de sombra paralela para poder usarlo con nuestro desplazamiento mapa. Con la capa de tipo seleccionada, vaya al menú Capa en la parte superior de la pantalla, seleccione Estilo de capa, y luego hacia abajo cerca de la parte inferior de la lista, seleccione Crear capa :

Vaya a Capa> Estilo de capa> Crear capa para convertir el efecto de sombra paralela en su propia capa separada debajo de la capa de tipo.

Cuando selecciona "Crear capa" en las opciones de Estilo de capa, Photoshop toma la sombra paralela, la rasteriza (la convierte en píxeles) y luego la coloca en su propia capa separada directamente debajo de la capa de tipo:

La sombra paralela ahora aparece en su propia capa debajo de la capa de tipo.

Tenemos nuestro mapa de desplazamiento y tenemos nuestra sombra paralela en su propia capa. Estamos listos para combinar los dos y crear un efecto de sombra mucho más realista, y lo haremos a continuación.

Paso 9: aplique el mapa de desplazamiento a la capa de sombra con el filtro de desplazamiento

Estamos listos para aplicar nuestro mapa de desplazamiento. Haga clic en la capa de sombra paralela en la paleta Capas para seleccionarla. Luego vaya al menú Filtro en la parte superior de la pantalla, seleccione Distorsionar, y luego seleccione Desplazar para que aparezca el cuadro de diálogo del filtro Desplazar:

Vaya a Filtro> Distorsionar> Desplazar para que aparezca el cuadro de diálogo del filtro "Desplazar".

Hay dos partes para usar el filtro Desplazar de Photoshop. Primero, configura las opciones de cómo Photoshop aplicará el mapa de desplazamiento, y luego selecciona el mapa de desplazamiento que desea utilizar. Este primer cuadro de diálogo que aparece es donde configura las opciones. Como he marcado anteriormente, establezca las opciones Escala horizontal y Escala vertical en 10, si aún no están establecidas en 10. Para Mapa de desplazamiento, seleccione Estirar para ajustar, y para Áreas no definidas, elija Ajustar . Haga clic en Aceptar cuando haya terminado.

Se abrirá un segundo cuadro de diálogo que le pedirá que elija qué archivo desea usar como mapa de desplazamiento. Navegue a donde haya guardado su mapa de desplazamiento desde unos pocos pasos hacia atrás y selecciónelo. Haga clic en Abrir para usar el mapa de desplazamiento, y su sombra paralela se asignará instantáneamente al fondo detrás de él.

Para tener una mejor idea de lo que está sucediendo, voy a hacer clic en el ícono del globo ocular en el extremo izquierdo de mi capa de tipos para ocultar temporalmente mi tipo de vista y así poder ver solo la sombra y el agua detrás de él. Así es como se veía mi sombra antes de aplicar el mapa de desplazamiento:

Se aplica la sombra paralela antes del mapa de desplazamiento, con la capa de tipo temporalmente oculta a la vista.

Y aquí está mi misma sombra paralela después de aplicar mi mapa de desplazamiento:

La sombra paralela después de aplicar el mapa de desplazamiento.

Gracias al mapa de desplazamiento, la sombra paralela ya no se asienta sobre la imagen detrás de ella. Ahora se curva y se dobla con el agua, creando un efecto de aspecto mucho más realista.

Voy a hacer clic en el ícono del globo ocular para mi capa de tipo una vez más para que mi texto vuelva a verse sobre la parte superior de la sombra paralela, y aquí está mi resultado final:

El resultado final.

¡Y ahí lo tenemos! Así es como puede crear sombras realistas en Photoshop al mapearlas a su imagen con mapas de desplazamiento. ¡Mira nuestra sección de Efectos fotográficos para más tutoriales de efectos de Photoshop!