Photoshop tutorial: tecniche di riflessione
lunedì 30 giugno, 2008Da 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.
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
) 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
"mask" nella tool window dei layer; il layer "reflex" dovrebbe sparire
6. Selezioniamo la maschera nel layer "reflex" e cliccate sull'icona
di riempimento
7. Impostiamo una sfumatura da nero o bianco a trasparente: ![]()
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:

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:
È possibile anche applicare del filtri al layer "reflex". Anche il semplice "sovrapponi colore" può dare risultati interessanti:

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 :
Distorsioni
Selezionando il layer "reflex" possiamo applicare su di esso alcune deformazioni, questo per simulare una superficie diversamente riflettente:

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
Con l'identico procedimento visto nello screencast dell'ombra, invertento lo sfondo e il colore dell'ombra otteniamo:












19

Ottimo tutorial!!!
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
Cercavo un tutorial che in pochi passaggi spiegasse questa tecnica e finalmente l'ho trovato. Thanks
molto interessante, come del resto tutti i tutorial presenti in questo blog!
è da tanto che cercavo il modo siete fantastici.....
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...
Ciao, interessantissimo tutorial!
Come faccio a produrre quell'ombra ellittica che hai fatto nell'ultima immagine?
grazie!
@stella:
In modo assai semplice: crea un nuovo layer e disegna una sfumatura radiale dal bianco a trasparente, in modo che venga una specie di cerchio. A quel punto seleziona "trasforma immmagine" e ridimensiona l'immagine solo in verticale, in modo da creare un'elisse.
Sehr schönes Tutorial, vielen Dank...weiter so
Gruß Steve