1. Design & Illustration
  2. Typography
  3. Fonts

Cómo hacer texto con degradado en Illustrator

Scroll to top
Read Time: 4 min

() translation by (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 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:

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.

apply gradient text illustratorapply gradient text illustratorapply gradient text illustrator

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.

apply gradient text illustratorapply gradient text illustratorapply gradient text illustrator

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

add gradient text illustratoradd gradient text illustratoradd gradient text illustrator

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.

add gradient text illustratoradd gradient text illustratoradd gradient text illustrator

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.

apply gradient text illustrator outlineapply gradient text illustrator outlineapply gradient text illustrator outline

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.

add gradient text illustrator outlineadd gradient text illustrator outlineadd gradient text illustrator outline

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

gradient text illustratorgradient text illustratorgradient text 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!

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.
One subscription. Unlimited Downloads.
Get unlimited downloads