Photoshop Tutorial: tecniche di riflessione

Lunedì 30 Giugno, 2008

Da Apple al Web 2.0 le immagini "riflesse" hanno inondato Intrenet. Spesso abusate sono tuttavia sempre di grande effetto. Saperle realizzare bene non è impresa complicata e, con un pizzoco di fantasia, si possono rendere meno "ovvie" e "scontate"... se proprio non ne potete fare a meno.

Le basi del Reflex

Prima di tutto vediamo come impostare una riflessione base. La tecnica per impostare una riflessione base, almeno quella che preferisco e che uso continuamente, è di semplice e rapida implementazione. Questo metodo permette la massima libertà di modifiche successive e mantiene la trasparenza nel caso vogliate salvare l'immagine in PNG 24 con trasparenza.

Loading Flash Player...

1. Come sempre apriamo Phosotoshop e carichiamo l'immagine che vogliamo riflettere su un layer apposito
2. Duplichiamo il nostro layer (trascinate il layer da duplicare sull'icona image ) e nominiamolo "shadow" o "reflex"
3. Dal menu "Modifica" selezionate "Trasforma" / "Rifletti verticale"
4. Trascinate il nuovo layer "reflex" sotto al layer originale e spostiamolo alla base del layer originale
5. Selezioniamo il layer "reflex" e, tenendo premuto il tasto ALT, aggiungiamo una maschera cliccando sull'icona image "mask" nella tool window dei layer; il layer "reflex" dovrebbe sparire
6. Selezioniamo la maschera nel layer "reflex" e cliccate sull'icona image di riempimento
7. Impostiamo una sfumatura da nero o bianco a trasparente: image
8. Tracciamo la sfumatura dal centro del layer originale al centro del layer "reflex"

Impostando una sfumatura radiale, invece che lineare, si può rendere il nostro riflesso meno consueto, come mostrato nella figura qui sotto:

image

La superficie di riflessione

Possiamo agire sul layer "reflex" in modo da simulare diverse superfci di riflessioni. Se non alteriamo questo layer l'effetto sarà una "specchiatura" omogenea, generata quindi da una superficie liscia e completamente riflettente. Applicando ad esempio un effetto Blur, di sfocatura, possiamo ottenre:

image

È possibile anche applicare del filtri al layer "reflex". Anche il semplice "sovrapponi colore" può dare risultati interessanti:

image

In questo caso ho usato un rosso (#ff0000) con "metodo di fusione" impostato a "luce soffusa". Impostando i metodi di fusione e applicando gli effetti si possono ottenere ulteriori risultati, nell'ordine: metodo di fusione "Luminosità" + effetto disturbo, metodo di fusione "normale" + effetto "applica texture", metodo di fusione "normale" + effetto "sfocatura movimento", nuovo layer in modalità di fusione "moltiplica" + effetto ditherbox a righe binache e nere :

image image image image

Distorsioni

Selezionando il layer "reflex" possiamo applicare su di esso alcune deformazioni, questo per simulare una superficie diversamente riflettente:

image

Questa immagine, ad esempio, è realizzata semplicemente selezionado il layer "reflex" e distorcendolo dal menu "Trasforma" > "Altera". Potete divertirvi ad applicare vari tipi di distorsione.

Luce ed ombre

Infine, come ultimo tocco di classe, si possono aggiungere effetti di luce e/o ombre per migliorare l'effetto totale della nostra riflessione, come anche l'aggiunta di un background opportuno. Ecco uno screencast per aggiungere una semplice ombra; durante il ridimensionamento tenere premuto il tasto ALT per ridurre l'immagine da ambo i lati ;)

Loading Flash Player...

Con l'identico procedimento visto nello screencast dell'ombra, invertento lo sfondo e il colore dell'ombra otteniamo:

image

6 commenti a:
“Photoshop Tutorial: tecniche di riflessione”

  1. Martedì 01 Luglio, 2008 alle 15:43
    Julius ha detto:

    Ottimo tutorial!!!

  2. Martedì 01 Luglio, 2008 alle 16:02
    samuele ha detto:

    ciao, ottimo tutorial … molto bello … tu ke ti intendi di grafica web, e magari hai anke qualke contatto, conosci qualkuno di verona ke faccia questi effetti? mi servirebbe grazie ciau!!! x info: samuz93@hotmail.it

  3. Martedì 01 Luglio, 2008 alle 16:58
    GiusMat ha detto:

    Cercavo un tutorial che in pochi passaggi spiegasse questa tecnica e finalmente l’ho trovato. Thanks

  4. Martedì 01 Luglio, 2008 alle 21:21
    giuseppe ha detto:

    molto interessante, come del resto tutti i tutorial presenti in questo blog!

  5. Mercoledì 02 Luglio, 2008 alle 21:37
    Carmelo ha detto:

    è da tanto che cercavo il modo siete fantastici…..

  6. Mercoledì 09 Luglio, 2008 alle 10:40
    groggit.com ha detto:

    Photoshop Tutorial: tecniche di riflessione…

    Da Apple al Web 2.0 le immagini “riflesse” hanno inondato Intrenet. Spesso abusate sono tuttavia sempre di grande effetto. Saperle realizzare bene non è impresa complicata e, con un pizzoco di fantasia, si possono rendere meno “ovvie” e “scontate…

Lascia un commento

Puoi utilizzare i seguenti TAG XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>