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

Post correlati

Questo articolo ti è stato utile?: Per nientePocoAbbastanzaMoltoMoltissimo
Loading ... Loading ...

9 commenti a: “Photoshop tutorial: tecniche di riflessione”

  1. 01 lug, 2008 Julius:

    Ottimo tutorial!!!

  2. 01 lug, 2008 samuele:

    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. 01 lug, 2008 GiusMat:

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

  4. 01 lug, 2008 giuseppe:

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

  5. 02 lug, 2008 Carmelo:

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

  6. 09 lug, 2008 groggit.com:

    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...

  7. 10 dic, 2008 stella:

    Ciao, interessantissimo tutorial!

    Come faccio a produrre quell'ombra ellittica che hai fatto nell'ultima immagine?

    grazie!

  8. 11 dic, 2008 Giovambattista Fazioli:

    @stella:

    Ciao, interessantissimo tutorial!Come faccio a produrre quell’ombra ellittica che hai fatto nell’ultima immagine?grazie!

    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.

  9. 30 gen, 2009 Webdesign Heilbronn:

    Sehr schönes Tutorial, vielen Dank...weiter so

    Gruß Steve

Lascia un commento

TAG XHTML PERMESSI: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> INSERIMENTO CODICE:
<pre></pre>         // blocco generico
[code][/code]       // blocco generico
[as][/as]           // Actionscript
[css][/css]         // CSS Style Sheet
[html][/html]       // HTML
[js][/js]           // Javascript
[objc][/objc]       // Objective-C
[php][/php]         // PHP
[sql][/sql]         // SQL