# Gradienti in Photoshop: strumenti, mappe e risultati fluidi [Canonical HTML page](https://gradiently.design/it/guide/photoshop-gradient) Photoshop offre quattro modi diversi di creare un gradiente, e ognuno si adatta a un lavoro diverso. Ecco quale scegliere, come funziona davvero l’editor e le abitudini che tengono una sfumatura libera da strisce. ## The short version - Photoshop crea i gradienti in quattro modi: lo strumento Sfumatura, un livello di riempimento Sfumatura, una regolazione Mappa sfumatura e lo stile di livello Sovrapposizione sfumatura. - La modalità dinamica dello strumento Sfumatura crea un livello di riempimento modificabile di cui puoi trascinare i punti colore sul canvas, mentre la modalità Classica dipinge pixel sul livello corrente. - Photoshop offre cinque forme di gradiente: Lineare, Radiale, Angolare, Riflessa e Diamante. - Una mappa sfumatura ricolora un’immagine in base ai suoi toni, mandando i pixel più scuri al punto di sinistra e i più chiari a quello di destra. - Dither, un documento a 16 bit e un po’ di disturbo monocromatico sono i modi più affidabili per evitare il banding in un gradiente di Photoshop. Un **gradiente in Photoshop** si crea con lo strumento Sfumatura (premi G), un livello di riempimento Sfumatura, una regolazione Mappa sfumatura o uno stile Sovrapposizione sfumatura. Per la maggior parte dei lavori, usa lo strumento nella sua modalità dinamica così la sfumatura sta su un livello modificabile a parte, scegli Percettivo come metodo, lascia attivo Dither e passa a 16 bit per canale quando il gradiente è scuro o sottile. Queste abitudini fanno la differenza tra un passaggio di colore pulito e uno a strisce. ## Quattro modi per fare un gradiente in Photoshop Si usa spesso lo strumento Sfumatura per tutto, poi ci si chiede perché non si possano cambiare i colori più tardi. Ogni metodo ha il suo compito, e sceglierlo giusto all’inizio evita di ricostruire. | Metodo | Dove trovarlo | Ideale per | | --- | --- | --- | | Strumento Sfumatura | Barra degli strumenti, scorciatoia G | Trascinare una sfumatura su un livello o una selezione | | Livello di riempimento Sfumatura | Livello › Nuovo livello di riempimento › Sfumatura | Sfondi che continuerai a modificare | | Mappa sfumatura | Livello › Nuovo livello di regolazione › Mappa sfumatura | Ricolorare una foto in base ai suoi toni chiari e scuri | | Sovrapposizione sfumatura | Stile livello (il pulsante fx) | Colore su testo e forme che resta modificabile | I quattro metodi di gradiente in Photoshop e per cosa va bene ciascuno. Livelli di riempimento, mappe e sovrapposizioni sono tutti non distruttivi. ## Come usare lo strumento Sfumatura 1. **Scegli lo strumento** Premi G. Lo strumento Sfumatura condivide lo slot con il Secchiello, quindi premi Maiusc+G se compare invece il secchiello. 2. **Scegli dinamica o classica** Nelle versioni attuali la barra delle opzioni offre **Sfumatura**, che crea un livello di riempimento a sfumatura modificabile con maniglie sul canvas, e **Sfumatura classica**, che dipinge pixel sul livello attivo. Scegli la dinamica a meno che tu non stia dipingendo di proposito dentro una maschera. 3. **Scegli i colori** Fai clic sul campione di sfumatura nella barra delle opzioni, oppure apri Finestra › Sfumature per sfogliare i preset nelle cartelle. Imposta prima i colori di primo piano e di sfondo se vuoi la miscela più semplice a due colori. 4. **Scegli una forma** Lineare, Radiale, Angolare, Riflessa o Diamante. La sezione successiva mostra cosa fa ciascuna. 5. **Trascina sul canvas** L’inizio del trascinamento è il primo punto colore e la fine è l’ultimo. Tieni premuto Maiusc per bloccare l’angolo a passi di 45 gradi. In modalità dinamica puoi trascinare dopo i punti e il punto medio. 6. **Imposta metodo e dither** Scegli **Percettivo** per miscele uniformi tra colori saturi e lascia attivo **Dither**. Classico riproduce il comportamento più vecchio, che può apparire sporco al centro. ## Le cinque forme di gradiente in Photoshop Lineare è il cavallo di battaglia per gli sfondi. Radiale crea una pozza di luce, il modo più rapido per dare profondità a uno sfondo piatto. Angolare fa ruotare il colore attorno a un punto centrale come la lancetta di un orologio. Riflessa specchia una miscela lineare dal centro verso l’esterno, e va bene per orizzonti e barre di luce. Diamante diffonde il colore in un quadrato ed è quella che userai meno. - Lineare: `linear-gradient(90deg, #1e1b4b 0%, #7c3aed 50%, #f9a8d4 100%)` - Radiale: `radial-gradient(circle at 50% 50%, #fde68a 0%, #f97316 40%, #431407 100%)` - Angolare: `conic-gradient(from 0deg at 50% 50%, #0ea5e9, #6366f1, #ec4899, #0ea5e9)` - Riflessa: `linear-gradient(90deg, #0f172a 0%, #14b8a6 50%, #0f172a 100%)` Quattro delle cinque forme di Photoshop, ricostruite in CSS così puoi copiarle per il web. Angolare è un gradiente conico; Diamante non ha un equivalente CSS diretto. ## Lavorare nell’editor di sfumature Fai doppio clic sul campione nella barra delle opzioni, o sulla sfumatura nella finestra di un livello di riempimento, per aprire l’editor. I punti colore stanno sotto la barra e i punti di opacità sopra. Fai clic sotto la barra per aggiungere un punto, trascinane uno via per eliminarlo e trascina il piccolo rombo tra due punti per spostare il punto medio della loro miscela. Il campo Posizione ti permette di digitare posizioni esatte, il che conta quando vuoi che una serie di gradienti combaci. Da tre a cinque punti di solito appaiono più ricchi di due: un tono d’ombra, un colore principale, uno stacco e magari un accento. Tieni imparentati i punti vicini, perché colori opposti affiancati passano per il grigio, come spiega [i gradienti sporchi](https://gradiently.design/it/guide/muddy-gradients). Il menu Tipo di sfumatura dell’editor offre anche **Disturbo**, che genera bande casuali di colore; è utile per esperimenti di texture, raramente per il lavoro di brand. > **Sfuma verso il trasparente, non verso il bianco** Per lasciare trasparire un’immagine, imposta il punto di opacità finale allo 0% invece di scegliere il bianco. Il preset Da primo piano a trasparente lo fa e mantiene visibile il livello sotto invece di sbiancarlo. ## Le mappe sfumatura di Photoshop per le foto Una Mappa sfumatura ignora i colori della foto e ne legge solo i toni. I pixel più scuri prendono il punto di sinistra, i più chiari quello di destra, e tutto ciò che sta in mezzo segue la barra. Con due punti ottieni un classico duotone; con tre puoi spingere le ombre verso il freddo e le luci verso il caldo. Imposta la modalità di fusione del livello di regolazione su Colore o Luce soffusa e abbassa l’opacità per un tono più gentile. [La mappa sfumatura](https://gradiently.design/it/guide/gradient-map) e [l’effetto duotone](https://gradiently.design/it/guide/duotone-effect) vanno più a fondo. Mappa indaco, rosa e burro: `linear-gradient(90deg, #1e1b4b 0%, #db2777 55%, #fde68a 100%)` Una mappa a tre punti: le ombre diventano indaco, i toni medi rosa, le luci un giallo burro pallido. Caricali come punti in un livello Mappa sfumatura. ## Come evitare il banding in un gradiente di Photoshop Il banding è fatto di gradini visibili dove una miscela dovrebbe essere liscia. Peggiora nei gradienti scuri e a basso contrasto stesi su un canvas grande, perché un file a 8 bit ha solo un numero limitato di livelli tra due colori vicini. La spiegazione completa è in [il banding dei gradienti](https://gradiently.design/it/guide/gradient-banding). ### Causa le bande - Un documento a 8 bit per una miscela scura e sottile - Dither disattivato - Due punti vicini stesi su 4.000 px - Forte compressione JPEG all’esportazione - Metodo Classico tra forti colori opposti ### Mantiene fluido - Immagine › Metodo › 16 bit/canale mentre lavori - Dither attivo nello strumento o nella finestra di riempimento - Un punto intermedio, o il metodo Percettivo - PNG, o JPEG ad alta qualità - Dall’1 al 3% di disturbo monocromatico su un livello grigio in Sovrapponi Vale la pena spiegare il livello di disturbo. Riempi un nuovo livello con grigio al 50%, impostalo su Sovrapponi così il grigio scompare, poi applica Filtro › Disturbo › Aggiungi disturbo con Gaussiana e Monocromatico attivi. La grana fine spezza i gradini, sopravvive alla compressione meglio di una miscela pulita e fa sentire il gradiente come una superficie. [I gradienti granulosi](https://gradiently.design/it/guide/grainy-gradients) mostra l’aspetto. Un post social verticale su un gradiente scuro e liscio con un breve consiglio su dither e disturbo Una miscela scura come questa è esattamente dove compare il banding. Dither più una grana leggera la mantengono fluida su ogni schermo. ## Gradienti su testo e forme Per un testo che vuoi tenere modificabile, aggiungi una Sovrapposizione sfumatura dal menu fx. Lascia attivo Allinea al livello così la miscela copre le parole e non tutto il canvas, e regola Scala e Angolo finché il cambio di colore cade dove vuoi. L’alternativa è un livello di riempimento a sfumatura sopra il testo, ritagliato su di esso tenendo premuto Alt (Opzione su Mac) e facendo clic sulla linea tra i due livelli. Quando le parole stanno su un gradiente invece di indossarne uno, leggi [il testo su un gradiente](https://gradiently.design/it/guide/text-on-gradient) perché restino leggibili. ## Quando un’immagine diventa dieci dimensioni Photoshop è eccellente per una singola immagine rifinita con cura. Diventa lento quando lo stesso sfondo deve diventare un post, una storia, un banner e una miniatura, perché ogni ritaglio sposta la parte più luminosa e ogni canvas richiede di ridisegnare il gradiente. In Gradiently lo sfondo è un Mark che viene reso a ogni dimensione in cui progetti, e la sua zona più calma si sposta da sola dietro le parole, così una storia e un banner nascono da un solo design. [Un solo look, ogni dimensione](https://gradiently.design/it/guide/one-look-every-size) spiega come. ## FAQ ### Dov’è lo strumento Sfumatura in Photoshop? Condivide uno slot della barra degli strumenti con il Secchiello. Premi G per selezionarlo, o Maiusc+G per passare dall’uno all’altro. ### Perché il mio gradiente in Photoshop ha delle strisce? È banding, causato da troppo pochi livelli di colore tra toni vicini. Lavora a 16 bit per canale, tieni attivo Dither e aggiungi un po’ di disturbo monocromatico prima di esportare. ### Come faccio sfumare un gradiente verso il trasparente in Photoshop? Usa il preset Da primo piano a trasparente, oppure imposta allo 0% l’ultimo punto di opacità nell’editor di sfumature. ### Come metto un gradiente su un testo in Photoshop mantenendolo modificabile? Aggiungi uno stile di livello Sovrapposizione sfumatura con Allinea al livello attivo, oppure ritaglia un livello di riempimento a sfumatura sul livello di testo. ### Qual è la differenza tra un gradiente e una mappa sfumatura in Photoshop? Un gradiente dipinge un colore nuovo su un’area. Una mappa sfumatura ricolora un’immagine esistente in base ai suoi toni, dal più scuro al più chiaro.