Cómo hacer texto con degradado en Illustrator

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

Final product image — What You'll Be Creating

En los siguientes pasos aprenderás cómo agregar un degradado a un texto en Illustrator usando dos métodos diferentes.

Lo que aprenderás en este tutorial de texto con degradado

Cómo agregar un degradado a un texto en Illustrator a través de un relleno no destructivo
Cómo agregar un degradado a un texto en Illustrator a través de un relleno destructivo
Cómo aplicar un degradado al contorno de un texto en Illustrator

Para obtener más inspiración sobre cómo ajustar o mejorar la versión final de tu texto con degradado de Illustrator, puedes encontrar una gran cantidad de recursos en GraphicRiver.

Sigue los pasos con nosotros en nuestro canal de YouTube de Envato Tuts+:

Lo que necesitarás

Necesitarás el siguiente recurso para aprender cómo aplicar un degradado a un texto en Illustrator:

La fuente Letter Craft

1. Cómo agregar un degradado a un texto en Illustrator (relleno no destructivo)

Paso 1

Hay dos métodos que puedes usar para aplicar un degradado a un texto en Illustrator. Para el primer método, selecciona tu texto y ve al panel Apariencia (Ventana > Apariencia). Haz clic en en botón Agregar nuevo relleno y asegúrate de que el relleno recién agregado permanezca seleccionado.

Dirígete al panel Degradado (Ventana > Degradado) y haz clic en la miniatura del degradado o en su control deslizante para aplicar un degradado a través de todo el texto en Illustrator. Una vez que lo hayas aplicado, puedes editar el degradado o el texto como lo desees.

Paso 2

Examina más de cerca el texto y notarás un sutil contorno pixelado. Esto sucede debido al color original del texto, que aún se encuentra debajo de tu degradado.

Para resolver este problema, todo lo que tienes que hacer es eliminar ese color. Ve al panel Apariencia y haz doble clic en el botón Carácter para acceder a las configuraciones del texto. Haz clic en la rueda de color Relleno y elimina el color usando la muestra [Ninguno]. Para regresar a las configuraciones Apariencia, haz clic en el botón Tipo.

2. Cómo agregar un degradado a un texto en Illustrator (relleno destructivo)

Paso 1

Para el segundo método, selecciona tu texto y ve a Tipo > Crear contornos para convertir el texto a formas vectoriales editables. Ahora bien, puedes aplicar un degradado a las formas resultantes, pero el degradado será aplicado por separado en la forma de cada letra.

Para aplicar un degradado uniforme en todo el texto, necesitas convertir tu grupo en una forma vectorial. Abre el panel Buscatrazos, haz clic en el botón Unir y luego convierte las formas resultantes en una ruta compuesta (Objeto > Ruta compuesta > Crear o Control-8).

Paso 2

Con tu ruta compuesta seleccionada, ve al panel Degradado (Ventana > Degradado) y aplica un degradado a lo largo de todo el texto en Illustrator. Una vez que lo hayas aplicado puedes editar el degradado como lo desees, pero no así el texto.

3. Cómo aplicar un contorno degradado a un texto en Illustrator

Paso 1

También puedes aplicar un contorno degradado a tu texto en Illustrator.

Si usaste la primera técnica para aplicar un degradado a un texto en Illustrator, selecciona ese texto y simplemente presiona el atajo de teclado Shift-X para cambiar los atributos Relleno y Trazo en el panel Apariencia. Incrementa el peso del trazo para hacer que el contorno sea más grueso.

Quizá hayas notado que el contorno se superpone en algunos puntos. Esto simplemente ocurre debido a que Illustrator aplica un trazo a cada carácter. Para resolver este problema y aplicar el trazo al texto completo, selecciona el Trazo desde el panel Apariencia y ve a Efecto > Buscatrazos > Agregar.

Paso 2

Si usaste la segunda técnica para aplicar un degradado a un texto en Illustrator, selecciona esa ruta compuesta y usa el mismo atajo de teclado Shift-X para cambiar los atributos Relleno y Trazo en el panel Apariencia.

¡Enhorabuena! ¡Has terminado!

Así es como debería verse. Ahora que sabes cómo agregar un degradado a una fuente en Illustrator, puedes usar estas técnicas en tus proyectos futuros. No dudes en compartir tu resultado final en la sección de comentarios.

Puedes encontrar algunas excelentes fuentes de inspiración en GraphicRiver, con interesantes soluciones para mejorar cualquier texto con degradado en Illustrator.

¿Quieres aprender más?

Tenemos una gran cantidad de tutoriales en Envato Tuts+, desde los del nivel principiante hasta el intermedio. ¡Echa un vistazo!