Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaDegradados
Degradados

Degradados en Illustrator: lineal, radial y de forma libre

Los degradados de Illustrator viven en un panel pequeño, y aun así casi todo el mundo usa solo la mitad. Aquí tienes el panel completo, el tipo de forma libre y lo que les pasa a tus fusiones al exportar.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Leather Estuary · GR·82E8·SN

La versión corta

  • Illustrator tiene tres tipos de degradado en su panel Degradado: Lineal, Radial y Forma libre.
  • El panel Degradado se abre desde Ventana › Degradado, y la herramienta Degradado (G) permite arrastrar, girar y editar un degradado directamente sobre la ilustración.
  • Un degradado en un trazo puede ir dentro del trazo, a lo largo de su trayecto o a lo ancho.
  • Para poner un degradado en texto vivo y que siga siendo editable, añade un relleno nuevo en el panel Apariencia y aplica el degradado a ese relleno.
  • Los degradados lineales y radiales se exportan a SVG como elementos de degradado nativos, mientras que los de forma libre y de malla no tienen equivalente en SVG.
En esta página
El panel Degradado, control a controlDegradados lineales y radialesDegradados de forma libreDegradados en trazosTexto con degradado que sigue siendo editableExportar degradados de Illustrator a SVG y a impresiónPoner tu ilustración sobre un fondo

Un degradado en Illustrator se configura en el panel Degradado (Ventana › Degradado) y se moldea sobre la ilustración con la herramienta Degradado (G). Selecciona un objeto, elige Lineal, Radial o Forma libre en el panel y haz clic bajo el regulador para añadir paradas de color. Las fusiones lineales y radiales son las que conviene usar para logotipos, iconos y todo lo que vaya a la web, porque siguen siendo ligeras y nítidas en cualquier sitio. La forma libre es para un color suave y pictórico, y la antigua Malla de degradado es para sombreado fotográfico.

El panel Degradado, control a control

Todo empieza con el objeto seleccionado y el destino correcto activo: el panel muestra un cuadro de relleno y otro de trazo, y el degradado va al que esté delante. Al hacer clic en la miniatura del degradado se aplica el último degradado que usaste, algo práctico cuando das estilo a un conjunto de formas.

Tipo

Qué hace

Lineal, Radial o Forma libre
Ángulo

Qué hace

Gira un degradado lineal o radial
Proporción

Qué hace

Aplasta un degradado radial hasta formar una elipse
Invertir

Qué hace

Da la vuelta al orden de las paradas
Paradas de color

Qué hace

Haz clic bajo el regulador para añadir, arrastra fuera para quitar
Opacidad y Ubicación

Qué hace

Transparencia de cada parada y posición exacta en porcentaje
Rombos de punto medio

Qué hace

Mueven el punto en que dos paradas vecinas se mezclan a partes iguales
Opciones de trazo

Qué hace

Dentro, a lo largo o a lo ancho de un trazo
ControlQué hace
TipoLineal, Radial o Forma libre
ÁnguloGira un degradado lineal o radial
ProporciónAplasta un degradado radial hasta formar una elipse
InvertirDa la vuelta al orden de las paradas
Paradas de colorHaz clic bajo el regulador para añadir, arrastra fuera para quitar
Opacidad y UbicaciónTransparencia de cada parada y posición exacta en porcentaje
Rombos de punto medioMueven el punto en que dos paradas vecinas se mezclan a partes iguales
Opciones de trazoDentro, a lo largo o a lo ancho de un trazo
Qué controla cada parte del panel Degradado de Illustrator. Escribir los valores de Ubicación es la forma de que una familia de degradados coincida.

Para guardar un degradado, arrastra la miniatura del panel al panel Muestras. Los degradados guardados son la forma de mantener idénticas las fusiones de una marca de un archivo a otro; las paradas de degradado explica cómo elegir posiciones que se vean uniformes.

Degradados lineales y radiales

Con la herramienta Degradado seleccionada, aparece sobre el objeto una barra llamada anotador. Arrastra su extremo redondo para mover el inicio, el extremo cuadrado para cambiar la longitud y el ángulo, y las paradas a lo largo de ella para fijar colores sin abrir el panel. Si el anotador está oculto, Ver › Mostrar anotador de degradado lo recupera. Mantén pulsada Mayús al arrastrar para limitar el ángulo a pasos de 45 grados.

Una fusión lineal, un radial redondo y un radial con menor proporción, escritos en CSS para que puedas igualarlos en una web.

En Illustrator, los degradados siguen la forma, no la mesa de trabajo. Pero si seleccionas varios objetos y arrastras sobre todos con la herramienta Degradado, un solo degradado abarca todo el grupo, y así una fila de letras o iconos comparte un mismo barrido de color.

Degradados de forma libre

Los degradados de forma libre prescinden de la barra por completo. Colocas puntos de color en cualquier lugar dentro de una forma e Illustrator los fusiona, lo que da el color suave y orgánico de un degradado de malla con mucho menos esfuerzo que la herramienta Malla.

  1. 1

    Cambia el tipo

    Selecciona la forma y haz clic en Forma libre en el panel Degradado. Illustrator coloca unos cuantos puntos iniciales por ti.

  2. 2

    Elige Puntos o Líneas

    El modo Puntos coloca puntos de color sueltos. El modo Líneas te deja trazar un camino de puntos y el color fluye a lo largo de esa línea.

  3. 3

    Define cada color

    Haz doble clic en un punto para elegir su color, o selecciónalo y escoge una muestra.

  4. 4

    Ajusta la extensión

    En modo Puntos, arrastra el círculo punteado alrededor de un punto, o cambia Extensión en el panel, para decidir hasta dónde llega su color.

  5. 5

    Quita lo que no necesites

    Arrastra un punto fuera de la forma o pulsa Suprimir. Pocos puntos bien colocados se ven más tranquilos que muchos.

Forma libre o Malla de degradado

Usa la forma libre para ilustración plana y fondos. La herramienta Malla (U) sigue dando el mayor control para un sombreado realista, pero cada punto de la malla es algo que tienes que gestionar a mano.

Degradados en trazos

Selecciona el cuadro de trazo en el panel Degradado, aplica un degradado y aparecerán tres botones. Cambian el resultado más que cualquier elección de color.

Dentro del trazo

Resultado

El degradado rellena el trazo como si fuera una forma

Ideal para

Contornos gruesos y marcos
A lo largo del trazo

Resultado

El color avanza del inicio del trazado hasta su final

Ideal para

Líneas, anillos, arcos de progreso
A lo ancho del trazo

Resultado

El color va de un borde del trazo al otro

Ideal para

Tubos, líneas de estilo neón, cintas
Opción de trazoResultadoIdeal para
Dentro del trazoEl degradado rellena el trazo como si fuera una formaContornos gruesos y marcos
A lo largo del trazoEl color avanza del inicio del trazado hasta su finalLíneas, anillos, arcos de progreso
A lo ancho del trazoEl color va de un borde del trazo al otroTubos, líneas de estilo neón, cintas
Las tres formas en que Illustrator aplica un degradado a un trazo.

Texto con degradado que sigue siendo editable

El texto vivo no siempre acepta un degradado directamente en el relleno de los caracteres, y crear contornos para forzarlo significa que nunca podrás corregir una errata. El camino fiable es el panel Apariencia: selecciona el objeto de texto, elige Añadir nuevo relleno en el menú del panel, arrastra ese relleno nuevo por debajo de la entrada Caracteres si hace falta y aplícale el degradado. Las palabras siguen siendo editables y el degradado abarca toda la línea. Para trabajos de logotipo, los logotipos con degradado explica cuándo una fusión ayuda a un logo y cuándo hace falta una versión plana.

Póster
Semana del diseño, sala norte.
Texto vivo sobre un fondo suave, aún editable
Gradiently · @gradiently

Un póster A4 a 2480×3508. Mantén el fondo suave y el texto plano o con una fusión sencilla, para que las palabras se lean desde el otro lado de la sala.

Exportar degradados de Illustrator a SVG y a impresión

Al exportar a SVG, los degradados lineales y radiales se convierten en elementos de degradado nativos, así que siguen siendo diminutos y nítidos a cualquier tamaño. Los degradados de forma libre y de malla no tienen equivalente en SVG, así que cuenta con que se rastericen o se aproximen: revisa el archivo antes de pasárselo a un desarrollador. Los degradados SVG explica el formato.

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <linearGradient id="leaf" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#064e3b"/>
      <stop offset="0.55" stop-color="#10b981"/>
      <stop offset="1" stop-color="#d9f99d"/>
    </linearGradient>
  </defs>
  <circle cx="100" cy="100" r="90" fill="url(#leaf)"/>
</svg>
Más o menos así queda un degradado lineal de tres paradas tras exportarlo a SVG: las paradas y sus posiciones salen directamente del panel Degradado.

En impresión, los degradados son donde antes aparecen las bandas y los cambios de color. Convierte pronto al modo de color de la imprenta, evita fusiones largas entre dos tonos muy parecidos y pide una prueba. Imprimir degradados enumera las comprobaciones.

Poner tu ilustración sobre un fondo

Illustrator es el sitio adecuado para un logotipo. El fondo sobre el que se coloca en publicaciones, historias y diapositivas es otro problema, porque hay que redibujarlo para cada formato. Un Mark de Gradiently es un fondo terminado que se renderiza en cualquier tamaño y mantiene legibles las palabras, y reservarlo significa que ninguna otra marca puede exportar con él.

Encuentra un degradado que sea solo tuyo

Explora miles de Marks, diseña con cualquiera de ellos gratis y reserva el que sientas tuyo.

Explorar el Mercado

Preguntas frecuentes

¿Dónde está el panel Degradado en Illustrator?

Ábrelo desde Ventana › Degradado. La herramienta Degradado está en la barra de herramientas, con el atajo G.

¿Cómo hago un degradado de forma libre en Illustrator?

Selecciona una forma, elige Forma libre en el panel Degradado y añade puntos de color en modo Puntos o dibuja una línea de puntos en modo Líneas.

¿Cómo aplico un degradado a un texto en Illustrator sin crear contornos?

Añade un relleno nuevo al objeto de texto en el panel Apariencia y aplica el degradado a ese relleno. El texto sigue siendo editable.

¿Puedo aplicar un degradado a un trazo en Illustrator?

Sí. Selecciona el trazo en el panel Degradado y elige si el degradado va dentro, a lo largo o a lo ancho del trazo.

¿Los degradados de Illustrator funcionan en SVG?

Los degradados lineales y radiales se exportan como degradados SVG nativos. Los de forma libre y de malla no tienen equivalente en SVG.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

El panel Degradado, control a controlDegradados lineales y radialesDegradados de forma libreDegradados en trazosTexto con degradado que sigue siendo editableExportar degradados de Illustrator a SVG y a impresiónPoner tu ilustración sobre un fondo

Compartir esta guía

Siguiente en Degradados

Degradados en Procreate: rellenos suaves en el iPad

Sigue leyendo

Todas las guías de Degradados
Degradados

Degradados en Photoshop: herramientas, mapas y resultados suaves

7 min de lectura

Photoshop te da cuatro formas distintas de crear un degradado, y cada una sirve para un trabajo. Aquí verás cuál usar, cómo funciona de verdad el editor y los hábitos que mantienen una transición libre de franjas.

CSS y web

Degradados SVG: lineales, radiales, trazos, texto y máscaras

6 min de lectura

SVG tiene su propio sistema de degradados, más antiguo que los de CSS y capaz de cosas que estos no pueden: colorear un trazo, rellenar una palabra, compartir un degradado entre muchas formas y fundir cualquier cosa con una máscara.

Degradados

Degradados de malla: qué son y cómo crear uno

6 min de lectura

Los degradados de malla son esos campos de color suaves y a la deriva que hay detrás de media docena de páginas de lanzamiento de este año. Así funcionan, cómo construir uno a mano y los dos errores que arruinan a casi todos.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently