Sto lottando per creare un gradiente senza bande. Ho visto tutti i video su YT e provato: Bluring tutti i tipi, Noise, Dither, bit depth, Brush e facendo il gradiente in Illustrator.
Tutto fallisce e posso sempre vedere la fascia.
Il colore di sfondo che uso dietro l'immagine: 050b3c
Risposte:
Il rumore e il dithering di solito producono risultati abbastanza buoni. Ci sono un paio di cose che possono rendere più evidente il "bendaggio":
Inoltre sarebbe utile sapere qual è il tuo dispositivo di destinazione. C'è una differenza tra quanto puoi "diffondere" il tuo gradiente sia che tu stia prendendo di mira la stampa (che tipo di stampa sia importante, ad esempio: schermi come monitor AM, pseudo-stocastici, stocastici) o display per dispositivi mobili. Fa anche la differenza se usi la grafica raster o grafica vettoriale.
La linea di fondo è: questo è un argomento abbastanza complesso :).
Sì, è possibile creare sfumature di alta qualità. Ci sono molti fattori da prendere in considerazione però.
Photoshop non esegue il dithering sul canale alfa e non può farlo. Stai meglio usando i colori solidi, se possibile. Inoltre, cerca di evitare l'opacità del livello. Crea il gradiente usando i colori esatti di cui hai bisogno. Modifica: Photoshop CC 2014.2 ha aggiunto il dithering dei canali alfa. :)
Ci possono essere alcuni errori di arrotondamento cumulativo se l'editor di immagini utilizza una profondità di colore di 8 bit per canale. Il modo migliore per generare un gradiente creato da più livelli (con metodi di fusione e opacità in gioco) è di eseguire il rendering a una profondità di bit più elevata, quindi, se possibile, dithering fino a 8 bit per canale. Photoshop può farlo. Se si desidera creare un gradiente tutto solido da un livello, 8 bit per canale è ok (16 bit è utile solo quando è coinvolta la fusione dei livelli).
Il dithering è davvero molto importante. (Vedi punto precedente.)
Non usare Illustrator. È 8 bit per canale e non dithering.
Il ridimensionamento delle immagini rovinerà il buon lavoro svolto dal dithering, quindi dovrai creare l'immagine della dimensione corretta fin dall'inizio.
La maggior parte dei laptop ha display a 6 bit per canale con alcuni trucchi animati di dithering per rendere le cose migliori. Ovviamente stai combattendo il display e potrebbe non essere possibile ottenere risultati fluidi, a causa del display. Il nuovo MacBook Pro con display Retina è un'eccezione notevole: ha un display IPS a 24 bit. Modifica: i display dei laptop sono leggermente migliorati da questo post!
Come ha suggerito thebodzio, anche altre elaborazioni a livello di sistema operativo possono rovinare le cose.
Se utilizzate la modalità 16 bit in Photoshop, testatela con la modalità 8 bit. Ci sono alcune circostanze in cui la modalità a 8 bit sembra migliore e altre circostanze in cui la modalità a 16 bit è migliore. Regola empirica di base: se si dispone di un gradiente, utilizzare 8 bit con retinatura. Se hai diversi livelli e gradienti usando l'opacità, usa la modalità 16 bit.
Guardando la tua immagine, sembra che ci sia qualche altra conversione distruttiva in corso. Stai utilizzando Salva per Web? Hai attivato Converti in sRGB? In tal caso, disattivalo (è il modo più semplice per rovinare la qualità delle immagini e apportare cambiamenti di colore distruttivi allo stesso tempo).
Marc Edwards scrive che "Photoshop non funziona e non può dithering sul canale alfa". In tal caso, potresti essere in grado di simularlo creando una sfumatura retinata dal bianco al nero e quindi rendendo il bianco trasparente. Purtroppo, è da un po 'che non uso Photoshop, ma l'idea generale sarebbe simile a questa:
(Sì, lo so che si tratta più di un commento che di una risposta, ma è passato troppo tempo per rientrare nella casella dei commenti.)
Ho trovato un problema simile in Illustrator (che non ha nemmeno un'opzione "dither" per i gradienti). Sembra un po 'folle, ma mi aggiro applicando un filtro "di vetro", che può approssimare il dithering con i parametri giusti.
Io uso:
In Illustrator, questo introduce dei punti bianchi ai bordi del tuo oggetto, che puoi correggere usando una maschera di ritaglio.
Risultati? "Dithered" uno a destra. Aggiunge un po 'di una trama rumorosa, ma penso che sia meglio delle band il più delle volte.
Una differenza fondamentale nella creazione di gradienti è l'utilizzo del Livello sfumatura che ha un'opzione di retinatura integrata (Livello> Nuovo livello di riempimento> Sfumatura) e rimane regolabile. Da qui in poi potresti convertirti in livello intelligente e aggiungere qualsiasi effetto necessario per migliorare ulteriormente, ma ti dà un punto di partenza molto migliore.
Questi sono tre esempi che dimostrano dithering. Il set sotto è il set sopra con livelli regolati per evidenziare gli effetti del dithering.
Da sinistra a destra, il primo è visibilmente fasciato; nessuno dei due presenti. Il secondo è lo stesso gradiente con dithering; molto meglio. E il terzo, quello a destra, ha il dithering, e ho aggiunto anche uno strato di rumore, aumentando in effetti il dithering. Vedi i commenti per sapere perché aggiungere il rumore aggiuntivo. Vedere "note aggiuntive" per sapere come eseguire la retinatura del canale trasparenza / alfa.
Commento
Ho realizzato grandi rendering di sfumature con una variazione minima del colore e il banding era molto visibile senza dithering, come nel primo campione. Poi ho scoperto la dithering e le cose sono migliorate molto, questo è il secondo campione. Ma su un rendering di grandi dimensioni (meno visibile qui) c'era ancora del banding. Avevo bisogno di dithering più aggressivo. Così ho copiato * il gradiente, rasterizzato e aggiunto una piccola quantità (0,1%) di rumore monocromatico uniforme. Ciò ha migliorato notevolmente l'immagine su larga scala. Questo è il terzo campione. Il miglioramento del rumore aggiuntivo (che è quello che è essenzialmente il dithering) è meno visibile su piccola scala come in questo esempio qui, ma era molto importante su un rendering di grandi dimensioni come quelli su cui stavo lavorando.
* Ho creato un livello separato per il rumore perché in questo modo ho potuto controllare il rumore con l'opacità del nuovo livello.
Note aggiuntive
Ho discusso solo l'immagine reale. Anche il lato hardware e driver delle cose può essere influente; un altro dispositivo potrebbe visualizzare le cose in modo diverso. Altre risposte lo hanno coperto abbastanza bene.
Photoshop non esegue il dithering del canale alfa. Se hai bisogno di dithering sulla trasparenza devi dithering manualmente il canale alfa. Userei un livello maschera per creare trasparenza, quindi sarebbe solo una questione di dithering quel livello maschera. E quando lavori con le maschere di livello non dimenticare di ALT+ left clicksulla maschera di livello per visualizzarla.
Articolo molto utile sull'argomento: http://nomorebanding.com/cache
Ecco l'essenza:
L'idea è quella di creare un gradiente in modalità 16 bit, quindi convertirlo in modalità 8 bit, seguendo la procedura per il dithering manuale (usando il layer di dithering personalizzato). Ecco la procedura:
1. Disattiva il dithering predefinito (Modifica> Impostazioni colore deseleziona Usa dithering), perché creeremo il nostro "motore" di dithering
2. Creare un nuovo livello (dovrebbe essere il più in alto).
3. Riempilo con solido 50% grigio.
4. Filtro> Disturbo> Aggiungi disturbo. (Quantità 25%, Uniforme di distribuzione, Controllo monocromatico)
6.Impostare il livello su Luce lineare.
7.Nella palette Livelli, impostate Opacità su 1%, Riempi opacità su 19%.
Importante: è necessario appiattire l'immagine (incluso il livello di rumore) in modalità 16 bit e solo successivamente convertire in modalità 8 bit per l'esportazione. Se lo fai al contrario, perderai prima tutte le informazioni a 16 bit, quindi il livello di rumore non farà esattamente nulla in 8 bit. Inoltre, ricorda l'impostazione Usa retinatura di Photoshop. Puoi usare il layer o il metodo di dithering nativo, ma non usarli entrambi durante la conversione, il doppio del rumore è necessario.