Le maschere di livello in Photoshop

photoshopVoglio 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:

immagine di un flauto

 

menu file new di photoshop

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.

 

nuova immagine 500x200

strumento moveQuello 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.

drag 'n' drop

 

Adesso ci troviamo in questa situazione:

situazione 1

strumento gradiente

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:

come fare il gradiente

Adesso ci troviamo in questa situazione:

situazione 2

 

Ci resta unicamente da creare una sfumatura con la maschera di livello, ciò per cui state leggendo il post wink emoticon

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.

due livelli

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

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:

maschera gradiente

 

situazione 3

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

risultato

Buon lavoro! ok emoticon

This entry was posted in Adobe Photoshop, Grafica and tagged , , , , , , , . Bookmark the permalink.

15 Responses to Le maschere di livello in Photoshop

  1. Alessio says:

    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 !

  2. Denis says:

    Alessio:

    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 ok emoticon

  3. luci says:

    Bella e utile questa guida.
    Grazie.

  4. Denis says:

    luci:

    Bella e utile questa guida.
    Grazie.

    Sono davvero contento ti piaccia wink emoticon Spero di scriverne presto altre… ad avere il tempo sfiga emoticon

    ciao emoticon

  5. Anonimo says:

    mavieni emoticon

    Molto interessante grazie.

  6. Denis says:

    Felice di esserti stato d’aiuto! ok emoticon

  7. michele says:

    eccezionale! grazie mille. chiaro al 100%

    smile emoticon

  8. Denis says:

    Di nulla figurati, grazie a te! ok emoticon

  9. michele says:

    …grazie, semplice ed utile… ok emoticon

  10. Denis says:

    michele:

    …grazie, semplice ed utile… ok emoticon

    Felice di esserti stato d’aiuto michele! asd emoticon

  11. Bello Giuseppe says:

    Finalmente una persona che spiega le cose in modo chiaro e compiuto. Sei grande, continua così. Grazie di cuore.

  12. Denis says:

    Grazie per i complimenti! Mi dispiace solo non poterne scrivere di più, ma presto tornerò con nuove guide. A presto!

  13. Massimo says:

    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

  14. Denis says:

    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!

  15. Pingback: Creare un fotomontaggio simile

Lascia un Commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati *

*

È possibile utilizzare questi tag ed attributi XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>