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

Cómo crear un efecto de texto con efecto de resplandor en Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

Spanish (Español) translation by Francisco Javier Arellano Macías (you can also view the original English article)

Final product image
What You'll Be Creating

En este tutorial, aprenderás a crear un efecto de texto con resplandor en Adobe Illustrator, utilizando el panel apariencia y los efectos de resplandor.

Lo que aprenderás en este tutorial de efecto de texto vectorial:

  • Cómo iniciar un nuevo documento en Illustrator
  • Cómo aplicar varios rellenos en el panel apariencia
  • Cómo crear un efecto de resplandor de neón en Illustrator

Recursos del tutorial

Para completar el tutorial necesitarás la siguiente fuente:

1. Cómo abrir un nuevo documento

Inicia Adobe Illustrator y ve a archivo> nuevo para abrir un documento en blanco. Escribe un nombre para tu archivo, configura las dimensiones y luego selecciona píxeles como unidades y RGB como modo de color.

A continuación, ve a edición> preferencias> general, configura el incremento del teclado a 1 px y mientras estés allí, ve a unidades para asegurarte de que estén configurados como en la siguiente imagen. Por lo general, yo trabajo con esta configuración y esta te ayudará durante todo el proceso de dibujo.

how to create a new Illustrator document

2. Cómo crear el fondo

Toma la herramienta rectángulo (M) y simplemente haz clic en tu mesa de trabajo para abrir la ventana rectángulo. Establece el ancho en 870 px y la altura en 470 px, y luego haz clic en aceptar para crear el rectángulo del fondo. Coloréalo con el degradado radial mostrado.

Con el rectángulo aún seleccionado, ve al panel alinear (ventana> alinear) y primero, asegúrate de seleccionar la opción alinear a la mesa de trabajo debajo del botón alinear a. Ahora, haz clic en centrar alineación horizontal y centrar alineación vertical en orden para centrarlo perfectamente y cubrir toda la mesa de trabajo porque es un poco más grande.

how to create a background in Adobe Illustrator

3. Cómo crear el texto

Toma la herramienta texto (T), haz clic en tu mesa de trabajo y escribe Tóxico usando la fuente gendarwo, tamaño de 170 pt. En configurar el tracking para los caracteres seleccionados, elige 25 para expandir un poco las letras.

Mantén el texto seleccionado y pulsa centrar alineación horizontal y centrar alineación vertical en el panel alinear para colocarlo exactamente en el centro de la mesa de trabajo.

how to create the text in Illustrator

4. Cómo crear la apariencia del texto

Paso 1

Con el texto aún seleccionado, elimina el color de relleno existente en la barra de herramientas. Harás que el texto sea invisible, pero esto es exactamente lo que queremos.

Para obtener el efecto de resplandor, Illustrator tiene la opción de añadir múltiples apariencias en la misma pieza de texto, junto con efectos, modos de fusión, degradados y transparencias. Al final, también podrás guardar todas estas apariencias en el panel estilos gráficos y podrás volver a utilizar fácilmente este estilo.

how to remove appearance of the text in Illustrator

Paso 2

Asegúrate de que el texto invisible siga seleccionado y presiona añadir nuevo relleno en la parte inferior del panel apariencia. Utiliza el degradado lineal que se muestra para colorearlo.

Este es el primer atributo de relleno en el panel apariencia y continuaremos construyendo el efecto de resplandor.

how to color the text in Illustrator

Paso 3

Mientras el texto sigue seleccionado, presiona otra vez agregar nuevo relleno para agregar un segundo atributo de relleno por encima del primero. Utiliza el degradado lineal que se muestra para colorearlo (1).

A continuación, ve a efecto > bosquejar > bajorrelieve y aplica los ajustes indicados. Establece el detalle en 1 (mínimo), la suavidad en 15 (máximo) y la luz en la parte superior izquierda. Esto agregará alguna dimensión al texto y creará sombreado hacia el final del mismo (2).

how to create another appearance on the text in Illustrator

Paso 4

Mientras el texto sigue seleccionado, presiona nuevamente agregar nuevo relleno para agregar un tercer atributo de relleno en la parte superior del panel apariencia. Utiliza un degradado lineal de verde a verde claro y configura el ángulo a 90 grados - Cambia el modo de fusión a superponer; esto hará que el texto se vea más verde. El aspecto tóxico está empezando a unirse.

how to create multiple appearances on the text in Illustrator

Paso 5

Mantén el texto seleccionado y agreguemos otro relleno por encima del resto presionando el botón otra vez agregar nuevo relleno . Utiliza el degradado lineal que se muestra para colorearlo.

Asegúrate de que este atributo de relleno esté seleccionado y después ve a efecto> bosquejar> chrome. Establece el detalle en 0 (mínimo) y la suavidad en 10 (máximo) y pulsa aceptar. Como resultado, obtendremos un poco de textura en el texto.

how to create texture on the text with Illustrator effects

Paso 6

Mientras el texto y el último atributo de relleno estén seleccionados, ve a efecto> bosquejar> bajorrelieve para aplicar este efecto. Establece el detalle en 1 (mínimo) y la suavidad en 15 (máximo), como antes, pero esta vez establece la luz arriba.

Junto con el efecto cromar, esto creará variaciones de superficie y dará un aspecto más fluido al efecto tóxico. También obtendremos un resaltado en la parte superior de las letras y sombreado en la parte inferior.

how to apply Illustrator effects to create texture on the text

Paso 7

Asegúrate de que el texto está seleccionado y cambia el modo de fusión del último atributo de relleno a luz suave. Los dos efectos aplicados se mezclarán debajo con el color de relleno y crearán un efecto de Illustrator más realista.

how to create a toxic green effect in Illustrator

Paso 8

Mientras el texto permanece seleccionado, presiona añadir nuevo relleno de nuevo para agregar un quinto relleno en el panel apariencia. Utiliza un degradado lineal de gris a gris más oscuro y establece el ángulo en -90 grados. Mueve este relleno entre el tercer y el cuarto atributo de relleno creado anteriormente, por lo que se encuentra bajo los efectos aplicados de cromo y bajorrelieve. Establece el modo de fusión en sobreexponer color, y esto nos dará ese efecto de brillo de neón como algo que debiera ser muy tóxico.

how to create a neon glow effect in Illustrator

Paso 9

Es hora de añadir la sombra. Mantén el texto seleccionado y presiona otra vez agregar nuevo relleno para agregar otro atributo de relleno en la parte inferior del panel apariencia. Utiliza el degradado lineal mostrado; luego ve a efecto > estilizar > sombra paralela y aplica los ajustes de la imagen de abajo.

how to create shadow under the text in Illustrator

Paso 10

No podemos tener un efecto tóxico sin un efecto de resplandor a su alrededor, ¿verdad?

Agrega otro atributo de relleno en la parte inferior del panel apariencia y utiliza el mismo degradado del paso anterior. A continuación, ve a efecto> estilizar> resplandor exterior y aplica la configuración que se muestra con un color verde brillante. Esto creará un efecto de brillo discreto alrededor del texto, ya que el desenfoque es de solo 4 px, pero aún no hemos terminado.

how to create a neon glow effect around the text in Illustrator

Paso 11

Mientras el texto y el último atributo de relleno permanecen seleccionados, vuelve a efecto > estilizar > resplandor exterior y aplica este efecto una vez más. Los ajustes y el color son diferentes esta vez, y el desenfoque es mucho más grande.

Cuando utilices este efecto de resplandor, Illustrator creará automáticamente ese brillo de neón alrededor del texto y esto mejorará el estilo y hará toda la diferencia, especialmente cuando se aplica dos veces.

how to create a glow effect in Illustrator

5. Cómo crear las partículas tóxicas alrededor del texto

Paso 1

En este punto, el efecto de resplandor de Illustrator está completo, pero podemos agregar algunos detalles adicionales.

Toma la herramienta elipse (L), haz clic en tu mesa de trabajo y dibuja un círculo de 80 x 80 px. El color de relleno no es importante en este momento.

Mientras el círculo permanece seleccionado, ve a objeto > crear malla de degradado. Escribe 3 filas y 3 columnas y, a continuación, presiona aceptar. Ahora, puedes seleccionar los puntos de malla individuales y colorearlos como se muestra en la imagen de abajo, utilizando los tres tonos de verde indicados.

how to create a gradient mesh ellipse in Illustrator

Paso 2

Haz copias de diferentes tamaños del círculo obtenidos en el paso anterior y organízalos aleatoriamente en el texto y alrededor del texto como partículas resplandecientes tóxicas. Añade tantos como quieras hasta que estés satisfecho con el resultado.

how to create glowing particles around the glow text effect

Paso 3

Agrupa (control-G) todas las partículas brillantes; luego ve a efecto > estilizar > sombra paralela y aplica los ajustes mostrados. Esto agregará una pequeña sombra debajo de cada círculo, al igual que para el efecto de resplandor del texto

how to create shadow under the glowing toxic particles

Paso 4

Mantén el grupo de partículas seleccionadas y ve a efecto> estilizar> resplandor exterior. Aplica los ajustes mostrados y obtendremos un efecto de resplandor alrededor de cada círculo al igual que en el texto. De esta manera, las cosas estarán consistentes a través de todo el diseño del texto.

how to create a glow effect around toxic particles

¡Felicidades! Has terminado

Aquí está la imagen final del efecto de resplandor. Ahora ya sabes cómo crear efectos de texto totalmente editables en Adobe Illustrator, y puedes aplicar estas técnicas en tus proyectos futuros.

Si necesitas más inspiración y recursos para mejorar tus habilidades de dibujo, asegúrate de dirigirte a GraphicRiver, donde encontrarás más estilos de Illustrator, una multitud de fuentes para usar y vectores listos para personalizar tu efecto de texto final.

glow effect toxic text effect in Adobe Illustrator final image

¡Amplía tus habilidades de diseño de efectos de texto!

Sigue dibujando y aprendiendo con estos tutoriales recomendados que te explicarán muchas otras técnicas útiles.

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.