1. Design & Illustration
  2. Add-Ons
  3. Text Effects

Cómo crear un efecto de texto de anaglifo en Adobe Illustrator

Scroll to top

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

En los siguientes pasos aprenderás cómo crear un simple efecto de texto de anaglifo en Adobe Illustrator. Comenzaremos con un texto sencillo y algunos consejos básicos de alineación. A continuación, usando el panel Apariencia, algunas técnicas simples de fusión y algunos efectos de transformación aprenderás cómo crear el efecto de anaglifo. Finalmente, usando sutiles efectos de sombra paralela añadirás un poco de profundidad a tu texto.


1. Crea un nuevo documento y configura una cuadrícula

Pulsa Comando + N para crear un Nuevo documento. Selecciona Pixeles del menú desplegable Unidades, introduce 600 en la casilla anchura y 500 en la casilla altura luego haz clic en el botón Avanzado. Selecciona RGB y Pantalla (72 ppp).

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 2

Toma la herramienta Texto (T), haz clic en tu mesa de trabajo y simplemente añade el texto "It's time to put on your 3D glasses". Asegúrate de que siga seleccionado, establece el color en R=39 G=170 B=225 y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente "Harlow Solid Italic" y establece el tamaño en 50 pt.

A continuación, abre el panel Párrafo (Ventana > Texto > Párrafo) y simplemente marca el botón Alinear al centro. Finalmente, necesitas centrar este texto, así que abre el panel Alinear (Ventana > Alinear). Establece la alineación con la mesa de trabajo (abre el menú desplegable y ve a Mostrar opciones si no puedes ver la sección Alinear con como se muestra en la siguiente imagen), luego haz clic en los botones Centrar y Centrar verticalmente. Al final tu texto debería colocarse como se muestra en la siguiente imagen.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 3

Asegúrate de que tu texto todavía esté seleccionado, abre el panel Apariencia (Ventana > Apariencia) y simplemente añade un relleno usando el botón Añadir nuevo relleno (indicado por el título, flecha azul en la siguiente imagen). Selecciona este nuevo relleno y establece su color en R=39 G=170 B=225.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 4

Asegúrate de que tu texto esté todavía seleccionado, enfócate en el panel Apariencia y añade un segundo relleno usando el mismo botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece su color en R=34 G=255 B=255 y haz clic en el pequeño ícono de la flecha para ver los atributos.

Simplemente haz clic en el texto "Opacity" para abrir el panel desplegable Transparencia. Enfócate en la casilla Opacidad y establécela en 40%. Mantente enfocado en el panel Apariencia, asegúrate de que este segundo relleno siga todavía seleccionado y ve a Efecto > Distorsionar y transformar > Transformar. Enfócate en la sección Mover, arrastra el control deslizante Horizontal a -5 px y haz clic en OK.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 5

Asegúrate de que tu texto siga todavía seleccionado, enfócate en el panel Apariencia y añade un tercer relleno usando el mismo botón Añadir nuevo relleno. Selecciona este nuevo relleno, establece el color en R=149 G=255 B=255, disminuye su Opacidad a 20% y ve a Efecto > Distorsionar y transformar > Transformar. Enfócate en la sección Mover, arrastra el control deslizante Horizontal a -10 px y haz clic en OK.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 6

Asegúrate de que tu texto siga seleccionado, enfócate en el panel Apariencia y añade un cuarto relleno. Selecciónalo, establece el color en R=255 G=40 B=46, disminuye su Opacidad a 40% y ve a Efecto > Distorsionar y transformar > Transformar. Enfócate en la sección Mover, arrastra el control deslizante Horizontal a 5 px y haz clic en OK.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 7

Asegúrate de que tu texto siga seleccionado, enfócate en el panel Apariencia y añade un quinto relleno. Selecciónalo, establece el color en R=255 G=84 B=79, disminuye su Opacidad a 20% y ve a Efecto > Distorsionar y transformar > Transformar. Enfócate en la sección Mover, arrastra el control deslizante Horizontal a 10 px y haz clic en OK.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 8

Asegúrate de que tu texto siga estando seleccionado, enfócate en el panel Apariencia, selecciona el relleno inferior y ve a Efecto > Estilizar > Sombra paralela. Introduce las propiedades mostradas en la ventana superior izquierda (en la siguiente imagen), haz clic en OK y ve otra vez a Efecto > Estilizar > Sombra paralela. Introduce las propiedades mostradas en la ventana superior derecha (en la siguiente imagen), haz clic en OK y ve otra vez a Efecto > Estilizar > Sombra paralela. Introduce las propiedades mostradas en la ventana inferior izquierda (en la siguiente imagen), haz clic en OK y ve de nuevo a Efecto > Estilizar > Sombra paralela. Introduce las propiedades mostradas en la ventana inferior derecha (en la siguiente imagen) y haz clic en OK.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Paso 9

Finalmente, puedes cambiar fácilmente el aspecto general del efecto al cambiar el color utilizado para el relleno inferior. Asegúrate de que tu texto siga seleccionado, enfócate en el panel Apariencia, selecciona el relleno inferior y remplaza el color existente con R=145 G=145 B=145. También, disminuyendo la Opacidad para los rellenos azul y rojo atenuará el efecto anaglífico.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect

Ponte las gafas 3D, ¡Terminaste!

Así es cómo debería lucir. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus futuros proyectos.

Anaglyphic Text EffectAnaglyphic Text EffectAnaglyphic Text Effect