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
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.
Qué hace
Qué hace
Qué hace
Qué hace
Qué hace
Qué hace
Qué hace
Qué hace
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.
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
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
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
Define cada color
Haz doble clic en un punto para elegir su color, o selecciónalo y escoge una muestra.
- 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
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.
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.
Resultado
Ideal para
Resultado
Ideal para
Resultado
Ideal para
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.
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.
<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>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.
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.
Escrito por 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