Disegnare gradienti In Photoshop

Creazione di un nuovo documento

Iniziamo con la creazione di un nuovo documento Photoshop. Per fare ciò, salirò al menu File nella barra dei menu nella parte superiore dello schermo e scegli Nuovo:

Andando su File > Nuovo.

Si apre la nuova finestra di dialogo. Per questo tutorial, Ill impostare la larghezza del mio documento a 1200 pixel e l’altezza a 800 pixel., Non c’è un motivo particolare per cui sto usando questa dimensione, quindi se stai lavorando insieme a me e hai in mente una dimensione diversa, sentiti libero di usarla. Lascerò il valore di risoluzione impostato sul valore predefinito di 72 pixel / pollice e mi assicurerò che il contenuto dello sfondo sia impostato su Bianco. Farò clic su OK quando ho finito per chiudere fuori dalla finestra di dialogo, a quel punto un nuovo documento pieno di bianco appare sullo schermo:

La nuova finestra di dialogo.

Selezionando lo strumento Gradiente

Lo Strumento Gradiente di Photoshop si trova nel pannello Strumenti a sinistra dello schermo., Lo selezionerò facendo clic sulla sua icona. È inoltre possibile selezionare lo Strumento Gradiente semplicemente premendo la lettera G sulla tastiera:

Selezionando lo Strumento Gradiente dal pannello Strumenti.

Il selettore gradiente

Con lo strumento Gradiente selezionato, la prossima cosa che dobbiamo fare è scegliere un gradiente, e ci sono un paio di modi in cui possiamo farlo. Uno è aprendo il selettore gradiente di Photoshop; l’altro è aprendo l’editor Gradiente più grande., La differenza tra i due è che il Selettore di gradienti ci consente semplicemente di scegliere tra gradienti preimpostati già pronti, mentre l’editor di gradienti, come suggerisce il nome, è dove possiamo modificare e personalizzare i nostri gradienti. Per questo tutorial, ci concentreremo sul Selettore gradiente stesso. Impareremo tutto sull’editor Gradiente nel prossimo tutorial.,

Quando vuoi solo scegliere uno dei gradienti preimpostati di Photoshop o uno che hai precedentemente creato da solo e salvato come predefinito personalizzato (di nuovo, impareremo come farlo nel prossimo tutorial), fai clic sulla piccola freccia a destra della barra di anteprima del gradiente nella barra delle opzioni. Assicurati di fare clic sulla freccia stessa, non sulla barra di anteprima (facendo clic sulla barra di anteprima si aprirà l’editor del gradiente e non vogliamo ancora andare lì):

Facendo clic sulla freccia per aprire il selettore del gradiente.,

Facendo clic sulla freccia si apre il Selettore gradiente, con le miniature di tutti i gradienti preimpostati che possiamo scegliere. Per scegliere un gradiente, fare clic sulla sua miniatura, quindi premere Invio (Win) / Return (Mac) sulla tastiera, o fare clic su uno spazio vuoto nella barra delle opzioni, per chiudere il Selettore gradiente. Puoi anche fare doppio clic sulla miniatura, che selezionerà il gradiente e chiuderà il Selettore del gradiente:

Il Selettore del gradiente.,

Caricamento di più gradienti

Per impostazione predefinita, sono disponibili solo un piccolo numero di gradienti preimpostati, ma Photoshop include altri set di gradienti tra cui possiamo scegliere. Dobbiamo solo caricarli. Per fare ciò, fai clic sull’icona dell’ingranaggio in alto a destra:

Facendo clic sull’icona dell’ingranaggio nel Selettore gradiente.

Se guardi nella metà inferiore del menu che appare, troverai l’elenco di set di sfumature aggiuntivi, ognuno basato su un tema specifico, come armonie di colori, metalli, pastelli e altro ancora., Se sei un fotografo, la densità neutra e sfumature fotografiche tonificanti sono particolarmente utili:

Gli altri set di gradiente che possiamo scegliere.

Per caricare uno qualsiasi dei set, fare clic sul suo nome nell’elenco. Ho cliccato sul set fotografico Tonificante. Photoshop ti chiederà se vuoi sostituire i gradienti attuali con quelli nuovi. Se fai clic su Aggiungi, invece di sostituire i gradienti originali, aggiungerà semplicemente quelli nuovi sotto gli originali., Come vedremo tra un attimo, è facile ripristinare gli originali, quindi farò clic su OK per sostituirli con il set di tonificazione fotografica:

Facendo clic su OK per sostituire i gradienti originali con il nuovo set.

E ora, vediamo nel Selettore Gradienti che i gradienti originali sono stati sostituiti con i gradienti Tonificanti fotografici. Per saperne di più sul set di tonificazione fotografica e su come usarlo, consulta il nostro tutorial completo sui preset di tonificazione fotografica:

I gradienti originali sono stati sostituiti con il nuovo set.,

Ripristino dei gradienti predefiniti

Per tenerci concentrati sulle basi, per ora ci atteniamo ai gradienti predefiniti originali. Per ripristinarli, fare nuovamente clic sull’icona dell’ingranaggio nel Selettore gradiente:

Facendo clic sull’icona dell’ingranaggio.

Quindi scegliere Ripristina gradienti dal menu:

Scegliendo “Ripristina gradienti”.

Photoshop chiederà se si desidera sostituire i gradienti correnti con i valori predefiniti. Fare clic su OK:

Sostituendo i gradienti correnti con i valori predefiniti.,

E ora, siamo tornati agli originali:

I gradienti predefiniti sono stati ripristinati.

Il primo piano al gradiente di sfondo

Prima di imparare a disegnare i gradienti, diamo un’occhiata rapidamente a un gradiente in particolare – il primo piano al gradiente di sfondo. È quello che Photoshop seleziona per noi per impostazione predefinita, ma puoi anche selezionarlo manualmente se necessario facendo clic sulla sua miniatura (prima a sinistra, riga in alto):

Selezionando il gradiente in primo piano su sfondo.,

Come avrai intuito, il gradiente di primo piano in Sfondo ottiene i suoi colori dal tuo Primo piano e dai colori di sfondo. Puoi vedere i colori di primo piano e di sfondo attuali nei campioni di colore nella parte inferiore del pannello Strumenti. Il campione in alto a sinistra mostra il colore di primo piano e quello in basso a destra mostra il colore di sfondo. Per impostazione predefinita, il colore di primo piano è impostato su nero e il colore di sfondo è impostato su bianco:

I colori correnti di primo piano (in alto a sinistra) e Sfondo (in basso a destra).,

Poiché si basa sui colori di primo piano e di sfondo attuali, il gradiente di primo piano in sfondo è il più semplice di tutti i gradienti da personalizzare e quello che spesso si rivela più utile. Usiamolo per aiutarci a imparare come disegnare effettivamente un gradiente, e lungo la strada, vedremo quanto sia facile cambiare i suoi colori a tutto ciò di cui abbiamo bisogno!

Scarica questo tutorial come PDF pronto per la stampa!

Disegnare un gradiente con lo strumento Gradiente

Disegnare un gradiente con lo strumento Gradiente in Photoshop è facile come fare clic e trascinare il mouse., È sufficiente fare clic nel documento per impostare un punto di partenza per il gradiente, quindi tenere premuto il pulsante del mouse e trascinare dal punto di partenza al punto in cui si desidera che il gradiente finisca. Mentre stai trascinando, vedrai solo una linea sottile che indica la direzione del gradiente. Quando rilasci il pulsante del mouse, Photoshop completa il gradiente e lo disegna con i colori scelti.

Ad esempio, farò clic sul lato sinistro del mio documento, quindi con il pulsante del mouse ancora premuto, trascinerò sul lato destro., Si noti che finora, tutto ciò che possiamo vedere è una linea sottile tra il punto di partenza e il punto finale. Se si vuole rendere più facile per disegnare un gradiente perfettamente orizzontale, premere e tenere premuto il tasto Maiusc mentre si sta trascinando, che limiterà l’angolo in cui è possibile trascinare. Basta ricordarsi di aspettare fino a quando hai rilasciato il pulsante del mouse prima di rilasciare il tasto Maiusc o non funzionerà:

Facendo clic e trascinando (con il pulsante del mouse tenuto premuto) da un lato del documento all’altro.

Quando rilascio il pulsante del mouse, Photoshop disegna il gradiente., Poiché il mio colore di primo piano era impostato su nero e il mio colore di sfondo era impostato su bianco, finisco con un gradiente da nero a bianco:

Photoshop disegna il gradiente quando rilasci il pulsante del mouse.

Invertire i colori

È possibile invertire i colori nel gradiente selezionando l’opzione Inverti nella barra delle opzioni:

Selezionando “Inverti” nella barra delle opzioni.,

Con Reverse selezionato, se disegno esattamente lo stesso gradiente, vediamo che questa volta i colori appaiono su lati opposti, con il bianco a sinistra e il nero a destra. Questa è una funzione utile, ma assicurati di deselezionare l’opzione Inverti quando hai finito, altrimenti anche i gradienti successivi che disegni saranno invertiti:

Lo stesso gradiente di prima ma con i colori invertiti.

Ovviamente, i gradienti non devono essere eseguiti orizzontalmente in questo modo. Possono correre in qualsiasi direzione tu scelga. Disegnerò un altro gradiente, questa volta dall’alto verso il basso., Si noti che non è necessario annullare o eliminare il gradiente esistente. Photoshop sostituirà semplicemente il gradiente corrente con quello nuovo. Ill fare clic vicino alla parte superiore del mio documento, quindi tenere premuto il pulsante del mouse e trascinare verso il basso verso il basso. Proprio come con il disegno di un gradiente orizzontale, è molto più facile disegnare un gradiente verticale se si preme e si tiene premuto il tasto Maiusc mentre si sta trascinando, assicurandosi di attendere fino a dopo aver rilasciato il pulsante del mouse prima di rilasciare il tasto Maiusc., Anche in questo caso, all’inizio vediamo solo un contorno sottile:

Facendo clic e trascinando un gradiente verticale dall’alto verso il basso.

Quando rilascio il pulsante del mouse, Photoshop completa il gradiente, sostituendo quello orizzontale iniziale con un gradiente verticale da nero a bianco:

Il nuovo gradiente verticale da nero a bianco.,

Modifica dei colori del gradiente predefinito

Poiché il gradiente predefinito ottiene i suoi colori dai colori correnti di primo piano e Sfondo, tutto ciò che dobbiamo fare per cambiare i colori del gradiente è selezionare colori diversi per il primo piano e lo sfondo. Ad esempio, sceglierò un colore di primo piano diverso facendo clic sul campione di colore di primo piano nel pannello Strumenti (quello attualmente impostato su nero):

Facendo clic sul campione di colore di primo piano.

Apre il Selettore colore di Photoshop., Selezionerò il rosso per il mio nuovo colore di primo piano, quindi farò clic su OK per chiudere il Selettore colore:

Scegliendo il rosso per il nuovo colore di primo piano.

Successivamente, cambierò il mio colore di sfondo facendo clic sul suo campione di colore (quello attualmente riempito di bianco):

Facendo clic sul campione di colore di sfondo.

Questo apre ancora una volta il Selettore colore., Cambierò il colore di sfondo dal bianco a un giallo brillante, quindi farò OK per chiudere il Selettore di colori:

Scegliendo il giallo per il nuovo colore di sfondo.

Si noti che i campioni di colore sono stati aggiornati per mostrare i nuovi colori che ho scelto per il primo piano e lo Sfondo:

I campioni sono stati aggiornati con i nuovi colori.,

Anche la barra di anteprima del gradiente nella barra delle opzioni è stata aggiornata per mostrarmi come saranno i nuovi colori del gradiente:

La barra di anteprima del gradiente mostra sempre i colori del gradiente corrente.

Disegnerò il gradiente, questa volta in diagonale, facendo clic in basso a sinistra del mio documento e trascinando in alto a destra. Ancora una volta, non è necessario annullare o eliminare il gradiente precedente. Photoshop lo sostituirà con il nuovo:

Disegnando il nuovo gradiente dal basso a sinistra verso l’alto a destra del documento.,

Quando rilascio il pulsante del mouse, Photoshop disegna il gradiente da rosso a giallo in diagonale sul documento:

Il nuovo gradiente diagonale da rosso a giallo.

Reimpostazione dei colori di primo piano e di sfondo

Si noti che se apro il selettore Gradiente nella barra delle opzioni, la miniatura del gradiente di primo piano in Sfondo mostra anche i miei nuovi colori rosso e giallo:

La miniatura di primo piano in sfondo aggiornata nel selettore gradiente.,

È possibile modificare i colori di questa sfumatura in qualsiasi momento facendo clic sui campioni di colore di primo piano e/o di sfondo nella barra delle opzioni e scegliendo colori diversi. Ma se hai bisogno di ripristinare rapidamente i colori ai loro valori predefiniti, rendendo il colore di primo piano nero e il colore di sfondo bianco, premi semplicemente la lettera D (pensa “D” per “Default”) sulla tastiera. Vedrai i campioni nel pannello Strumenti tornare al bianco e nero predefinito:

I campioni di primo piano e di sfondo sono stati ripristinati.,

E vedrai che sia la barra di anteprima del gradiente nella barra delle opzioni che la miniatura del gradiente in primo piano sullo sfondo nel Selettore del gradiente mostrano ancora una volta i colori predefiniti:

Ora tutto è tornato come era inizialmente.

Disegnare un gradiente sul proprio livello

Se guardiamo nel mio pannello Livelli, vediamo che fino a questo punto, ho disegnato i miei gradienti direttamente sul livello di sfondo:

Il pannello Livelli che mostra il gradiente sul livello di sfondo.,

Disegnare sul livello di sfondo può andare bene per i nostri scopi qui, ma un modo molto migliore per lavorare in Photoshop è quello di sfruttare i livelli e posizionare ogni elemento nel nostro documento sul proprio livello separato. Per fare ciò, prima cancellerò il mio gradiente salendo al menu Modifica nella parte superiore dello schermo e scegliendo Fill:

Andando a Edit > Fill.

Quando si apre la finestra di dialogo Riempi, imposterò l’opzione Contenuto in alto su Bianco, quindi farò clic su OK., Questo riempie il livello di sfondo di bianco:

La finestra di dialogo Riempi.

Successivamente, aggiungerò un nuovo livello per il mio gradiente premendo e tenendo premuto il tasto Alt (Win)/Option (Mac) sulla tastiera e facendo clic sull’icona Nuovo livello nella parte inferiore del pannello Livelli:

Premendo e tenendo premuto Alt (Win) / Option (Mac) mentre si fa clic sull’icona Nuovo livello.

L’aggiunta del tasto Alt (Win) / Option (Mac) mentre si fa clic sull’icona Nuovo livello indica a Photoshop di aprire prima la finestra di dialogo Nuovo livello in cui è possibile assegnare un nome al livello prima che venga aggiunto., Chiamerò il mio livello “Gradiente”, quindi farò clic su OK:

La finestra di dialogo Nuovo livello.

Photoshop aggiunge un nuovo livello vuoto chiamato “Gradiente” sopra il livello di sfondo. Ora posso disegnare il mio gradiente su questo nuovo livello e tenerlo separato da tutto il resto (anche se “tutto il resto” in questo caso è solo il livello di sfondo, ma è ancora una buona abitudine al flusso di lavoro):

Ora ho un livello separato per il mio gradiente.,

L’area di transizione

Una cosa molto importante da capire quando si tratta di disegnare gradienti è che non è solo la direzione in cui si trascina che conta; anche la distanza tra i punti iniziali e finali è importante.

Il motivo è che ciò che stai effettivamente disegnando con lo strumento Gradiente, insieme alla direzione del gradiente, è l’area di transizione tra i colori. La distanza trascinata dal punto iniziale al punto finale determina la dimensione dell’area di transizione., Distanze più lunghe vi darà più liscia, transizioni più graduali, mentre distanze più brevi creerà più dure, transizioni più brusche.

Per mostrarti cosa intendo, userò il gradiente in primo piano per lo sfondo impostato sul bianco e nero predefinito. Per prima cosa, disegnerò un gradiente da sinistra a destra, partendo dal bordo sinistro del documento e terminando vicino al bordo destro. L’area tra i miei punti iniziali e finali diventerà l’area di transizione tra i miei due colori (in questo caso, bianco e nero):

Disegnando un gradiente con un’ampia area di transizione.,

ti rilasciare il pulsante del mouse per far Photoshop disegnare il gradiente, e perché c’era un divario così grande tra i miei punti di inizio e fine, stiamo vedendo una superficie liscia, in modo molto graduale transizione tra il nero a sinistra e il bianco a destra:

Un gradiente con una transizione graduale tra i colori.

Annullerò il gradiente, solo per rendere le cose più facili da vedere, salendo al menu Modifica nella parte superiore dello schermo e scegliendo Annulla gradiente., Potrei anche premere Ctrl + Z (Win) / Command+Z (Mac) sulla mia tastiera:

Andando a modificare > Annulla gradiente.

Questa volta, disegnerò il mio gradiente nella stessa direzione (da sinistra a destra) ma con uno spazio molto più piccolo tra i miei punti iniziali e finali:

Disegnando un gradiente con un’area di transizione stretta.,

Quando rilascio il pulsante del mouse, vediamo che mentre questo gradiente è stato disegnato nella stessa direzione di quello precedente, la transizione tra il nero a sinistra e il bianco a destra è molto più improvvisa e brusca. Come possiamo vedere, la distanza tra i punti iniziali e finali è altrettanto importante quanto la direzione quando si tratta dell’aspetto generale del gradiente:

Un gradiente simile ma con un’area di transizione molto più piccola.,

Prima di andare avanti, diamo una rapida occhiata nel mio pannello Livelli dove vediamo che, poiché ho aggiunto un nuovo livello in precedenza, il mio gradiente viene ora disegnato sul livello “Gradiente” separato piuttosto che sul livello di sfondo. Ancora una volta, non è un problema enorme in questo caso, ma prendere l’abitudine di mantenere tutto sul proprio livello renderà molto più semplice lavorare con Photoshop:

Il gradiente ora si trova sul proprio livello sopra il livello di sfondo.,

Il primo piano al gradiente trasparente

Finora, abbiamo esaminato principalmente il gradiente predefinito da primo piano a sfondo di Photoshop, ma un altro che è spesso molto utile è il primo piano al gradiente trasparente, e vale la pena guardare perché si comporta in modo un po ‘ diverso rispetto agli altri. Lo selezionerò dal Selettore gradiente facendo doppio clic sulla sua miniatura. Lo troverai direttamente accanto alla miniatura da primo piano a Sfondo:

Scegliendo il primo piano a gradiente trasparente.,

Il gradiente da primo piano a trasparente è simile al gradiente da primo piano a Sfondo in quanto ottiene il suo colore dal colore di primo piano corrente, il che significa che puoi facilmente cambiarlo scegliendo un colore di primo piano diverso. Ciò che lo rende speciale, però, è che non esiste un secondo colore. Invece, passa da un singolo colore alla trasparenza.

Annullerò il gradiente corrente salendo al menu Modifica e scegliendo Annulla gradiente. Poi, Ill scegliere un colore facendo clic sul campione di colore di primo piano nel pannello Strumenti., Al momento, è impostato su nero:

Facendo clic sul campione di colore di primo piano.

Quando si apre il Selettore colore, sceglierò viola, quindi farò clic su OK:

Scegliendo viola come nuovo colore di primo piano.,

Con il mio colore di primo Piano ora impostata per la viola, vediamo in anteprima del gradiente bar, nella Barra delle Opzioni che sarò il disegno di un viola trasparente gradiente (la scacchiera si può vedere dietro il viola è come Photoshop rappresenta la trasparenza):

Il gradiente verrà ora eseguito dal viola trasparente.

Disegnerò un gradiente verticale dalla parte superiore del mio documento fino al centro:

Disegnando un primo piano verticale a gradiente trasparente verso il basso attraverso la metà superiore del documento.,

Quando rilascio il pulsante del mouse, sembra che quello che ho disegnato sia un gradiente di base dal viola al bianco. Tuttavia, il bianco che stiamo vedendo è in realtà dal livello di sfondo sotto il gradiente. Non fa parte del gradiente stesso:

Il viola proviene dal gradiente, ma il bianco proviene dallo sfondo sottostante.

Per dimostrarlo, disattiverò temporaneamente il mio livello di sfondo facendo clic sulla sua icona di visibilità (l’icona del bulbo oculare) nel pannello Livelli:

Disattivando il livello di sfondo.,

Questo nasconde lo sfondo bianco nel documento, rivelando solo il gradiente stesso, e ora possiamo vedere chiaramente che è davvero un gradiente da viola a trasparente. Ancora una volta, il motivo a scacchiera è il modo in cui Photoshop rappresenta la trasparenza:

Il gradiente effettivo da viola a trasparente.

Un altro motivo per cui il primo piano a gradiente trasparente è diverso dagli altri è che Photoshop non sovrascrive il primo piano precedente a gradiente trasparente se ne disegniamo un altro sopra di esso., Invece, aggiunge semplicemente il nuovo gradiente all’originale. Disegnerò un secondo primo piano al gradiente trasparente, questa volta dal fondo del documento fino al centro:

Aggiungendo un secondo primo piano al gradiente trasparente.

Rilascerò il mio pulsante del mouse e piuttosto che sovrascrivere il mio gradiente originale, Photoshop aggiunge il mio secondo., Se disegnassi un terzo o un quarto gradiente (forse uno da sinistra e l’altro da destra) aggiungerei anche quelli:

Entrambi i gradienti in primo piano a quelli trasparenti sono stati uniti insieme.

Riaccenderò il mio livello di sfondo nel documento facendo nuovamente clic sull’icona di visibilità:

Attivando il livello di sfondo.,

E ora siamo tornati a vedere quello che sembra un gradiente da viola a bianco (a viola), anche se sappiamo che il bianco è in realtà solo il livello di sfondo che mostra attraverso la trasparenza:

Lo stesso gradiente con il livello di sfondo acceso.

L’opzione Trasparenza

Il primo piano al gradiente trasparente in Photoshop è grande per cose come scurire i bordi di una foto, o scurire il cielo in un’immagine per far emergere maggiori dettagli (che vedremo come fare in un altro tutorial)., Ma affinché la parte trasparenza funzioni, è necessario assicurarsi che l’opzione Trasparenza nella barra delle opzioni sia selezionata:

Assicurarsi che la trasparenza sia attivata quando si disegna un gradiente che utilizza la trasparenza.

Se l’opzione Trasparenza è disattivata quando si disegna un Primo piano in un gradiente trasparente, tutto ciò che si finirà per fare è riempire il livello o la selezione con il colore di primo piano scelto:

Con l’opzione Trasparenza disattivata, Photoshop non può disegnare la parte trasparente del gradiente.,

Il gradiente Bianco e nero

Non passeremo attraverso ogni gradiente che possiamo scegliere in Photoshop (dal momento che puoi farlo facilmente da solo), ma se hai bisogno di disegnare un gradiente da nero a bianco e i tuoi colori di primo piano e Sfondo sono attualmente impostati su qualcosa di diverso dal bianco e nero, prendi il gradiente bianco e nero dal Selettore Gradiente (terza miniatura da sinistra, riga in alto)., A differenza del gradiente da Primo piano a Sfondo, il gradiente Nero, Bianco disegnerà sempre un gradiente da nero a bianco indipendentemente dai colori correnti di primo piano e Sfondo:

La miniatura del gradiente Nero, bianco.

Gli stili di gradiente

Finora, abbiamo visto esempi di gradienti che transitano in linea retta dal punto di partenza al punto finale. Questo tipo di gradiente è noto come gradiente lineare, ma in realtà è solo uno dei cinque diversi stili di gradiente che possiamo scegliere in Photoshop.,

Se guardi a destra della barra di anteprima del gradiente nella barra delle opzioni, vedrai le cinque icone di stile del gradiente. Partendo da sinistra, abbiamo Linear, Radial, Angle, Reflected e Diamond:

Le icone di stile Lineare, radiale, Angle, Reflected e Diamond gradient.

Vediamo cosa possono fare ciascuno di questi stili di gradiente. Ill premere Ctrl + Alt + Z (Win) / Comando+Opzione+Z (Mac) un paio di volte sulla mia tastiera per annullare i miei passaggi precedenti fino a quando sono tornato a vedere solo un documento pieno di bianco., Quindi, tornerò al primo piano al gradiente di sfondo selezionandolo nel Selettore Gradiente:

Scegliendo il primo piano al gradiente di sfondo.

Premerò la lettera D sulla tastiera per ripristinare i colori di primo piano e sfondo in bianco e nero. Quindi, solo per mantenere le cose interessanti, cambierò il mio colore di sfondo dal bianco al blu chiaro:

I miei ultimi colori di primo piano e sfondo.,

Lineare

Lo stile gradiente predefinito in Photoshop è Lineare, ma è possibile selezionarlo manualmente se necessario facendo clic sulla prima icona a sinistra:

Selezionando lo stile gradiente lineare.

Abbiamo già visto diversi esempi di stile lineare, che disegna il gradiente dal punto di partenza al punto finale in una linea retta in base alla direzione in cui è stato trascinato. Selezionando Reverse nella barra delle opzioni si scambierà l’ordine dei colori:

Un esempio di gradiente lineare standard.,

Radiale

Lo stile radiale (seconda icona da sinistra) disegnerà un gradiente circolare verso l’esterno dal punto di partenza:

Selezionando lo stile gradiente radiale.

Annullerò il mio gradiente lineare premendo Ctrl+Z (Win) / Command+Z (Mac) sulla mia tastiera. Per disegnare un gradiente radiale, farò clic al centro del documento per impostare il punto di partenza, quindi trascinerò verso l’esterno verso il bordo:

Disegnando un gradiente radiale dal centro del documento.,

Rilascerò il mio pulsante del mouse, e qui vediamo come appare il gradiente radiale. Inizia con il mio colore di primo piano (nero) al mio punto di partenza al centro e si sposta verso l’esterno in tutte le direzioni mentre transita nel mio colore di sfondo (blu):

Il gradiente radiale.

Se avessi selezionato l’opzione Inversa nella barra delle opzioni, i colori sarebbero invertiti, iniziando con il blu al centro e passando verso l’esterno in modo circolare in nero:

Lo stesso gradiente radiale con i colori invertiti.,

Angle

Lo stile dell’angolo (icona centrale) è dove le cose iniziano a diventare interessanti (anche se forse non altrettanto utili):

Selezionando lo stile del gradiente dell’angolo.

Proprio come lo stile radiale, lo stile Angolo utilizza anche il punto di partenza come centro del gradiente. Ma piuttosto che passare verso l’esterno in tutte le direzioni, si avvolge attorno al punto di partenza in senso antiorario. Premerò ancora una volta Ctrl + Z (Win) / Command+Z (Mac) sulla mia tastiera per annullare il mio ultimo gradiente., Quindi, disegnerò il gradiente in stile angolo allo stesso modo del gradiente radiale facendo clic al centro del documento per impostare il punto di partenza, quindi trascinando via da esso:

Disegnando un gradiente in stile angolo dal centro.

Ecco come appare lo stile angle quando rilascio il pulsante del mouse. Come con tutti gli stili di gradiente di Photoshop, selezionando Reverse nella barra delle opzioni si otterrebbe lo stesso risultato ma con i colori scambiati:

Lo stile dell’angolo avvolge il gradiente attorno al punto di partenza in senso antiorario.,

Riflesso

Lo stile Riflesso (quarta icona da sinistra) è molto simile allo stile lineare standard, ma fa un passo avanti prendendo tutto da un lato del punto di partenza e rispecchiandolo dall’altro lato:

Selezionando lo stile del gradiente riflesso.

Qui, sto facendo clic al centro del documento per impostare il mio punto di partenza, quindi trascinando verso l’alto:

Disegnando un gradiente in stile riflesso.,

Quando rilascio il pulsante del mouse, Photoshop disegna un gradiente lineare standard nella metà superiore del documento tra i punti iniziale e finale, ma poi lo rispecchia nella metà inferiore per creare il riflesso:

Il gradiente in stile riflesso.

Ecco come apparirebbe il gradiente riflesso con i colori invertiti:

Il gradiente in stile riflesso con Reverse selezionato nella barra delle opzioni.,

Diamante

Infine, lo stile gradiente diamante transita verso l’esterno dal punto di partenza, simile allo stile Radiale, tranne che crea una forma di diamante:

Selezionando lo stile gradiente diamante.

Farò nuovamente clic al centro del documento per impostare il punto di partenza e quindi trascinarlo lontano da esso:

Disegnando un gradiente in stile diamante dal centro.

Quando rilascio il pulsante del mouse, otteniamo questa interessante forma a diamante:

Il gradiente in stile diamante.,

In questo caso, penso che la forma del diamante abbia un aspetto migliore con i colori invertiti, ma ovviamente dipenderà dai colori che hai scelto per il gradiente e da come viene utilizzato nel tuo design il nostro layout:

Il gradiente del diamante con i colori invertiti.

L’opzione Dither

Un’ultima opzione che dovremmo guardare nella barra delle opzioni è Dither. Con Dither selezionato, Photoshop mescolerà un po ‘ di rumore nei gradienti per facilitare le transizioni tra i colori., Questo aiuta a ridurre le bande (linee visibili che si formano tra i colori quando le transizioni non sono abbastanza lisce). L’opzione Dither è attivata per impostazione predefinita e di solito vorrai lasciarla selezionata:

L’opzione Dither aiuta a ridurre le brutte bande tra i colori.

Le opzioni di modalità e opacità

Ci sono un paio di altre opzioni dello strumento Gradiente nella barra delle opzioni che salveremo per un altro tutorial perché vanno un po ‘ oltre le basi., Sia l’opzione Modalità (abbreviazione di Modalità fusione) che l’opzione Opacità influenzano il modo in cui il gradiente si fonde con il contenuto originale del livello. Se hai familiarità con le modalità di fusione dei livelli, le modalità di fusione del gradiente funzionano allo stesso modo, mentre l’opzione Opacità del gradiente funziona in modo simile all’opzione Opacità presente nel pannello Livelli. Nella maggior parte dei casi, ti consigliamo di lasciarli impostati sui loro valori predefiniti, ma ancora una volta, tratteremo queste due opzioni in dettaglio nel loro tutorial separato:

Le opzioni di modalità e Opacità.

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *