Unlimited WordPress themes, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

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

by
Difficulty:IntermediateLength:ShortLanguages:

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.

new document

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.

add text

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.

color none

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.

add new fill

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.

black fill

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.

gaussian blur

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.

duplicate fill

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.

duplicate fills

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.

duplicate fills

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.

duplicate fills

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.

transform effect

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.

transform effect

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.

gaussian blur

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-[).

background

¡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.

final product

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.