Cómo ajustar un degradado compartido entre varios objetos vectoriales en Illustrator

Para esta tarea, «compartido» significa que hay una transición visual continua en toda la ilustración seleccionada. Usar los mismos colores no basta para lograr esa continuidad: el degradado también necesita una posición, una dirección y un rango coherentes.

Imagina tres formas decorativas independientes dispuestas horizontalmente junto a un personaje. El resultado que buscas es turquesa a la izquierda, una mezcla intermedia en el centro y violeta a la derecha. Si cada forma muestra una transición completa de turquesa a violeta, tienes un degradado repetido. Con un tratamiento continuo, cada forma recibe la parte de la transición que corresponde a su posición.

La distinción también aparece en el modelo de degradado de SVG. La especificación de SVG distingue entre las coordenadas relativas al cuadro delimitador de cada objeto y las coordenadas del sistema de coordenadas del usuario del elemento que hace referencia al degradado. Esto explica por qué reutilizar una definición de degradado no establece por sí solo una transición espacial continua. SVG 2: servidores de pintura: degradados y patrones

Empieza con un degradado lineal para crear una transición que atraviese las distintas partes decorativas de un personaje. Ofrece un punto inicial, un punto final y una dirección claros. Un degradado radial sirve para una transición que se extiende desde un centro hacia afuera. El flujo de trabajo de Adobe para varios objetos abarca ambos tipos. Tipos de degradado en Illustrator y Aplicar degradados a varios objetos

Elige según el objetivo visual:

Apariencia deseada	Opción inicial	Decisión sobre la ubicación
El color recorre varias piezas	Lineal	¿Dónde debería empezar y terminar la transición?
El color se extiende hacia afuera por varias piezas	Radial	¿Dónde debería situarse el centro?
Varias áreas de color ubicadas de forma independiente dentro de una forma	De forma libre	¿Dónde debería influir cada color en la forma?

Los degradados de forma libre usan paradas de color ubicadas dentro de una forma y no utilizan el anotador de degradado lineal o radial. Por eso, las instrucciones siguientes usan un relleno lineal. Tipos de degradado en Illustrator

Trabaja con las formas vectoriales que deberían participar en la transición. Para el primer intento, usa unas cuantas formas sencillas con relleno y deja fuera de la selección los demás detalles del personaje. Así será más fácil evaluar el resultado.

1. Selecciona un objeto participante y aplícale un degradado lineal.
2. Cambia a la herramienta Selección y, con Mayús pulsada, selecciona los objetos restantes.
3. Activa Relleno en el panel Degradado y aplica el mismo degradado a la selección.
4. Selecciona la herramienta Degradado.
5. Arrastra desde la posición inicial deseada hasta el punto final deseado, atravesando toda la ilustración, sin mantener pulsada la tecla Alt u Opción.

El flujo de trabajo documentado por Adobe utiliza este arrastre para crear un único anotador de degradado. Al arrastrar con Alt pulsada en Windows u Opción en macOS, se crea un anotador para cada objeto seleccionado; Adobe limita este comportamiento de varios anotadores a los trazados simples. Aplicar degradados a varios objetos

Antes de perfeccionar la paleta, revisa el resultado general. ¿La pieza situada más a la izquierda tiene el color inicial? ¿La pieza central muestra la transición? ¿La pieza situada más a la derecha se acerca al color final? Usa estas tres observaciones para decidir si el degradado ocupa el área deseada.

Mantén seleccionadas las formas participantes mientras perfeccionas el tratamiento general. El anotador de degradado controla el ángulo, la ubicación y la extensión de un degradado lineal. Su control circular inicial cambia el origen; el control final cambia el rango, y el control de rotación del extremo cambia el ángulo. Tipos de degradado en Illustrator

Haz los ajustes espaciales antes que los ajustes finos de color. Primero establece la dirección. Luego decide qué parte de la ilustración del personaje debería contener la transición. Por último, perfecciona la paleta. Este orden da un propósito claro a cada cambio y reduce los ajustes repetidos.

Para editar un color, haz doble clic en su parada en el regulador Degradado y elige otro color. Puedes añadir otra parada debajo del regulador, ajustar la opacidad de una parada o mover el punto medio en forma de rombo para cambiar la mezcla entre las paradas vecinas. Añadir degradados ricos y coloridos a ilustraciones planas

Usa los controles según el problema que observes:

• La transición apunta en la dirección equivocada: ajusta el ángulo del degradado.
• Los colores cambian en la parte equivocada de la ilustración: revisa las posiciones inicial y final.
• La mezcla necesita otro equilibrio: ajusta el punto medio.
• Hace falta un color intermedio concreto: añade una parada de color.
• La paleta en sí no es la adecuada: edita las paradas existentes.

Usa un cálculo sencillo de posición para ubicar el degradado de forma deliberada. Los valores siguientes son ejemplos de diseño, no mediciones de un personaje probado.

Supongamos que las formas decorativas seleccionadas se extienden horizontalmente desde x = 100 hasta x = 500. Sitúa el comienzo del degradado en x = 100 y su final en x = 500, manteniendo el arrastre horizontal. La longitud prevista es de 400 unidades. Un punto en x = 300 queda a mitad de ese tramo: (300 − 100) ÷ (500 − 100) = 0,5.

Este cálculo identifica una posición dentro del degradado; no predice un color exacto en pantalla. Para un diseño inicial de dos paradas, usa esa posición intermedia como referencia visual. Si la composición necesita un centro más turquesa, ajusta la mezcla después de establecer la extensión general.

Puedes aplicar el mismo método de planificación en vertical. Elige las posiciones superior e inferior que importan para el diseño del personaje y, luego, evalúa las piezas intermedias en relación con ese tramo común. La pregunta útil es dónde queda cada pieza dentro de la transición de la composición.

Diagnostica un problema visible cada vez. Cambiar la selección, la geometría y los colores al mismo tiempo dificulta saber qué ajuste sirvió.

Si parece que la mezcla vuelve a empezar en cada forma, vuelve a seleccionar todos los objetos que deberían participar y repite el arrastre único por todo el tramo. Si una pieza permanece sin cambios, comprueba si realmente está seleccionada y si estás editando su relleno. Si los controles visibles corresponden a objetos independientes, revisa si usaste el modificador Alt u Opción.

Si no aparece el anotador, elige Ver > Mostrar anotador de degradado. Adobe documenta este control para mostrar el regulador de degradado sobre la ilustración. Tipos de degradado en Illustrator

Si resulta difícil evaluar el resultado, simplifica temporalmente la paleta y usa dos colores distintos. Primero establece la dirección y la ubicación continuas; después, vuelve a añadir las paradas intermedias. Considera esto un método de edición para diagnosticar el resultado, no un requisito para la ilustración final.

Revisa el degradado una vez con los controles visibles y otra con la ilustración despejada. Comprueba por separado el inicio, la zona de transición y el punto final. Después, mira el personaje al tamaño previsto para su visualización y decide si el flujo de color sigue siendo claro.

Después de reordenar las piezas participantes, repite esas comprobaciones antes de hacer más cambios en la paleta. Una prueba final útil consiste en describir la transición deseada en una frase —por ejemplo, «el turquesa empieza en el adorno de la izquierda y se vuelve violeta en el adorno de la derecha»— y comparar la ilustración con esa frase.

Mantén un orden de edición coherente hasta el final: selecciona las formas participantes, establece el tramo común, perfecciona las paradas y revisa el personaje completo. Esta secuencia te ofrece un método práctico para ajustar un degradado continuo sin perder de vista el diseño general.

• Centro de ayuda de Adobe: Aplicar degradados a varios objetos
• Centro de ayuda de Adobe: Tipos de degradado en Illustrator
• Adobe Learn: Añadir degradados ricos y coloridos a ilustraciones planas
• World Wide Web Consortium: SVG 2—Servidores de pintura: degradados y patrones