View Single Post

  #1 (permalink)  
Old 11-05-08, 08:46
Flep Flep is offline
Administrator
 
Join Date: Jul 2007
Location: Cesena
Posts: 4,352
Blog Entries: 1
Rep Power: 6
Flep is on a distinguished road
Giocare con le clipping mask in Photoshop CS3

In questo tutorial utilizzeremo un comodo strumento che Photoshop ci mette a disposizione, il clipping mask.

Inizieremo creando una semplice scritta su due righe che riempia per intero la nostra area di lavoro...


immagine 1


Tenendo premuto Shift+Alt con lo strumento muovi attivo (V) creiamo una copia del livello e posizioniamola direttamente sotto.

Ripetiamo il processo fin quando non abbiamo riempito l'intera area di lavoro:


immagine 1


A questo punto andremo ad unire tutti i livelli in un unico livello selezionandoli nel pannello "Livelli" e premendo Ctrl + E sulla tastiera.

Per ottenere un effetto pi interessante, potremmo decidere di aggiungere una piccola ombreggiatura al nostro testo.

Portiamoci sul livello e facciamo doppio click sull'icona per entrare nelle opzioni fusione.

Una volta lì applichiamo un effetto drop shadow con un'angolatura di 120° ad una distanza e una dimensione di 5px.

Abbassiamo inoltre l'opacità dell'ombra intorno al 40% per non creare troppo disturbo:


immagine 1


A questo punto andremo ad inserire un'immagine all'interno del nostro documento.

Selezioniamo un'immagine che ci piace e posizioniamola in un livello direttamente superiore a quello del nostro testo.

Una volta fatto, andremo a creare una clipping mask tenendo premuto alt e clikkando con il cursore del mouse esattamente tra i due livelli:


immagine 1


A questo punto possiamo immediatamente notare l'effetto molto interessante che si è realizzato.

La bellezza di questo metodo consiste nell'assoluta libertà di modifica dell'effetto.

Basta infatti posizionarci sul livello contenente l'immagine per poterla posizionare a piacimento con lo strumento muovi (V), ottenendo effetti diversi di volta in volta.


A questo punto, possiamo provare a creare un ulteriore livello di testo posizionato sopra i livelli realizzati fino ad adesso.

Creeremo una scritta molto grande al fine di attirare l'attenzione.

A questa scritta applicheremo un'ombreggiatura del tutto identica a quella creata per il testo precedente, seguita da un bagliore interno (inner glow) bianco, dall'opacità del 75% e dal blend mode normale:


immagine 1


A questo punto creeremo un semplice duplicato del lviello dell'immagine (Ctrl + J con il livello selezionato) e lo porteremo sopra quest'ultima scritta.

Esattamente come abbiamo fatto precedentemente, posizioneremo il nostro cursore tra questo livello e il livello con la scritta grande per clikkare tenendo premuto alt creando così un'altra clipping mask:


immagine 1


L'effetto si fa sempre più interessante! L'unico problema di questo design è che la scritta grande è ancora poco visibile e si confonde con il resto del design.

Per ovviare a questo problema, la prima cosa da fare è cambiare il colore del livello di sfondo, scegliendo un colore che ben si adatti all'immagine.

In questo caso il colore da usare è un bel grigio scuro:


immagine 1


L'effetto è indubbiamente migliorato, ma il testo grande è ancora illeggibile.

Ci porteremo sul livello contenente le scritte di sfondo e ne abbasseremo l'opacità al 50% dalle opzioni fusione.

Una volta fatto quello, selezioneremo lo strumento sfumatura e selezioneremo una sfumatura che vada dal colore selezionato alla trasparenza:


immagine 1


A questo punto creeremo un livello direttamente sopra il livello di sfondo grigio e, partendo dai bordi,

andremo a creare tanti piccoli gradienti in modo tale da concentrare l'attenzione dell'utente sulla scritta grande giocando un po' sugli effetti di luce.

Ecco il risultato finale:


immagine 1


Questo semplicissimo effetto può essere utilizzato per creare innumerevoli design accattivanti, ed è particolarmente adatto per sfondi desktop e riviste.

Funziona anche meglio utilizzando immagini diverse per la clipping mask del testo di sfondo e quella del testo grosso e potete applicarlo anche alle vostre fotografie.


Edoardo Gioè


Attached Files
File Type: zip ClippingMasks.zip (5.81 MB, 92 views)

__________________

 


I recommend: Essential Actionscript 3.0

- Non rispondo ai messaggi privati con domande tecniche. Apri una discussione sul forum !
- I do not reply technicians pvt messages. Open a thread !

Last edited by Flep; 11-05-08 at 09:17.
Reply With Quote