Cómo crear un texto 3D retro con Photoshop

Cómo crear un texto 3D retro con Photoshop

Crear un efecto de texto retro analítico en 3D rojo y azul en Photoshop

Desempolve esas clásicas gafas 3D rojas y azules y aprenda a añadir un efecto 3D anaglifo retro a su texto usando las Opciones de Mezcla de Photoshop, ¡junto con un par de formas de personalizarlo!

En un tutorial anterior, viajamos en el tiempo a la Edad de Oro de las películas en 3D y aprendimos a añadir un efecto 3D retro rojo y azul a una foto. Esta vez, les muestro cómo añadir el mismo efecto clásico (oficialmente conocido como anaglifo 3D) al texto!

Como veremos, crear este efecto de texto en 3D es fácil gracias a las opciones de fusión de Photoshop. Y una vez hecho el efecto principal, le mostraré un par de variaciones que puede hacer, ¡incluyendo cómo crear el mismo efecto con diferentes colores!

Así es como se verá el efecto 3D final:

El efecto de texto 3D anaglifo retro en Photoshop con el texto original desactivado

El efecto de texto anaglifo 3D.

I'm using Photoshop CC 2020 But any recent version will work.

Start!

La configuración del documento

He creado un nuevo documento de Photoshop con un fondo blanco, y he añadido un texto negro delante de él (las palabras «MOVIE NIGHT»).

Para obtener los mejores resultados, querrás usar los mismos colores (blanco for the antecedentes and negro for the texto).

Cualquier tipo de letra para el trabajo, pero como este efecto 3D rojo y azul se usaba más a menudo con las películas de terror antiguas, estoy usando una fuente llamada CC Monster Mash de Adobe Fonts:

El documento inicial de Photoshop con el texto delante del fondo

El documento inicial de Photoshop.

Paso 1: Hacer dos copias del texto

Empezaremos haciendo dos copias del texto, una para el color rojo en el efecto 3D y la otra para el azul.

En el panel de Capas, seleccione su tipo capa:

Seleccionando el tipo de capa en el panel de capas de Photoshop

Haciendo clic en la capa de tipo.

Y arrastrar la capa hacia abajo en el Añadir una nueva capa en la parte inferior:

Haciendo una copia del tipo de capa en el panel de capas de Photoshop

Haciendo la primera copia del texto.

Then click on the copia de la capa de tipo que aparece sobre el original y arrastrarla hasta el Añadir una nueva capa …icono:

Haciendo una segunda copia del tipo de capa en el panel de capas de Photoshop

Haciendo la segunda copia del texto.

Ahora tenemos la capa de tipo original en la parte inferior y dos copias encima de ella:

El panel de capas de Photoshop mostrando la capa de tipo original y dos copias.

El panel de Capas muestra tres capas de tipo en total.

Paso 2: Abrir las opciones de mezcla de Photoshop

Usaremos la copia de arriba para añadir el color rojo al efecto y la copia de abajo para añadir el azul.

Con la copia superior seleccionada, haga clic en el Icono fx at the bottom of the Layers panel:

Haciendo clic en el icono de Efectos de Capa en el panel de Capas de Photoshop

Haciendo clic en el icono de Efectos de Capa.

Y elige… Opciones de mezcla de la parte superior de la lista:

FILE Cómo crear iconos con Photoshop

El panel de capas de Photoshop mostrando la capa de tipo original y dos copias.

Eligiendo «Opciones de mezcla».

Paso 3: Apagar el canal rojo

Se abre el cuadro de diálogo del Estilo de Capa, y en la sección de Mezcla Avanzada hay una opción llamada Canales con tres casillas de verificación, R, G and B. Estos son los canales Rojo, Verde y Azul que Photoshop mezcla para crear todos los colores que vemos en la imagen.

Por defecto, los tres canales están activados porque eso es lo que normalmente queremos. Pero podemos usar las casillas de verificación para desactivar los canales que no necesitamos en la capa activa. Y así es como crearemos el efecto 3D:

Las casillas de verificación de los canales R, G y B en las opciones de mezcla de Photoshop

Las casillas de los canales R, G y B.

Ahora, porque estamos trabajando con texto negro en lugar de blanco, los canales que deben ser apagados son los frente a de lo que esperas.

Por ejemplo, para añadir el rojo al efecto 3D, gira fuera de the Rojo canal desmarcándolo. Deje el Green and Azul canales girados in:

Apagar el canal rojo en la capa de tipo

Apagando el canal rojo en la capa de tipo.

Paso 4: Cerrar el cuadro de diálogo del Estilo de Capa

Cuando hayas terminado, haz clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa:

Cerrando el cuadro de diálogo de Estilo de Capa en Photoshop

Cerrando el cuadro de diálogo.

Paso 5: Seleccionar la herramienta de movimiento

Ahora, aunque el canal de color rojo se ha apagado, no pasará nada hasta que movamos el texto a la izquierda o a la derecha para compensarlo del original.

Para mover el texto, seleccione el Movement tool on the toolbar:

Seleccionando la Herramienta de Mudanza

Selecting the motion tool.

Paso 6: Establecer el modo de vista al 100%

Pero antes de moverlo, sube al See en la barra de menú y asegúrese de que el 100% se selecciona el nivel de zoom. Esto permite desplazar el texto a la izquierda o a la derecha por un píxel a la vez:

Escogiendo el modo de vista 100 por ciento desde el menú de Vista en Photoshop

Va a ver… 100%.

Paso 7: Desplazar el texto a la izquierda

Entonces usa el tecla de flecha izquierda en tu teclado para alejar el texto del original. Cada vez que pulses la tecla de la flecha, moverás el texto un píxel más a la izquierda. O para mover el texto 10 píxeles a la vez, mantén pulsada la tecla Change mientras presionas la tecla de la flecha izquierda.

Y noten que el texto aparece en rojo en las áreas que están desplazadas del original, mientras que el texto original permanece en negro. En mi caso, he movido el texto 30 píxeles a la izquierda.

Asegúrate de recordar cuánto has movido el texto porque vamos a mover la otra copia en la misma cantidad pero en la dirección opuesta:

Añadiendo rojo al efecto de texto anaglifo 3D en Photoshop

Mover el texto a la izquierda añade rojo al efecto 3D.

Paso 8: Seleccionar la primera copia del texto

De vuelta en el panel de Capas, haz clic en la primera copia del texto (la que está directamente encima de la capa de tipo original) para seleccionarla:

FILE Cómo restablecer las herramientas y la barra de herramientas en Photoshop CC

Seleccionando la primera copia del texto en el panel de capas de Photoshop

Seleccionando la primera copia.

Paso 9: Abrir las opciones de mezcla

Entonces haga clic en el Icono fx:

Haciendo clic en el icono de Efectos de Capa en el panel de Capas de Photoshop

Haciendo clic en el icono de Efectos de Capa.

Y una vez más elige Opciones de mezcla para reabrir el cuadro de diálogo del Estilo de Capa:

El panel de capas de Photoshop mostrando la capa de tipo original y dos copias.

Eligiendo «Opciones de mezcla».

Paso 10: Apagar los canales Verde y Azul

Hasta ahora, he llamado a nuestro efecto retro 3D un efecto «rojo y azul». Pero el color «azul» es en realidad el cian, que es lo opuesto al rojo.

Para añadir el cian, deja el Rojo canal girado in pero gira… the Green and Azul canales fuera de. De nuevo, esto puede ser lo contrario de lo que se esperaría pero es porque estamos trabajando con texto negro en lugar de blanco:

Apagar los canales Verde y Azul en las opciones de mezcla de Photoshop

Desconectando los canales Verde y Azul.

Paso 11: Cerrar el cuadro de diálogo del Estilo de Capa

Haz clic en Aceptar cuando termines de cerrar el cuadro de diálogo Estilo de capa:

Cerrando el cuadro de diálogo de Estilo de Capa en Photoshop

Cerrando el cuadro de diálogo.

Paso 12: Desplazar el texto a la derecha

Luego, con la herramienta de movimiento aún activa en la barra de herramientas, utilice la tecla de flecha derecha en su teclado para empujar el texto a la derecha un pixel a la vez, o mantener Change …mientras presionas la tecla de la flecha para empujarlo 10 pixeles a la vez. Quieres mover el texto en la misma cantidad que moviste el texto rojo. En mi caso, eran 30 píxeles.

Y esta vez, el texto aparece cian en las áreas que están desplazadas del original, creando nuestro efecto 3D retro:

Un efecto de texto anaglifo 3D retro creado en Photoshop

Moviendo el texto a la derecha se añade el cian al efecto.

Ver también: Añade una Sombra Larga a tu texto con Photoshop!

Index
  1. La configuración del documento
  2. Paso 1: Hacer dos copias del texto
  3. Paso 2: Abrir las opciones de mezcla de Photoshop
  4. Paso 3: Apagar el canal rojo
  5. Paso 4: Cerrar el cuadro de diálogo del Estilo de Capa
  6. Paso 5: Seleccionar la herramienta de movimiento
  7. Paso 6: Establecer el modo de vista al 100%
  8. Paso 7: Desplazar el texto a la izquierda
  9. Paso 8: Seleccionar la primera copia del texto
  10. Paso 9: Abrir las opciones de mezcla
  11. Paso 10: Apagar los canales Verde y Azul
  12. Paso 11: Cerrar el cuadro de diálogo del Estilo de Capa
  13. Paso 12: Desplazar el texto a la derecha
  • Variación 1: Apagar el texto original
  • Variación 2: Cambiar los colores en el efecto
    1. Paso 1: Cambiar el color rojo por el verde
    2. Paso 2: Cambiar el color del cian a magenta
  • Variación 1: Apagar el texto original

    En este punto, el principal efecto de texto 3D está completo. Pero hay un par de maneras fáciles de crear variaciones de él.

    Una forma es desactivar la capa de tipo original haciendo clic en su icono de visibilidad in the Layers panel:

    Desactivando el texto original en el efecto retro 3D

    Apagando el texto original.

    Esto pone el foco más en los colores rojo y cian en el efecto, con el negro apareciendo sólo en áreas donde el rojo y el cian se superponen. Puede que tengas que usar el the left and right arrow keys en su teclado para ajustar el espacio entre las capas de tipo rojo y cian. En mi caso, las acerqué un poco más:

    El efecto de texto 3D anaglifo retro en Photoshop con el texto original desactivado

    El efecto 3D con el texto original desactivado.

    Variación 2: Cambiar los colores en el efecto

    Otra variación fácil es cambiar los colores del efecto. Todavía quieres colores opuestos entre sí, pero en lugar de rojo y cian, otra combinación popular es el verde y el magenta.

    FILE Adobe Stock: conviértase en colaborador

    Paso 1: Cambiar el color rojo por el verde

    En el panel de Capas, haga doble clic en el Icono de Opciones de Mezcla en la capa de tipo superior (la que sostiene la parte roja del efecto). O si no puedes ver el icono de Opciones de fusión, haz doble clic en cualquier parte gris vacía de la capa:

    Reabriendo las opciones de fusión de Photoshop para cambiar el color rojo en el efecto de texto 3D

    Reabriendo las opciones de mezcla para el texto rojo.

    Luego en el cuadro de diálogo del Estilo de Capa, cambia el color rojo por el verde convirtiendo el Rojo canal inthe Green canal fuera de and the Azul canal in. Clic en Aceptar para cerrar el cuadro de diálogo Estilo de capa, y el color rojo del efecto es ahora verde:

    Apagando el canal verde y encendiendo los canales rojo y azul en las opciones de mezcla de Photoshop.

    R=on, G=off, B=on para el verde.

    Paso 2: Cambiar el color del cian a magenta

    En el panel de Capas, haga doble clic en el Icono de Opciones de Mezcla (o en cualquier área gris vacía) para la capa de tipo que contiene la parte de cian del efecto:

    Reabriendo las opciones de fusión de Photoshop para cambiar el color cian en el efecto de texto 3D

    Reabriendo las opciones de mezcla para el texto del cian.

    Luego para cambiar el cian a magenta, cambia el Rojo canal fuera dethe Green canal in and the Azul canal fuera de:

    Encendiendo el canal verde y apagando los canales rojo y azul en las opciones de mezcla de Photoshop.

    R=off, G=on, B=off para el magenta.

    Haz clic en Aceptar cuando termines de cerrar el cuadro de diálogo Estilo de capa.

    Y ahora tenemos un efecto 3D verde y magenta para algo un poco diferente:

    El efecto de texto anaglifo 3D retro en Photoshop usando colores verdes y magenta

    El mismo efecto con diferentes colores.

    ¡Y ahí lo tenemos! ¡Así es como se crea un efecto de texto 3D retro con Photoshop!

    Para más bondad retro, mira mi tutorial sobre cómo crear texto retro de los 80, o mira mi lista completa de tutoriales de efectos de texto de Photoshop. Y no olvides que todos nuestros tutoriales se pueden descargar en formato PDF.

    Go up

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