Pubblicato da: cursao11 | ottobre 2, 2007

Photoshop Tutorial. Effetto Web 2.0

Andiamo a creare un banner nell’angolo della pagina stile web 2.0,con ombre e
riflessi.

Trattandosi solo di un banner piccolino, da inserire in un angolo (della pagina
o di una tabella) l’immagine è piuttosto piccolina, dicamo 200×300.


Abbiamo scelto un bell’azzurro, e con lo strumento round marquee andiamo a creare
un cercio. Ricordate di creare un nuovo layer nel quale posizionare il cerchio,
in modo da petre applicare diversi “Blending mode”


Aggiunta delle Blending Options

A questo punto, ciò che effettivamente andiamo a fare,
è l’aggiunta del bordoesterno, di colore bianco, per rendere il cerchio
più vivo. Click destro sul layer e dal menu selezioniamo le Blending
Options. Una volta aperta la finestra delle impostazioni, utilizzate le stesse
che vedete di seguito:

Ora abbiamo finito il setup del cerchio, che risulta perfetto
per il web 2.0, quello che ci manca di fare, è trasformarlo, in modo
che sembri apparire dallo sfondo. Creiamo un nuovo layer al di sopra di quello
del cerchio, e selezioniamo lo strumento polygonal marquee.Applichiamo alla
selezione un feather di circa 10 pixels (SELECT>MODIFY>FEATHER).Ora dobbiamo
far partire la nostra selezione dall’angolo superiore sinistro e andare giù
in diagonale, tenendo premuto il tasto shift.

A questo punto abbiamo una figura triangloare, piuttosto sfumata alle estremità.
Ora riportiamo il feather a 0 px, e rifacciamo la stessa selezione, portiamo
la selezione vicino al banner e premiamo il tasto delete.Dopo qualche tentativi
😉 dovreste avere qualcosa del genere:

Ora creaimo un nuovo layer al di sopra di tutti gli altri, ed usiamo lo stesso
colore dello sfondo, e con lo strumento per la selezione poligonale per fare
una cosa del genere:

Il risultato:

Annunci

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

Categorie

%d blogger hanno fatto clic su Mi Piace per questo: