Voglio cominciare con questo articolo a trattare un argomento sicuramente molto vasto, ma che ritengo assolutamente inevitabile visto che ci lavoro tutti i giorni con strumenti di grafica come Photoshop, Inkscape, Illustrator e altri. Il primo articolo che voglio scrivere su questo argomento riguarda le maschere di livello. Come potete immaginare, Photoshop è un programma estremamente potente e la sua potenza non sta tanto nella quantità di cose che ci permette di fare, tanto nella semplicità con cui ci permette di farle.
Prendiamo un’immagine bella, di quelle adatte a stare nell’header di un sito web. Personalmente mi piaceva particolarmente questa:


Supponiamo ora di volerla abbinare ad uno sfondo, ad esempio un gradiente, di quelli che vanno tanto di moda ora, in pieno stile web2.0. Creiamo perciò una nuova immagine andando in File -> New, ed assegnamo le dimensioni 500×200 pixel. A questo punto ci apparità la nostra immagine con il classico sfondo bianco.

Quello che dobbiamo fare ora è aprire l’immagine del flauto che ho mostrato qui sopra tramite il menu File -> Open e poi effettuare un Drag & Drop di questa sull’altra usando lo strumento Move.

Adesso ci troviamo in questa situazione:


Quello che dobbiamo fare ora è aggiungere il gradiente allo sfondo, usando lo strumento Gradient (si trova sotto il secchiello, tenete premuto su quest’ultimo e dovreste trovarlo). Per utilizzarlo dobbiamo tenere premuto il mouse e nella parte alta e trascinarla verso quella bassa, in modo da disegnare una linea retta:

Adesso ci troviamo in questa situazione:

Ci resta unicamente da creare una sfumatura con la maschera di livello, ciò per cui state leggendo il post ![]()
Aprite perciò la finestra dei livelli (solitamente associata al tasto F7, oppure la trovate nel menù Windows -> Layers) e potete vedere che abbiamo inconsciamente creato due livelli, dove il flauto si viene a trovare esattamente sopra al gradiente.

Selezioniamo il livello del flauto con un click e andiamo a cliccare sullo strumento maschera:

Vediamo che ci viene visualizzato un rettangolo bianco accanto all’immagine del flauto nella finestra dei livelli. Questo rettangolo esprime tramite un canale alfa, quali sono le parti che devono essere visibili e quali no dell’immagine.
- Bianco = visibile
- Nero = invisibile
Ecco perciò che prendo lo strumento gradiente e disegno un gradiente esattamente come ho fatto prima dal bianco al nero partendo da poco prima che l’immagine del flauto finisca per terminarlo appena finisce. Ecco il risultato:


Ovviamente così è un pò bruttino, possiamo arricchire il tutto con altri effetti o altre immagini, fino ad ottenere anche cose del genere
:

Buon lavoro! ![]()
Mi chiamo Denis Billi, ho 25 anni e sono della provincia di Ravenna. Mi sono laureato nell'estate del 2008 presso la facoltà di Ingegneria Informatica dell'università di Bologna e attualmente sto seguendo i corsi per la Laurea Specialistica in Ingegneria Informatica sempre all'università di Bologna.
Ottima guida ho trovato il tuo blog in giro per la rete e ti posso dire che è molto interessante ho seguito alcune guide di c anche se ancora sono alle prime armi e la programmazione orientata ad oggetti è ancora un po’ lontata per me, cmq tornato alla guida molto ben fatta continua a scrivere su photshop è un argomento che mi interessa molto ciao !
Sono davvero molto felice ti sia piaciuta la guida, prometto che prossimamente ne scriverò altre. Per quanto riguarda C#, se hai bisogno di qualcosa in particolare, chiedi pure, magari posso scrivere un post all’occorrenza sul blog
Bella e utile questa guida.
Grazie.
Sono davvero contento ti piaccia
Spero di scriverne presto altre… ad avere il tempo 
Molto interessante grazie.
Felice di esserti stato d’aiuto!
eccezionale! grazie mille. chiaro al 100%
Di nulla figurati, grazie a te!
…grazie, semplice ed utile…
Felice di esserti stato d’aiuto michele!
Finalmente una persona che spiega le cose in modo chiaro e compiuto. Sei grande, continua così. Grazie di cuore.
Grazie per i complimenti! Mi dispiace solo non poterne scrivere di più, ma presto tornerò con nuove guide. A presto!
volevo chiederti una cosa, come mai pur avendo due photoshop cs e cs3 si comportano allo stesso modo ? clicco sul pulsante maschera e non succede niente, cioe non si vede sul livello quale e nero e quale è bianco, resta sempre tutto bianco anche non permettendomi quindi di lavorare ad esempio come su questo esempio sul gradiente, c’è qualche altra cosa che devo attivare ? ci sto impazzendo da giorni. Grazie Massimo !
P.S. ce ne fossero tanti come te che spiegano le cose cosi in modo semplice ed efficace
Ciao, grazie per il complimento! Scusami ma non ho ben capito il tuo problema. Se mi spieghi esattamente quali sono i tuoi passaggi rispettivamente ai miei posso cercare di aiutarti!
Pingback: Creare un fotomontaggio simile