Efecto del texto de la sombra de la perspectiva en Photoshop

Efecto del texto de la sombra de la perspectiva en Photoshop

Efecto del texto de la sombra de la perspectiva en Photoshop

En este Tutorial de efectos de texto en Photoshopaprenderemos a crear un efecto popular y clásico dando al texto un sombra de perspectiva como si una fuente de luz detrás del texto estuviera proyectando una sombra en el suelo delante de él. Usaré Photoshop CS5 a lo largo de este tutorial, pero cualquier versión reciente funcionará.

Así es como se verá el resultado final:

Efecto de sombra de la perspectiva del texto de Photoshop. Imagen © 2010 Photoshop Essentials.com.

El efecto final del texto de «sombra en perspectiva».

Start!

Paso 1: Duplicar la capa de texto

Para empezar, me he adelantado y he añadido un texto delante de un fondo lleno de un simple gradiente de negro a gris. Puedes crear este efecto de sombra en perspectiva con cualquier color de fondo o imagen que quieras:

El texto inicial. Imagen © 2010 Photoshop Essentials.com.

Añade tu texto al documento.

Si miramos en el panel de Capas, vemos que mi texto está sentado en su propia capa de texto sobre la capa de Fondo:

El panel de capas en Photoshop. Imagen © 2010 Photoshop Essentials.com.

El texto aparece en su propia capa sobre el fondo.

Necesitamos hacer una copia del texto, así que con la capa de texto seleccionada en el panel de Capas (las capas seleccionadas están resaltadas en azul), sube al Cloak en la barra de menú de la parte superior de la pantalla, elija Nuevoand then choose Capa a través de la copia. O, para una forma mucho más rápida de elegir el mismo comando, use el atajo de teclado Ctrl+J (Win) / Comando+J (Mac):

Go to

Vaya a Capa; Nueva; Capa vía Copia.

No ocurre nada en la ventana del documento, pero una copia de la capa de texto aparece sobre el original en el panel de Capas:

Una copia de la capa de texto aparece en el panel de Capas. Imagen © 2010 Photoshop Essentials.com.

Una copia de la capa de texto aparece sobre el original.

Paso 2: Arrastrar la copia debajo del original

Haga clic en la copia de la capa de texto en el panel Capas y arrástrela directamente debajo de la capa de texto original. Cuando vea aparecer una barra de resalte entre la capa de texto original y la capa de fondo, suelte el botón del ratón para que Photoshop ajuste la capa a su nueva posición:

Arrastra la capa de texto copiado debajo del original. Imagen © 2010 Photoshop Essentials.com.

Arrastra la capa de texto copiado entre el original y la capa de fondo.

Paso 3: Rasterizar el texto

En un momento, vamos a remodelar el texto para que parezca más una sombra en perspectiva, pero Photoshop no nos dejará hacerlo mientras el texto siga siendo texto. Primero tenemos que convertir el texto en pixelesque se conoce en el lenguaje de Photoshop como rasterización …lo… Para hacer eso, sube al Cloak menu, choose Rasterizarand then choose Scribe:

Rasterizando el texto en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Ir a Capa; Rasterizar; Escribir.

Paso 4: Voltear y mover el texto

Con la copia del texto original ahora convertida en píxeles, sube al Edit menu and choose Free transformation…o presione… Ctrl+T (Win) / Command+T (Mac) para acceder a Transformación Libre con el atajo de teclado:

El comando Transformación Libre en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Ir a Edición; Transformación Libre.

Esto coloca el cuadro de Transformación Libre y los tiradores (pequeños cuadrados) alrededor del texto en la ventana del documento. Haga clic con el botón derecho del ratón en (Win) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento y elegir Voltear verticalmente del menú contextual que aparece:

El comando Flip Vertical en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Elija la opción Flip Vertical en el menú.

Esto voltea el texto al revés en la ventana del documento:

El texto ha sido volteado verticalmente. Imagen © 2010 Photoshop Essentials.com.

La imagen después de voltear el texto verticalmente.

FILE Publicidad comercial: ¿lo está haciendo bien?

A continuación, haga clic en cualquier lugar dentro del cuadro delimitador de Transformación Libre, mantenga presionada su Change y luego arrastra el texto hacia abajo, debajo del texto original. Si mantienes pulsada la tecla Shift mientras arrastras, se limita la dirección en la que puedes arrastrar, lo que facilita el arrastre directo hacia abajo. Voy a añadir un poco de espacio entre la versión original y la volteada del texto para que parezca como si mi texto original estuviera flotando en el aire por encima de la sombra:

Arrastra el texto volteado debajo del original. Imagen © 2010 Photoshop Essentials.com.

Mantenga pulsada la tecla Shift y arrastre el texto volteado debajo del original.

Paso 5: Estirar y reformar el texto

Haga clic en el mango en la parte inferior central del cuadro Transformación libre y arrástrelo hacia abajo para estirar el texto verticalmente:

Estirando el texto verticalmente. Imagen © 2010 Photoshop Essentials.com.

Estira el texto arrastrando el mango central inferior hacia abajo.

Entonces, con la Transformación Libre aún activa, una vez más clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento y elegir Perspectiva del menú contextual:

Eligiendo la perspectiva de las opciones de Transformación. Imagen © 2010 Photoshop Essentials.com.

Elija Perspectiva en las opciones de Transformación.

Con Perspectiva seleccionada, haga clic en cualquiera de los abajo a la izquierda o abajo a la derecha …y lo arrastramos hacia afuera horizontalmente. Al arrastrar uno de los mangos, el otro se extenderá en dirección opuesta, dando al texto una perspectiva tridimensional. Presiona Enter (Win) / Returns cuando termines de completar las transformaciones:

Cambiando la perspectiva del texto con Transformación Libre. Imagen © 2010 Photoshop Essentials.com.

Al arrastrar una manija de la esquina inferior hacia afuera, la otra se mueve en la dirección opuesta.

Paso 6: Rellenar el texto con negro

Presiona la carta D en su teclado para restablecer rápidamente los colores de primer y segundo plano de Photoshop si es necesario, lo que hará que su color de primer plano sea negro. Entonces presione Shift+Alt+Retroceso (Win) / Mayúsculas+Opciones+Borrar (Mac) para llenar el texto volteado y reformado con el color de primer plano (negro):

Rellena el texto transformado con negro. Imagen © 2010 Photoshop Essentials.com.

Rellena el texto transformado con negro.

Paso 7: Aplicar el Filtro de Desenfoque Gaussiano

Sube al Filter menu, choose Blury luego elige… Borrón Gaussiano:

Seleccionando el filtro de Gaussian Blur en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Vaya a Filtro; Borrón; Borrón Gaussiano.

Cuando aparezca el cuadro de diálogo del Desenfoque Gaussiano, arrastra el Radio se desliza a lo largo de la parte inferior hacia la derecha para añadir una ligera cantidad de desenfoque a la sombra. Vigila la imagen en la ventana del documento mientras arrastras el deslizador para juzgar los resultados, ya que la cantidad de desenfoque que añades dependerá del tamaño y la resolución de tu imagen, pero lo único que buscamos aquí es un efecto sutil. Voy a establecer el valor de mi radio en 2 píxeles:

El cuadro de diálogo del Gaussian Blur. Imagen © 2010 Photoshop Essentials.com.

Aplica una pequeña cantidad de desenfoque a la sombra.

Haz clic en OK cuando hayas terminado para salir del cuadro de diálogo. Su texto sombra debería tener ahora un ligero desenfoque aplicado:

El cuadro de diálogo del Gaussian Blur. Imagen © 2010 Photoshop Essentials.com.

La imagen después de aplicar el filtro de Desenfoque Gaussiano.

Paso 8: Reducir la opacidad de la capa

Como la mayoría de las sombras no aparecen como un color sólido, baja la opacidad de la capa para añadir un poco de transparencia a la sombra. Encontrarás el Opacity en la parte superior derecha del panel de Capas. Bájalo a alrededor de 80%:

Bajando la opacidad de la sombra. Imagen © 2010 Photoshop Essentials.com.

La opción de opacidad de la capa.

Paso 9: Duplicar la capa de sombra

Press Ctrl+J (Win) / Comando+J (Mac) para duplicar rápidamente la capa de sombra borrosa. Una copia de ella aparecerá sobre el original en el panel de Capas:

FILE The psychology of perception and photography in the new issue of SHOOTING

Duplicando la capa de sombra. Imagen © 2010 Photoshop Essentials.com.

Haz una copia de la capa de sombra.

Paso 10: Aplicar el filtro de Gaussian Blur de nuevo

Las sombras tienden a extenderse y a hacerse más suaves a medida que se alejan de la fuente, así que añadamos aún más borrosidad a nuestra copia de la sombra. Luego usaremos un par de máscaras de capa para mezclar las dos capas de sombra. Primero, ocultar la capa de sombra original temporalmente haciendo clic en su icono de visibilidad de la capa (el globo ocular) en el panel de Capas. Esto hará más fácil ver lo que estamos haciendo:

Haciendo clic en el icono de visibilidad de capas en el panel de Capas. Imagen © 2010 Photoshop Essentials.com.

El icono de visibilidad de capas enciende y apaga temporalmente las capas en el documento.

Dado que el filtro de Gaussian Blur fue el último filtro que aplicamos, podemos acceder a él rápidamente presionando Ctrl+Alt+F (Win) / Comando+Opción+F (Mac). Esta vez, añade aún más desenfoque a la sombra arrastrando el deslizador del radio más a la derecha. Esta vez voy a fijar mi valor de radio en unos 6 píxeles. Como antes, el valor que uses puede ser diferente y dependerá de tu imagen, así que juzga los resultados en la ventana del documento mientras arrastras el deslizador:

Añadiendo más desenfoque con el Desenfoque Gaussiano. Imagen © 2010 Photoshop Essentials.com.

Usa un valor de radio más grande esta vez para añadir una borrosidad más fuerte.

Haz clic en OK cuando hayas terminado para salir del cuadro de diálogo. Tu sombra ahora debería ser similar a esto:

La imagen después de difuminar la sombra con el Desenfoque Gaussiano. Imagen © 2010 Photoshop Essentials.com.

La imagen después de añadir más desenfoque a la segunda capa de sombra.

Paso 10: Añadir una máscara de capa

Haga clic en el Máscara de capa en la parte inferior del panel de Capas para añadir una máscara de capa a la capa:

El icono de la Máscara de Capa en el panel de Capas en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Haz clic en el icono de la máscara de capa.

To thumbnail layer mask aparecerá al lado de la capa principal vista previa de la miniatura:

Una miniatura de la máscara de la capa aparece en la capa de la sombra. Imagen © 2010 Photoshop Essentials.com.

La máscara de capa de la miniatura.

Paso 11: Arrastrar un gradiente de negro a blanco en la máscara de la capa

Select Photoshop's... Gradient tool in the tool pane:

La herramienta de gradiente en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Seleccione la herramienta de gradiente.

Con la herramienta de gradiente seleccionada, clic con el botón derecho del ratón (Win) / Control-clic (Mac) en cualquier lugar dentro de la ventana del documento y elegir el gradiente de negro a blanco haciendo clic en su miniatura (tercera desde la izquierda, fila superior). Presione Enter (Win) / Returns Cuando termines de cerrar el Gradient Picker:

El Seleccionador de Gradientes en Photoshop. Imagen © 2010 Photoshop Essentials.com.

Haga clic en la miniatura para ver el gradiente de negro a blanco.

Queremos que esta versión extra borrosa de la sombra se desvanezca gradualmente a medida que se aleja del texto, así que haz clic con la herramienta de gradiente en la parte superior de la sombra para establecer el punto de partida del gradiente, y luego mantén pulsada tu Change y arrastrarla directamente hasta el fondo de la sombra. Suelta el botón del ratón cuando llegues al fondo para fijar el punto final del gradiente. Si mantienes pulsada la tecla Mayúsculas mientras arrastras una vez más, se limita la dirección en la que puedes arrastrar, lo que facilita el arrastre directo hacia abajo:

Arrastrando un gradiente en la máscara de la capa. Imagen © 2010 Photoshop Essentials.com.

Haz clic en la parte superior de la sombra, mantén pulsada la tecla Shift, arrastra hacia abajo y suelta el botón del ratón en la parte inferior de la sombra.

Como arrastramos el gradiente en la máscara de la capa, no la capa en sí misma, el gradiente está controlando la visibilidad de la sombra, que ahora se desvanece lentamente a medida que se aleja del texto:

FILE 4 formas de obtener Bitcoin y llenar su alcancía digital

La sombra ahora se desvanece a la vista gracias al gradiente de la máscara de la capa. Imagen © 2010 Photoshop Essentials.com.

El gradiente de la máscara de la capa controla la transparencia de la sombra.

Paso 12: Copiar la máscara de la capa en la capa de sombra original

Haga clic una vez más en el icono de visibilidad de la capa para la capa de sombra original para que sea visible dentro del documento:

El icono de visibilidad de la capa. Imagen © 2010 Photoshop Essentials.com.

Vuelve a encender la capa de sombra original.

Haga clic en la miniatura de la máscara de la capa en el panel de capas, mantenga pulsado Alt (Win) / Option (Mac), y luego arrastra la máscara hasta la capa de la sombra original que está debajo de ella. Cuando veas aparecer un cuadro de resaltado alrededor de la capa de la sombra original, suelta el botón del ratón para copiar la máscara en la capa. Ahora verás miniaturas de máscaras de capa idénticas en ambas capas de sombra:

Copiando la máscara de la capa en la capa que está debajo de ella. Imagen © 2010 Photoshop Essentials.com.

La tecla Alt (Win) / Option (Mac) le dice a Photoshop que haga una copia de la máscara mientras la arrastra.

Paso 13: Invertir la máscara de la capa

Necesitamos que la sombra original se desvanezca a medida que se aleja del texto, exactamente lo opuesto a lo que está haciendo ahora, así que haz clic en el nuevo thumbnail layer mask en la capa de sombra original en el panel de Capas para seleccionarla. Luego presione Ctrl+I (Win) / Comando+I (Mac), que invert el gradiente de la máscara de la capa, así que el negro se convierte en blanco y el blanco en negro:

Los colores en el gradiente de la máscara de la capa están ahora invertidos. Imagen © 2010 Photoshop Essentials.com.

La miniatura de la máscara de la capa ahora muestra un gradiente de blanco a negro en lugar de negro a blanco.

Con ambas capas de sombra ahora mezcladas, la sombra parece más suave a medida que se aleja del texto:

La sombra del texto después de invertir la máscara de la capa. Imagen © 2010 Photoshop Essentials.com.

La imagen después de invertir la máscara de la capa.

Paso 14: Bajar la opacidad de la capa superior de la sombra

Por último, haga clic en la capa superior de la sombra (la copia de la sombra) en el panel de Capas para seleccionarla una vez más, y luego baje su opacidad a alrededor de 60%:

Bajando la opacidad de la capa al 50%. Imagen © 2010 Photoshop Essentials.com.

Selecciona la capa superior de sombra, y luego baja su opacidad al 60%.

Y con eso, ¡hemos terminado! Aquí está nuestro último efecto de texto de «sombra en perspectiva»:

Efecto de sombra de la perspectiva del texto de Photoshop. Imagen © 2010 Photoshop Essentials.com.

El efecto final del texto de «sombra en perspectiva».

A dónde ir después…

¡Y ahí lo tenemos! Visita nuestras secciones de Efectos de Texto o Efectos de Foto para más tutoriales de efectos de Photoshop!

Go up

We use our own and third party cookies to improve the user experience. More Informaticon