Advertisement
  1. Design & Illustration
  2. Spirit Day

Cómo crear un efecto de texto inspirado en el Día del Espíritu en Adobe Illustrator

Scroll to top
Read Time: 6 min

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

En los siguientes pasos aprenderás cómo crear un efecto de texto inspirado en el Día del Espíritu en Adobe Illustrator.

Para comenzar, aprenderás cómo crear un fondo morado y cómo agregar texto blanco. Al aprovechar al máximo el panel de Apariencia, aprenderás como crear tu efecto de texto morado. Aprenderás a hacer más fácil tu trabajo al usar iconos meta y a agregar una textura sutil para los toques finales.

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

1. Cómo hacer el fondo y el texto

Paso 1

Pulsa Control+N para crear un nuevo documento. Selecciona Píxeles del menú desplegable de Unidades, ingresa 850 en la casilla de anchura y 615 en la casilla de altura, después haz clic en el botón Más configuraciones. Selecciona RGB como Modo de color, configura los Efectos de rasterizar a la Pantalla (72 ppp), y después haz clic en el botón Crear documento.

new documentnew documentnew document

Paso 2

Selecciona la herramienta de Rectángulo (M) y concéntrate en tu Barra de herramientas. Elimina el color del trazo y luego selecciona el relleno y cambia su color a R=62 G=18 B=81. Solo haz clic en tu mesa de trabajo para abrir la ventana de Rectángulo. Cambia la anchura a 860 px y la altura a 625 px y después haz clic en el botón OK. Selecciona la forma que acabas de hacer y asegúrate de que cubre toda tu mesa de trabajo.

purple backgroundpurple backgroundpurple background

Paso 3

Selecciona la herramienta de Texto (T) y abre el panel de Carácter (Ventana > Texto > Carácter). Selecciona la fuente Coiny y cambia el tamaño a 150 px. Solo haz clic en tu mesa de trabajo, agrega el texto "PURPLE" y cambia su color a blanco. Con los mismos atributos, agrega el texto "GO" y colócalo como se muestra en la segunda imagen.

type tooltype tooltype tool

2. Cómo crear el efecto de texto

Paso 1

Asegúrate de que el texto "PURPLE" siga seleccionado. Primero, ve al panel de Muestras (Ventana > Muestras) y solo retira el blanco del color de texto.

A continuación, ve al panel de Apariencia y haz clic en el botón Agregar nuevo relleno. Selecciona el relleno nuevo y cambia su color a  R=228 G=179 B=224.

add new filladd new filladd new fill

Paso 2

Asegúrate de que el texto "PURPLE" siga seleccionado y agrega un segundo relleno con el mismo botón Agregar nuevo relleno. Selecciona este relleno nuevo y arrástralo debajo del que ya estaba.

Aplica el gradiente lineal que se muestra a continuación y luego ve a Efectos > Distorsionar y trasformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en el botón OK.

transformtransformtransform

Paso 3

Asegúrate de que el texto "PURPLE" siga seleccionado y sigue trabajando en el panel de Apariencia.

Asegúrate de que el botón de relleno siga seleccionado y ve a Efecto > Estilizar > Sombra paralela. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en el botón OK.

drop shadowdrop shadowdrop shadow

Paso 4

Asegúrate de que el texto "PURPLE" siga seleccionado y agrega un tercer relleno. Selecciona este relleno nuevo y arrástralo debajo de los otros dos.

Cambia el color a R=62 G=18 B=81 y luego ve a Efectos > Distorsionar y transformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen, haz clic en el botón OK, y después ve a Efectos > Estilizar > Sombra paralela. Ingresa los atributos que se muestran a continuación y haz clic en OK.

add new filladd new filladd new fill

Paso 5

Asegúrate de que el texto "PURPLE" siga seleccionado y agrega un cuarto relleno. Selecciona este nuevo relleno y arrástralo debajo de los otros tres.

Cambia el color a  R=62 G=18 B=81 y luego ve a Efectos > Distorsionar y transformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen, haz clic en OK, y luego ve a Efectos > Estilizar > Sombra paralela. Ingresa los atributos que se muestran a continuación y haz clic en OK.

add new filladd new filladd new fill

Paso 6

Asegúrate de que el texto "PURPLE" siga seleccionado y agrega un quinto relleno. Selecciona este relleno nuevo y arrástralo debajo de los otros cuatro.

Aplica el gradiente lineal que aparece a continuación y luego ve a Efectos > Distorsionar y transformar > Transformar. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en el botón OK. Asegúrate de marcar el punto  de referencia inferior al medio.

transformtransformtransform

Paso 7

Asegúrate de que el texto "PURPLE" se quede seleccionado y sigue trabajando en el panel de Apariencia.

Vuelve a seleccionar el relleno superior y ve a Efectos > Estilizar > Resplandor interno. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en el botón OK.

inner glowinner glowinner glow

Paso 8

Concéntrate en el panel de Capas, abre tu capa y usa esos iconos meta para aplicar rápidamente los atributos de Apariencia que usaste en el texto "PURPLE" al otro texto. Los iconos meta son los iconos redondos pequeños que aparecen en el extremo derecho de cada capa o forma individual.

Mantén presionado el botón Alt de tu teclado, haz clic en el icono meta del texto "PURPLE", después arrástralo sobre el icono meta del texto "GO". Al final, el diseño debería verse como en la segunda imagen.

target icontarget icontarget icon

3. Cómo agregar una textura sutil y un arcoíris

Paso 1

Selecciona la forma de fondo, haz una copia al frente (Control+C > Control+F), y colócala al frente (Shift+Control+]). Selecciona esta forma nueva y concéntrate en el panel de Apariencia.

Selecciona el relleno, disminuye su Opacidad al 30%, cambia el Modo de fusión a Luz suave, y luego reemplaza el color con el gradiente radial que se muestra a continuación. Recuerda que el cero amarillo de la imagen Gradiente significa el porcentaje de Opacidad, y usa la herramienta Gradiente (G) para comprimir el gradiente como se muestra en la siguiente imagen.

radial gradientradial gradientradial gradient

Paso 2

Asegúrate de que el rectángulo que hiciste en el paso anterior siga seleccionado, y sigue trabajando en el panel de Apariencia. Agrega un segundo relleno y selecciónalo.

Cambia el color a negro (R=0 G=0 B=0), disminuye su Opacidad al 10%, cambia el Modo de fusión a Luz suave y luego ve a Efectos > Artístico > Película granulada. Ingresa los atributos que se muestran en la siguiente imagen y haz clic en el botón OK.

film grainfilm grainfilm grain

Paso 3

Para terminar, puedes añadir un poco de color en tu diseño final con la ayuda de este tutorial corto: Cómo crear un efecto de texto arcoíris en Adobe Illustrator. Aprenderás cómo crear un pincel simple de patrón y cómo ajustarlo con la herramienta de Grosor (Shift-W).

pattern brushpattern brushpattern brush

¡Felicidades! ¡Ya terminaste!

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

Siéntete libre de ajustar el diseño final y darle tu estilo. Puedes encontrar recursos geniales para inspirarte en GraphicRiver, que tiene soluciones interesantes para mejorar tu diseño.

final productfinal productfinal product
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.