Salta al contenuto

Andrea Gandino

Solo il blog di un altro web designer.



Effetto “foglio rialzato” in Photoshop

Postato il 27 Maggio 2007

Ripropongo tradotto in italiano un mio tutorial per Photoshop, volto a creare quell’effetto tipo foglio rialzato che è oggi piuttosto comune in tanti layout (esempio). La sua realizzazione è piuttosto semplice, nulla per cui valga la pena preoccuparsi.

Ecco quindi la procedura passo-passo per creare il suddetto effetto:

  1. Creare un nuovo documento, di dimensioni a piacere, ad esempio 600x400, con uno sfondo grigio.
  2. Creare un nuovo livello (Layer 1) e selezionare un’area di dimensioni 400x400, con lo strumento di selezione rettangolare.
  3. Riempire la selezione di bianco. (Immagine #1)
  4. Creare un nuovo livello (Layer 2), e posizionarlo in primo piano.
  5. Con lo strumento di selezione circolare, selezionare una porzione molto stretta del libello. Potrebbe essere più facile usando una selezione di dimensione prefissata, ad esempio 25x300.
  6. Allineare il lato sinistro della selezione con il lato sinistro del rettangolo bianco che si è disegnato in precedenza.
  7. Riempire la selezione ovale con qualsiasi colore. In questo esempio ho scelto il nero, poiché è facilmente distinguibile se rapportato sia al bianco, sia al nero. (Immagine #2)
  8. Ripetere i passi 5, 6 e 7 ma questa volta allineare la selezione al lato destro del rettangolo bianco (Immagine #3).
  9. Portare il Layer 2 al di sotto del Layer 1.
  10. Colorare di bianco lo sfondo del documento.
  11. Applicare un effetto “bagliore esterno” al Layer 2, e modificare a piacimento i valori dell’effetto. Questi sono i parametri che ho utilizzato in questo tutorial.

Questo è il risultato finale

Effetto rialzato

Per concludere, suggerisco di tenere a mente che l’ultimo punto è, ovviamente, il più importante, dal momento che cambiando la curva del bagliore esterno, cambia sensibilmente il risultato finale.

La curva dritta produrrà un’ombra più scura e larga, mentre la curva ondulata creerà un effetto opposto, ovvero un’ombra stretta e chiara.


Ulteriori dettagli sull'articolo

Categorie
Catalogato nelle seguenti categorie: web design, guide
Tags (via Technorati)

Un commento a “Effetto “foglio rialzato” in Photoshop”

# StefanoGuglielmi 24 Settembre, 2007

grazie mille per il tutorial, era quello che cercavo da tempo! e complimenti per il blog.

Lascia un commento

Riferimenti esterni

Al momento non sono presenti riferimenti esterni per questo articolo.


Fondo

By XHTML + CSS.