3.5. Finestra di dialogo gradienti

Figura 15.32. Questa schermata illustra la finestra dei gradienti

Questa schermata illustra la finestra dei gradienti

La finestra di dialogo «Gradienti» presenta una tavolozza di gradienti da selezionare — questi sono essenzialmente un insieme di colori distribuiti in una scala lineare — da utilizzare con lo strumento Strumento gradiente e in molte altre operazioni. Essa dà accesso a diverse funzioni di lavoro con i gradienti. Facendo clic nell'elenco qui presente si seleziona un gradiente: questo verrà mostrato nell'area Pennello/Motivo/Gradiente del pannello degli strumenti. Alcune diecine di simpatici gradienti sono pre-installati con GIMP ma se ne possono creare altri usando l'Editor dei gradienti. Informazioni generali sui gradienti e sul loro uso in GIMP sono disponibili nella sezione omonima Gradienti.

I primi cinque gradienti sono speciali: riproducono, in diverse modalità, il gradiente tra i colori di primo piano e sfondo presenti nel pannello degli strumenti.

3.5.1. Attivazione della finestra

Questa finestra di dialogo è di tipo agganciabile; vedere la sezione sulle Finestre agganciabili per le istruzioni su come gestire questo tipo di finestre.

È accessibile:

  • from the main menu: WindowsDockable DialogsGradients;

  • from the Tab menu in any dockable dialog by clicking on and selecting Add TabGradients,

  • dal pannello degli strumenti, facendo clic sul gradiente corrente nell'area Pennelli/Motivi/Gradienti, (se si ha spuntato l'opzione «Mostra il pennello, il motivo e il gradiente attivi» nelle preferenze del pannello degli strumenti).

  • Dal menu immagine tramite la combinazione di tasti: Ctrl+G.

In the Windows menu, there is a list of detached windows which exists only if at least one dialog remains open. In this case, you can raise the «Gradients» dialog from the main menu: WindowsGradients.

3.5.2. Uso della finestra di dialogo dei «gradienti»

L'operazione più semplice e più usata della finestra gradienti è quella di fare clic su uno delle voci dell'elenco in modo da selezionare il gradiente corrente di GIMP, in modo tale da utilizzarlo in qualsiasi operazione che coinvolga l'uso dei gradienti.

Se si fa doppio-clic su di un gradiente, si provocherà l'apertura dell'editor dei gradienti che permetterà fra l'altro di modificarne il nome. Notare che è consentito fare queste modifiche solo ai gradienti creati dall'utente e non con quelli installati di sistema con GIMP. Se si prova a rinominare un gradiente preinstallato, si potrà apparentemente modificarne il nome ma non appena si tenterà di salvarne le modifiche, il nome originare verrà ripristinato. È una regola generale che non rende possibile la modifica delle risorse preinstallate di GIMP: pennelli, motivi, gradienti e altro sono modificabili solo se questi sono stati creati dall'utente stesso.

Modalità griglia/elenco

Nel menu schede è possibile scegliere tra Mostra come griglia e Mostra come elenco. In modalità griglia, i gradienti sono disposti in un insieme rettangolare. I gradienti mostrati in questo modo possono confondere, almeno all'inizio, ed è facile confondersi nella selezione, vedendoli così raggruppati. In modalità elenco, quella predefinita e pratica, questi sono allineati verticalmente, con ogni riga contenente il nome del gradiente corrispondente.

Nel menu scheda, l'opzione Dimensione anteprima permette di adattare la dimensione delle anteprime dei gradienti alle proprie preferenze.

The button bar at the bottom offers the following functionality:

Modifica gradiente

Questo pulsante attiva l'Editor del gradiente.

Nuovo gradiente

This creates a new gradient, initialized as a simple grayscale, and activates the Gradient Editor so that you can alter it.

Gradients that you create are automatically saved in the gradients folder of your personal GIMP directory. Any gradient files (ending with the extension .ggr) found in one of these folders, will automatically be loaded when you start GIMP. You can add more directories to the gradient search path, if you want to, in the Gradients tab of the Data Folders section of the Preferences dialog.

Duplica gradiente

This creates a copy of the currently selected gradient. You will be able to edit the copy as editing the original is not supported.

Elimina gradiente

Questo pulsante elimina qualsiasi riferimento al gradiente, ammesso che si abbiano sufficienti permessi per farlo. Viene chiesta conferma prima di proseguire nella cancellazione.

Aggiorna gradienti

Se si aggiungono gradienti alla cartella personale gradients con qualche altro metodo diverso da questa finestra, questo pulsante permette di ricaricare l'elenco dei gradienti in modo da mostrare le modifiche effettuate.

The functions performed by these buttons can also be accessed from the dialog pop-up menu, activated by right-clicking anywhere in the gradient list, or via Gradient Menu in the Tab menu.

Il menu gradiente offre alcune funzioni aggiuntive:

Save as POV-Ray…

Questa funzione permette di salvare il gradiente in un formato usato dall'applicazione di ray-tracing 3D POV-Ray.

Copia posizione gradiente

Questo comando permette di copiare la posizione del file gradiente negli appunti. In seguito sarà quindi possibile copiarla in un editor di testo.

Mostra nel file manager

Mostra nel gestore dei file apre alla posizione su disco del gradiente il gestore di file predefinito di sistema.

Custom Gradient…

Questo comando crea una immagine campione riempita con il gradiente selezionato. Nella finestra di dialogo è possibile impostare altezza e larghezza dell'immagine così come la direzione del gradiente.

Save Gradient as CSS…

The CSS (Cascading Style Sheets) language is used to format the display of HTML and XML files, for instance background color, background gradient, or font size. The "CSS Save" plug-in is a CSS3 linear gradient generator that allows you to save a CSS3 code snippet, containing the gradient data for a given GIMP gradient. This code snippet is a text file: you can copy-paste it to the stylesheet related to your HTML file, to get a gradient background on opening the HTML file in Firefox, Chrome or Safari web navigators. This CSS3 code snippet can also be used as a gradient in SVG files.

Here is an example of a CSS3 code snippet, using the Blue Green gradient:

Un ritaglio di codice CSS creato con Salva come CSS. 


background-image: linear-gradient(top, rgb(0,123,255) 0%, rgb(72,226,255) 56%,
     rgb(0,255,161) 100%);
              

3.5.2.1. Marcatura

Si possono usare le marcature per riorganizzare la visualizzazione dei gradienti. Vedere Sezione 3.7, «Marcatura».

3.5.3. L'editor dei gradienti

Figura 15.33. L'editor dei gradienti

L'editor dei gradienti

L'editor dei gradienti permette di modificare i colori in un gradiente. Può essere usato solo con gradienti creati dall'utente o su una copia di un gradiente di sistema, ma non direttamente sui gradienti di sistema che vengono preinstallati con GIMP. È uno strumento sofisticato che necessita di un certo sforzo di apprendimento. Il concetto sottostante è che un gradiente può essere scomposto in una serie di segmenti adiacenti, di cui ognuno consistente in una transizione continua tra il colore posizionato sul bordo sinistro fino a quello sul bordo destro del segmento stesso. L'editor del gradiente permette di affiancare qualsiasi numero di segmenti, di qualsiasi colore e con una serie di possibilità di scelta per il tipo di transizione dalla sinistra a destra.

3.5.3.1. Come attivare l'editor del gradiente

L' editor del gradiente è attivabile con più di un metodo:

  • facendo doppio clic sulla striscia del gradiente nella finestra del gradiente,

  • dal menu contestuale che si ottiene facendo clic a destra sul nome del gradiente selezionato,

  • by clicking on the Edit gradient button in the Gradient Dialog,

  • from the Gradient Menu you get by clicking on in the Gradient Dialog.

3.5.3.2. Disposizione
Nome

Qui è dove si può cambiare il nome col quale appare il gradiente nell'elenco dei gradienti.

La finestra del gradiente

Sotto il nome, si vede il risultato corrente del lavoro. Se si muove il puntatore del mouse su questo display, funziona in qualche modo come un selettore di colore. Le informazioni sul pixel sotto il mouse vengono mostrate sotto l'area di anteprima e dei cursori.

Posizione è un numero compreso tra 0.000 a sinistra e 1.000 a destra del gradiente. Sotto sono mostrati i valori di colore in modalità RGB e HSV, seguiti dai valori di Luminanza e Opacità.

Se si fa clic e si trascina sulla finestra, vengono mostrati solo i dati RGB e la posizione ma questi vengono passati al colore di primo piano nella finestra degli strumenti e nei primi quattro gradienti della tavolozza (premendo il tasto Ctrl, il colore viene impostato sul colore di sfondo, come si può osservare nel pannello degli strumenti).

Selezione di intervallo/Cursori di controllo

Subito sotto la finestrella del gradiente si può osservare un insieme di triangoli allineati, bianchi e neri; essi consentono di impostare le estremità o i valori centrali del gradiente presente nella finestra del gradiente. Un segmento è lo spazio tra due triangoli neri. Dentro ogni segmento c'è un triangolo bianco, usato per «interpolare» i colori nel segmento, con stesso modo di operare del cursore centrale presente nello strumento Livelli. È possibile selezionare un segmento facendo clic tra i due triangoli neri che lo definiscono. È possibile selezionare un insieme di segmenti facendo clic su di essi con il tasto delle maiuscole premuto. L'insieme selezionato è sempre costituito da un blocco di segmenti consecutivi, per cui se ne salta qualcuno e poi si fa Maiusc+clic oltre, questi verranno inclusi automaticamente. Se l'opzione «Aggiornamento istantaneo» è abilitata, la finestra viene aggiornata immediatamente dopo il movimento dei cursori; se non è abilitata, l'aggiornamento viene effettuato solo in concomitanza del rilascio del pulsante del mouse.

You can move sliders, segments and selections. If you simply click-n-drag a slider, you only move the corresponding transition. By click-n-drag on a segment you can move this segment up to the next triangle. By Shift+click-n-drag on a segment/selection, you can move this segment/selection and compress/dilate next segments.

La barra di scorrimento

Sotto i cursori è presente una barra di scorrimento orizzontale che diventa attiva solamente usando i pulsanti di zoom. Questi sono descritti in seguito e sono posti in fondo alla finestra di dialogo.

Area informativa

Sotto, un'area mostra il colore puntato dal mouse. Informazioni dettagliate su tale colore, suggerimenti o messaggi informativi possono appaiono nell'area.

Pulsanti

The button bar at the bottom offers the following functionality:

Zoom indietro

Facendo clic su questo pulsante si restringe la finestra dei gradienti orizzontalmente.

Zoom avanti

Facendo clic su questo pulsante si espande orizzontalmente la vista del gradiente nella finestra corrispondente. Se la vista supera la dimensione a disposizione, viene abilitata la barra di scorrimento, utile per far scorrere il gradiente nella sua finestra.

Zoom totale

Facendo clic su questo pulsante si ridimensiona la vista del gradiente nella sua finestra in maniera tale da consentirne la visualizzazione completa.

3.5.3.3. Il menu dell'editor del gradiente

È possibile accedere al menu dell'editor dei gradienti facendo clic con il pulsante destro del mouse sulla finestra del gradiente oppure scegliendo la voce in cima alla finestra di dialogo del menu scheda. Il menu permette di impostare il colore del bordo destro e sinistro di ogni segmento e di impostare il tipo di transizione tra questi colori.

I comandi seguenti si trovano in questo menu:

Modifica del colore delle estremità

Tipo di colore sinistro/destro

Questo sottomenu consente di selezionare il colore dell'estremità a partire dai colori di primo piano e di sfondo della casella strumenti. Quando si cambia il colore di primo piano o di sfondo, il colore di questa estremità cambia di conseguenza. L'alternativa è impostare un colore dell'estremità di tipo Fisso.

I comandi seguenti si trovano in questo menu:

Fixed

Fixed

Foreground Color

Foreground Color

Foreground Color (Transparent)

Foreground Color (Transparent)

Background Color

Background Color

Background Color (Transparent)

Background Color (Transparent)

Colore capo Sinistro [Destro]

Queste opzioni permettono di scegliere, tramite un editor, un colore per il rispettivo capo.

[Nota] Nota

Questo comando è correlato con il precedente e diventa inattivo se si ha già selezionato un valore diverso da Fisso per il tipo di colore sinistro [destro] corrispondente.

Carica il colore sinistro [destro] da

Queste opzioni danno a disposizione una quantità di metodi per assegnare i colori ai capi. Dal sottomenu è possibile scegliere (assumendo che si abbia a che fare con il capo sinistro):

Capo destro più vicino a sinistra

Questa scelta provocherà l'assegnamento al capo sinistro dell'intervallo selezionato del colore del capo destro del segmento adiacente.

Capo destro

Questa scelta causerà il riassegnamento del colore del capo sinistro al colore del capo destro dell'intervallo selezionato.

Colore di PP/SF

Questa scelta provoca l'assegnamento dei colori di primo piano e di sfondo correnti di GIMP, mostrati nel pannello degli strumenti, all'estremità. Si osservi che cambiare successivamente il colore di primo piano o di sfondo non avrà effetto sul colore dell'estremità.

Tavolozza RGBA

In fondo al menu ci sono 10 «moduli di memoria». È possibile assegnare dei colori a ogni modulo usando l'opzione di menu «Salva» descritta in seguito. Se si sceglie uno di questi moduli, il colore in esso viene assegnato al capo.

Salva il colore sinistro [destro] su

Queste opzioni permettono di assegnare il colore del capo in oggetto al «modulo di memoria» selezionato nel sottomenu.

Fare clic e trascinare i colori

È possibile anche fare clic e trascinare un colore dai colori di primo piano e sfondo del pannello degli strumenti o da una tavolozza

  • ad un capo (un triangolo nero), per impostare i colori di sinistra [destra],

  • all'area di visualizzazione del gradiente, per aggiungere un nuovo capo con questo colore su entrambi i lati.

Funzioni di sfumatura e colorazione dei segmenti

Tipo di funzione di sfumatura per il segmento/la selezione

Quest'opzione determina lo sviluppo della transizione entro le due estremità dell'intervallo (segmento o selezione) specificando la funzione utilizzata tra:

Lineare

La scelta predefinita. Il colore varia linearmente da un capo dell'intervallo all'altro.

Curvo

Il gradiente varia più velocemente presso gli estremi dell'intervallo, piuttosto che nella sua parte centrale.

Sinusoidale

L'opposto del tipo curvo. I gradienti variano più velocemente al centro dell'intervallo che ai suoi estremi.

Sferico (incrementale)

Il gradiente varia più velocemente sulla sinistra dell'intervallo che sulla sua parte destra.

Sferico (decrementale)

Il gradiente varia più velocemente sulla destra dell'intervallo, piuttosto che sulla sinistra.

Passo

Il gradiente cambia dal valore sinistro al valore destro in un solo passaggio senza colori intermedi.

Tipo di colorazione per il segmento/la selezione

Quest'opzione fornisce ulteriore controllo sul tipo di transizione da un capo all'altro: come linea in spazio RGB o in spazio HSV.

I comandi seguenti si trovano in questo menu:

HSV

HSV

HSV (counter-clockwise hue)

HSV (counter-clockwise hue)

HSV (clockwise hue)

HSV (clockwise hue)

Modifica dei segmenti

Rifletti il segmento/la selezione

Quest'opzione effettua un ribaltamento dell'ordine di successione dei colori da destra a sinistra dell'intervallo (segmento o selezione), scambiando tutti i colori rispetto agli estremi.

Duplica il segmento/la selezione

Quest'opzione divide l'intervallo selezionato (segmento o selezione) in due parti, ognuna delle quali è una copia compressa perfetta dell'originale.

Dividi il segmento a metà

Quest'opzione divide ogni segmento nell'intervallo selezionato in due segmenti, tagliando nel punto del triangolo bianco.

Taglia il segmento uniformemente

Quest'opzione è simile alla precedente ma taglia ogni segmento a metà tra gli estremi di questo invece che in corrispondenza del triangolo bianco.

Elimina il segmento/la selezione

Quest'opzione elimina tutti i segmenti (o selezione di essi) nell'intervallo selezionato rimpiazzandoli con un singolo triangolo nero al centro e allargando i segmenti ai due estremi per riempire il vuoto.

Ri-centra la metà del segmento/selezione

Quest'opzione sposta i triangoli bianchi di ogni segmento nell'intervallo selezionato in un punto a metà tra triangoli neri corrispondenti.

Re-distribuzione punti nel segmento/selezione

Quest'opzione provoca lo spostamento dei triangoli bianchi e neri nell'intervallo selezionato in maniera tale che siano equidistanti tra loro.

Sfuma colori

Queste opzioni sono disponibili sono se è stato selezionato più di un segmento alla volta.

Sfuma i colori dei capi

Quest'opzione è disponibile solo se viene selezionato più di un segmento. Con essa si ottiene che venga calcolata la media dei colori dei capi interni in modo da rendere continua la transizione tra segmenti.

Sfuma l'opacità dei capi

Questa opzione è simile alla precedente ma agisce con l'opacità invece che con il colore.

Modifica gradiente attivo

Se abilitata, l'editor del gradiente caricherà automaticamente il gradiente attualmente attivo. Se è disabilitata, l'editor del gradiente non cambierà quando cambia il gradiente attivo.

[Attenzione] Attenzione

Non c'è la possibilità di «annullamento» per le funzioni dell'editor del gradiente, per cui è necessario essere prudenti!

3.5.3.4. Esempio di utilizzo dell'editor dei gradienti

Tutte queste opzioni possono confondere. Ecco quindi un esempio chiarificatore:

  1. Open the Gradient Dialog. Click the New Gradient . The Gradient Editor is opened and shows a gradient from black to white.

    Figura 15.34. Nuovo gradiente

    Nuovo gradiente

  2. Fare clic destro in questo nuovo gradiente e poi fare clic su Dividi il segmento uniformemente. Impostare il numero segmenti desiderato.

    Figura 15.35. Gradiente con tre segmenti

    Gradiente con tre segmenti

    Ogni segmento è limitato da due cursori neri rettangolari. Fare clic su un segmento per attivarlo. Premendo il tasto Maiusc, si può selezionare diversi segmenti contigui alla volta.


  3. Nel menu contestuale, che si apre facendo clic destro nel gradiente, impostare Colore del capo sinistro e Colore del capo destro per il segmento o gruppo di segmenti selezionati.

    Figura 15.36. Primo segmento colorato

    Primo segmento colorato

    Sono stati scelti i rosso per il capo sinistro e il giallo per il capo destro.


  4. Andare avanti allo stesso modo con gli altri segmenti. Poi usare la funzione Tipo si sfumatura per il segmento per ottenere vari effetti.