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

Consejo rápido: cómo crear un texto lleno de colores neón en Adobe Illustrator

by
Read Time:6 minsLanguages:

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

En el siguiente Consejo rápido, aprenderás a crear un texto lleno de efecto de colores neón. Primero, empleando una fuente gruesa y el Script redondear cualquier vértice, lograrás crear las formas de letra. Luego, empleando un pincel caligráfico, algunas técnicas básicas, junto con algunas opciones de Buscatrazos y máscaras, crearás tu propio efecto de texto en neón. 


Paso 1

Crea un documento RGB de 700 por 300 px y empieza con el fondo. Empleando la Herramienta Rectángulo (M), crea una forma del tamaño de tu mesa de trabajo y rellénala con R=65 G=64 B=66. Luego, dirígete al panel Apariencia, abre el menú desplegable y haz clic en Añadir relleno nuevo; evidentemente, esto añadirá un segundo relleno a tu forma. Ahora, necesitarás un nuevo motivo integrado para este relleno nuevo.

Abre el menú desplegable del panel Muestras y ve a Abrir biblioteca de muestras > Motivos > Gráficos básicos > Gráficos básicos_Texturas. Esto abrirá una nueva ventana con algunos motivos atractivos. Selecciona nuevamente ese segundo relleno y aplica el motivo USGS 7 Vineyard. Disminuye la opacidad a un 25%, cambia el modo de fusión a Multiplicar y luego ve a Efecto > Artístico > Película granulada. Ingresa los datos que están en la imagen de abajo y luego haz clic en OK; al final de todo esto, tu imagen debería verse como la que están en la imagen. Selecciona nuevamente y bloquéala, de esta forma, no seleccionarás ni moverás la forma, evitando accidentes.


Paso 2

Selecciona la Herramienta Texto (T), haz clic en tu mesa de trabajo y añade el texto que desees. Yo he usado la fuente Faltura en un tamaño de 250 pt y un trazo de 50. Establece el color R=255 G=255 B=255, luego vuelve a seleccionar todo el texto y ve a Objeto > Expandir. Esto hará que tu texto se convierta en un grupo de formas. Selecciona el grupo y presiona Control + Shift + G para desagrupar.


Paso 3

Luego, necesitarás añadir un efecto agradable de redondeo a todas estas formas. Vas a tener que usar el Script redondear cualquier vértice que puedes encontrar en el artículo 20 Scripts de Adobe Illustrator gratuitos y útiles de Vectortuts+. Guárdalo en tu disco duro y elige la Herramienta Selección Directa (A). Selecciona los puntos de anclaje filosos (sombreados en la primera imagen) y ve a Archivo > Secuencias de comando > Otra secuencia de comandos. Abre el Script redondear cualquier esquina, ingresa el número 3 px en Radio y haz clic en OK. Luego de todo esto, tu forma deberá lucir como las de la segunda imagen.


Paso 4

Enfoquémonos en la primera letra, que, en este caso, es la letra "V". Rellénala con el degradado linear que ves abajo y disminuye su opacidad a un 15%. El cero amarillo que está en la imagen sobre el degradado, representa la opacidad.


Paso 5

Selecciona nuevamente la forma V y crea una copia al frente (Control + C > Control + F). Necesitarás un pincel caligráfico de 5 pt para esta forma nueva, el cual podrás encontrar en tu panel de Pinceles (Ventana > Pinceles). Si no lo encuentras, sigue estos pasos para conseguir uno. Abre el menú plegable del panel Pinceles y haz clic en Nuevo pincel. Busca Pincel caligráfico y haz clic en OK. Luego, ingresa el número 0 en el cuadro de Ángulo, 100 en el de Redondez y 5 en el de Tamaño y luego haz clic en OK. Ahora, selecciona la copia reciente de la V nuevamente. Primero, aumenta la opacidad a un 100% y selecciona "ninguno" en el relleno de color. Luego, añade el pincel de 5 pt, establece los colores R=255 G=36 B=55 y ve a Objeto > Expandir apariencia.


Paso 6

Selecciona la forma que hiciste en el paso anterior y crea una copia al frente (Control + C > Control + F). Selecciona la forma original y dirígete a Efecto > Estilizar > Sombra paralela. Ingresa los datos que ves en la imagen #1 de abajo, haz clic en OK y luego selecciona la copia y ve a Efecto > Estilizar > Resplandor exterior. Ahora, ingresa los datos que ves en la imagen #2 de abajo y haz clic en OK.


Paso 7

Dirígete a Edición > Preferencias > General, ingresa el número 0.5 en el cuadro de Incrementos de teclado y luego haz clic en OK. Selecciona la forma roja superior y crea dos copias al frente (Control + C > Control + F > Control + F). Selecciona la copia superior, luego presiona la flecha hacia arriba y luego la flecha hacia la izquierda una vez. Selecciona nuevamente ambas copias y haz clic en el botón Menos frente del panel Buscatrazos. Lo que obtendrás será un grupo de formas muy finas.  Rellénalas con R=190 G=30 B=45, desactiva el efecto de Resplandor exterior (del panel de Apariencia) y luego dirígete a Objeto > Trazado compuesto > Crear.


Paso 8

Selecciona la forma roja superior y ve a Objeto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -2 px y haz clic en OK. Rellena la forma resultante con R=255 G=148 B=150, eliminar cualquier efecto de Resplandor externo sobrante y luego dirígete a Efecto > Desenfocar > Desenfoque gaussiano. Ingresa un radio de 0.5 pt y luego haz clic en OK.


Paso 9

Selecciona la forma que hiciste en el paso anterior y luego presiona la flecha hacia la izquierda y luego la flecha hacia arriba dos veces. Selecciona nuevamente la forma roja superior, crea una copia nueva, tráela al frente (Control + Shift + Corchete derecho), rellénala con color blanco y elimina el efecto de Resplandor exterior. Ahora, selecciónala junto con la forma que hiciste el paso anterior y dirígete al panel de Transparencia (Ventana > Transparencia). Abre el menú desplegable y haz clic en Crear máscara de opacidad.


Paso 10

Una vez más, selecciona la forma roja superior y ve a Objeto > Trazado > Desplazamiento. Ingresa un Desplazamiento de -1 y haz clic en OK. Rellena la forma resultante con blanco, elimina el efecto de Resplandor exterior y luego crea una copia al frente. Selecciónala y luego presiona la flecha hacia la izquierda y luego presiona la flecha hacia abajo dos veces. Selecciona nuevamente estas dos formas blancas y haz clic en el botón Menos frente del panel de Buscatrazos. Selecciona el grupo de formas resultante, dirígete a Objeto > Trazado compuesto > Crear y reduce la opacidad a un 70%.


Paso 11

Ahora, vamos a añadir algo de color a las otras formas de letras restantes. Básicamente, tienes que repetir las mismas técnicas y aplicar los mismos efectos, pero con un juego diferentes de colores; abajo puedes ver todos los colores que debes cambiar. Primero, emplea el color que ves en la imagen #1 de abajo en lugar del rojo y reemplázalo para poder aplicar el efecto de Resplandor exterior. Luego, emplea los colores de la imagen #2 de abajo para la forma fina (creada en el Paso 7) y para la forma desenfocada (como se hizo en el Paso 8). Para el trazado blanco final (que creaste en el paso anterior), puedes dejar la opacidad al 100%.


Paso 12

Finalmente, elige la Herramienta Elipse (L) y crea una forma de 10 por 10 px. Rellénala con negro, luego añade un trazo de 1 pt y aplícale los siguientes colores R=15 G=15 B=15. Multiplica esta forma y despliega las copias como ves en la primera imagen. Selecciona todos estos círculos y agrúpalos (Control + G). Para finalizar, dirígete al panel de Capas y arrastra este nuevo grupo debajo de las formas de letras, precisamente sobre del fondo que bloqueamos.


Conclusión

Así es cómo tu texto final con efecto neón debería lucir. Remueve o desactiva la visibilidad de las formas rellenadas con el degradado linear y tu texto final lucirá como la segunda versión que se muestra abajo. Naturalmente, puedes emplear diferentes fuentes o diferentes juegos de colores, puedes incrementar el radio del efecto de resplandor exterior o el tamaño del pincel caligráfico que empleamos al inicio. Hay posibilidades innumerables, ¡ve qué se te puede ocurrir!

One subscription.
Unlimited Downloads.
Get unlimited downloads