Cómo crear un efecto de texto de múltiples capas en Adobe Illustrator

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

Final product image — What You'll Be Creating

En los siguientes pasos, aprenderás cómo crear un efecto de texto con múltiples capas y completamente editable en Adobe Illustrator.

Para empezar, aprenderás cómo crear un fragmento de texto y cómo aplicarle estilo. Aprovechando por completo el panel Apariencia, aprenderás cómo añadir múltiples rellenos para tu texto y cómo ajustarlos fácilmente. Usando técnicas de fusión básicas y algunos desenfoques, aprenderás cómo añadir una sombra adicional.

El texto, "G'mar Hatima Tovam", es un saludo judío utilizado en la celebración del Yom Kippur. Significa: "Que seas inscrito por Dios [en el Libro de la Vida]".

Para más inspiración sobre cómo ajustar o mejorar tu efecto de texto final, puedes encontrar muchísimos recursos en GraphicRiver.

1. Cómo crear un nuevo documento y añadir texto

Paso 1

Pulsa Control-N para crear un nuevo documento. Selecciona Pixeles del menú desplegable Unidades, introduce 850 en la casilla anchura y 760 en la casilla altura, y luego haz clic en el botón Más ajustes. Selecciona RGB para el Modo de color, establece los Efectos de rasterizado en Pantalla (72 ppp), y luego haz clic en OK.

Abre el panel Información (Ventana > Información) para una previsualización instantánea con el tamaño y la posición de tus formas. No olvides establecer la unidad de medidas en pixeles desde Edición > Preferencias > Unidades. Estas opciones incrementarán de manera significativa la velocidad de tu trabajo.

Paso 2

Toma la herramienta Texto (T) y abre el panel Carácter (Ventana > Texto > Carácter). Selecciona la fuente Etna y luego establece el tamaño en 150 px y el tracking en 50. Dirígete a la mesa de trabajo, haz clic en ella y escribe tu texto.

2. Cómo aplicar los efectos iniciales

Paso 1

Asegúrate de que tu texto esté seleccionado, enfócate en el panel Muestras (Ventana > Muestras) y haz clic en la muestra [Ninguno] para eliminar el color de texto existente. Abre el panel Apariencia (Ventana > Apariencia) y añade un nuevo relleno usando el botón Añadir nuevo relleno. Selecciónalo y establece el color en R=0 G=56 B=184.

Paso 2

Asegúrate de que tu texto siga seleccionado, mantente enfocado en el panel Apariencia y añade un segundo relleno.

Selecciona este nuevo relleno, establece el color en blanco (R=255 G=255 G=255 B=255) y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2 px y haz clic en OK.

Paso 3

Asegúrate de que tu texto siga seleccionado, mantente enfocado en el panel Apariencia y añade un tercer relleno.

Selecciona este nuevo relleno y arrástralo debajo del blanco. Establece el color en negro (R=0 G=0 B=0), disminuye su Opacidad en 20% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -2 px, haz clic en OK y ve a Efecto > Distorsionar y transformar > Transformar. Arrastra el regulador Mover horizontal a -2 px y haz clic en OK.

Paso 4

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Selecciona el relleno negro y duplícalo usando el botón Duplicar elemento seleccionado. Selecciona el relleno negro inferior, incrementa su Opacidad a 40% y luego ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 2 px y haz clic en OK.

3. Cómo multiplicar los efectos

Paso 1

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Selecciona el relleno blanco junto con los dos rellenos negros y duplícalos usando el botón Duplicar elemento seleccionado. Enfócate en estos tres nuevos rellenos, abre los efectos de Desplazamiento de trazado aplicados a cada uno de estos rellenos e incrementa el valor de Desplazamiento a -4 px. Selecciona el relleno blanco recientemente añadido y cambia su color a R=0 G=56 B=184.

Paso 2

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

De nuevo , selecciona los tres rellenos superiores y duplícalos. Primero, abre los efectos de Desplazamiento de trazado aplicados a cada uno de estos nuevos rellenos e incrementa el valor de Desplazamiento a -6 px, y luego selecciona el relleno superior y establece su color en blanco.

Paso 3

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Una vez más, selecciona los tres rellenos superiores y duplícalos. Primero abre los efectos de Desplazamiento de trazado aplicados a cada uno de estos nuevos rellenos e incrementa el valor de Desplazamiento a -8 px, y luego selecciona el relleno superior y establece su color en R=0 G=56 B=184.

Paso 4

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Por última vez, selecciona los tres rellenos superiores y duplícalos. Primero, abre los efectos de Desplazamiento de trazado aplicados a cada uno de estos nuevos rellenos e incrementa el valor de Desplazamiento a -10 px, y luego selecciona el relleno superior y establece su color en blanco.

4. Cómo añadir un sombreado adicional y un fondo

Paso 1

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Agrega un nuevo relleno y arrástralo en la parte inferior del panel Apariencia, debajo de los rellenos existentes. Establece el color en R=0 G=56 B=184, disminuye su Opacidad a 10% y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos mostrados a continuación y haz clic en OK.

Paso 2

Asegúrate de que tu texto siga seleccionado y mantente enfocado en el panel Apariencia.

Añade un nuevo relleno y arrástralo en la parte inferior del panel Apariencia, debajo de los rellenos existentes. Establece el color en R=0 G=56 B=184, disminuye su Opacidad a 5% y ve a Efecto > Trazado > Desplazamiento. Introduce un Desplazamiento de -4 px, haz clic en OK y ve a Efecto > Distorsionar y transformar > Transformar. Introduce los atributos mostrados a continuación y haz clic en OK.

Paso 3

Asegúrate de que tu texto siga seleccionado y mantente concentrado en el panel Apariencia.

Selecciona el relleno inferior y simplemente duplícalo. Selecciona el nuevo relleno, incrementa su Opacidad a 25% y ve a Efecto > Desenfocar > Desenfoque gaussiano. Introduce un Radio de 10 px y haz clic en OK.

Paso 4

Toma la herramienta Rectángulo (M) y crea una forma de 850 x 760 px. Rellena esta nueva forma de blanco, asegúrate de que cubra toda tu mesa de trabajo y envíala detrás (Mayúsculas-Control-[).

¡Felicidades! ¡Terminaste!

Así es cómo debería lucir. Espero que hayas disfrutado este tutorial y puedas aplicar estas técnicas en tus proyectos futuros. No dudes en compartir tu resultado final en la sección de comentarios.

Siéntete libre de ajustar el diseño final y hacerlo tuyo. Puedes encontrar algunos magníficos recursos de inspiración en GraphicRiver, con soluciones interesantes para mejorar tu diseño.