# Sfumature in Illustrator: lineari, radiali e a forma libera [Canonical HTML page](https://gradiently.design/it/guide/illustrator-gradient) Le sfumature di Illustrator vivono in un solo piccolo pannello, eppure quasi tutti ne usano solo metà. Qui trovi il pannello intero, il tipo a forma libera e cosa succede alle tue sfumature quando esporti. ## The short version - Illustrator ha tre tipi di sfumatura nel pannello Sfumatura: lineare, radiale e a forma libera. - Il pannello Sfumatura si apre da Finestra › Sfumatura, e lo strumento Sfumatura (G) permette di trascinare, ruotare e modificare una sfumatura direttamente sul disegno. - Una sfumatura su un contorno può scorrere dentro il contorno, lungo il tracciato o attraverso lo spessore. - Per applicare una sfumatura a un testo live e mantenerlo modificabile, aggiungi un nuovo riempimento nel pannello Aspetto e applica la sfumatura a quel riempimento. - Le sfumature lineari e radiali si esportano in SVG come elementi nativi, mentre quelle a forma libera e mesh non hanno un equivalente SVG. 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. | Controllo | Cosa fa | | --- | --- | | Tipo | Lineare, radiale o a forma libera | | Angolo | Ruota una sfumatura lineare o radiale | | Proporzioni | Schiaccia una sfumatura radiale in un’ellisse | | Inverti | Inverte l’ordine dei punti colore | | Punti colore | Clicca sotto il cursore per aggiungere, trascina fuori per eliminare | | Opacità e posizione | Trasparenza di ogni punto e posizione esatta in percentuale | | Rombi del punto medio | Spostano il punto in cui due colori vicini si fondono a metà | | Opzioni contorno | Dentro, lungo o attraverso un contorno | Cosa controlla ogni parte del pannello Sfumatura di Illustrator. Digitare i valori di posizione è il modo per ottenere sfumature tutte uguali. 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](https://gradiently.design/it/guide/gradient-stops) 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. - Lineare, tre punti colore: `linear-gradient(120deg, #064e3b 0%, #10b981 55%, #d9f99d 100%)` - Radiale, proporzioni 100%: `radial-gradient(circle at 50% 50%, #fef3c7 0%, #f59e0b 45%, #78350f 100%)` - Radiale, proporzioni ridotte: `radial-gradient(ellipse 70% 40% at 50% 50%, #e0e7ff 0%, #6366f1 50%, #1e1b4b 100%)` Una sfumatura lineare, una radiale tonda e una radiale con proporzioni ridotte, scritte in CSS per riprodurle su un sito. 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](https://gradiently.design/it/guide/mesh-gradients) con molta meno fatica dello strumento Mesh. 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. **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. **Imposta ogni colore** Fai doppio clic su un punto per scegliere il colore, oppure selezionalo e scegli un campione. 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. **Elimina ciò che non serve** Trascina un punto fuori dalla forma o premi Canc. Pochi punti ben posizionati risultano più calmi di tanti. > **Forma libera o Mesh sfumata** Usa la forma libera per illustrazioni piatte e sfondi. Lo strumento Mesh (U) resta quello che dà più controllo per ombreggiature realistiche, ma ogni punto della mesh va gestito a mano. ## 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. | Opzione contorno | Risultato | Ideale per | | --- | --- | --- | | Dentro il contorno | La sfumatura riempie il contorno come se fosse una forma | Linee spesse e cornici | | Lungo il contorno | Il colore scorre dall’inizio del tracciato alla fine | Linee, anelli, archi di avanzamento | | Attraverso il contorno | Il colore va da un bordo del contorno all’altro | Tubi, linee in stile neon, nastri | I tre modi in cui Illustrator applica una sfumatura a un contorno. ## 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](https://gradiently.design/it/guide/gradient-logo) spiega quando una sfumatura aiuta un marchio e quando serve una versione piatta. Un poster A4 verticale con un grande titolo su uno sfondo sfumato e morbido Un poster A4 a 2480×3508. Tieni lo sfondo morbido e il testo piatto o con una sfumatura semplice, così le parole si leggono anche da lontano. ## 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](https://gradiently.design/it/guide/svg-gradients) spiega il formato. ```html ``` Più o meno come appare una sfumatura lineare a tre punti dopo l’esportazione in SVG: punti e posizioni arrivano direttamente dal pannello Sfumatura. 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](https://gradiently.design/it/guide/print-gradients) 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. ## FAQ ### Dove si trova il pannello Sfumatura in Illustrator? Aprilo da Finestra › Sfumatura. Lo strumento Sfumatura è nella barra degli strumenti, scorciatoia G. ### Come si crea una sfumatura a forma libera in Illustrator? Seleziona una forma, scegli «A forma libera» nel pannello Sfumatura, poi aggiungi punti colore in modalità Punti o disegna una linea di punti in modalità Linee. ### Come applico una sfumatura al testo in Illustrator senza vettorializzarlo? Aggiungi un nuovo riempimento all’oggetto di testo nel pannello Aspetto e applica la sfumatura a quel riempimento. Il testo resta modificabile. ### Posso applicare una sfumatura a un contorno in Illustrator? Sì. Seleziona il contorno nel pannello Sfumatura e scegli se la sfumatura scorre dentro, lungo o attraverso il contorno. ### Le sfumature di Illustrator funzionano in SVG? Le sfumature lineari e radiali si esportano come sfumature SVG native. Quelle a forma libera e mesh non hanno un equivalente SVG.