Sfumature in Illustrator: lineari, radiali e a forma libera

Una sfumatura in Illustrator si imposta nel pannello Sfumatura (Finestra › Sfumatura) e si rifinisce sul disegno con lo strumento Sfumatura (G). Seleziona un oggetto, scegli lineare, radiale o a forma libera nel pannello, poi clicca sotto il cursore per aggiungere i punti colore. Le sfumature lineari e radiali sono quelle giuste per loghi, icone e tutto ciò che va sul web, perché restano leggere e nitide ovunque. La forma libera serve per colori morbidi e pittorici, mentre la vecchia Mesh sfumata è per le ombreggiature fotografiche.

Il pannello Sfumatura, controllo per controllo

Tutto parte dall’oggetto selezionato e dal bersaglio giusto attivo: il pannello mostra un quadrato per il riempimento e uno per il contorno, e la sfumatura va a quello in primo piano. Un clic sulla miniatura applica l’ultima sfumatura usata, comodo quando stili una serie di forme.

Per salvare una sfumatura, trascina la miniatura dal pannello a quello Campioni. Le sfumature salvate servono a mantenere identiche le sfumature di un brand da un file all’altro; punti colore della sfumatura spiega come scegliere posizioni che sembrino uniformi.

Sfumature lineari e radiali

Con lo strumento Sfumatura attivo, sull’oggetto compare una barra chiamata annotatore. Trascina l’estremità tonda per spostare l’inizio, quella quadrata per cambiare lunghezza e angolo, e i punti lungo la barra per impostare i colori senza aprire il pannello. Se l’annotatore è nascosto, lo richiami da Visualizza › Mostra annotatore sfumatura. Tieni premuto Maiusc mentre trascini per bloccare l’angolo a passi di 45 gradi.

In Illustrator le sfumature seguono la forma, non la tavola da disegno. Se però selezioni più oggetti e trascini sopra tutti con lo strumento Sfumatura, un’unica sfumatura attraversa l’intero gruppo: è così che una riga di lettere o di icone condivide un solo passaggio di colore.

Sfumature a forma libera

Le sfumature a forma libera eliminano la barra. Posizioni i punti colore dove vuoi dentro una forma e Illustrator li fonde tra loro, ottenendo il colore morbido e organico di una sfumatura mesh con molta meno fatica dello strumento Mesh.

1. 1

   Cambia il tipo

   Seleziona la forma e clicca su «A forma libera» nel pannello Sfumatura. Illustrator inserisce per te alcuni punti di partenza.

2. 2

   Scegli Punti o Linee

   La modalità Punti inserisce singoli punti colore. La modalità Linee ti permette di cliccare un percorso di punti, e il colore scorre lungo quella linea.

3. 3

   Imposta ogni colore

   Fai doppio clic su un punto per scegliere il colore, oppure selezionalo e scegli un campione.

4. 4

   Regola la diffusione

   In modalità Punti, trascina il cerchio tratteggiato attorno a un punto, o cambia Diffusione nel pannello, per decidere fin dove arriva il suo colore.

5. 5

   Elimina ciò che non serve

   Trascina un punto fuori dalla forma o premi Canc. Pochi punti ben posizionati risultano più calmi di tanti.

Sfumature sui contorni

Seleziona il quadrato del contorno nel pannello Sfumatura, applica una sfumatura e compaiono tre pulsanti. Cambiano il risultato più di qualsiasi scelta di colore.

Testo sfumato che resta modificabile

Il testo live non sempre accetta una sfumatura direttamente sul riempimento del carattere, e vettorializzarlo per forzarla significa non poter più correggere un refuso. La strada sicura è il pannello Aspetto: seleziona l’oggetto di testo, scegli Aggiungi nuovo riempimento dal menu del pannello, trascina il nuovo riempimento sotto la voce Caratteri se serve e applica la sfumatura. Le parole restano modificabili e la sfumatura attraversa l’intera riga. Per i loghi, loghi sfumati spiega quando una sfumatura aiuta un marchio e quando serve una versione piatta.

Esportare le sfumature di Illustrator in SVG e per la stampa

Quando esporti in SVG, le sfumature lineari e radiali diventano elementi nativi, quindi restano leggerissime e nitide a qualsiasi dimensione. Quelle a forma libera e mesh non hanno un equivalente SVG, quindi aspettati che vengano rasterizzate o approssimate: controlla il file prima di consegnarlo a uno sviluppatore. Sfumature SVG spiega il 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>

In stampa le sfumature sono il punto in cui compaiono per primi banding e variazioni di colore. Converti presto nel modo colore della tipografia, evita lunghe sfumature tra due toni molto vicini e chiedi una prova colore. Sfumature in stampa elenca i controlli.

Mettere il tuo disegno su uno sfondo

Illustrator è la casa giusta per un logo. Lo sfondo su cui il logo sta in post, storie e slide è un altro problema, perché va ridisegnato per ogni formato. Un Mark di Gradiently è uno sfondo già finito che si rende a ogni dimensione e tiene leggibili le parole, e riservarne uno significa che nessun altro brand può esportare con quel Mark.