In questi giorni ho avuto il piacere di fare un micro laboratorio di Photoshop con il mio amico Mirko al quale sto cercando di insegnare quel poco che so di Photoshop. E devo dire con ottimi risultati!

Questi esperimenti mi hanno dato modo di sperimentare qualche semplice ma gradevole produzione. Questi incontri quindi, oltre che la gioia dell’insegnamento (che sono professionale… ), mi hanno dato un po’ di spunti per futuri tutorial da condividere con gli utenti di erriko.it..

Ma veniamo a noi: oggi vi propongo la realizzazione di un elemento di sicuro effetto da applicare ai vostri sfondi.

Visto che uno sguardo vale più di mille parole, potete vedere questo elemento applicato ad un wallpaper che ho creato per gli utenti di erriko dot it. Lo sfondo lo trovate navigando la sezione gallery oppure cliccando direttamente qui.

Iniziamo

Per prima cosa decidiamo quale dovrà essere il colore portante del disegno (scegliendone uno il risultato è a mio avviso più realistico, ma ovviamente largo spazio alla fantasia!).

Per questa guida scelgo come sfondo un bel blu scuro (#000f39).
Dopo aver scelto il colore clicchiamo su modifica -> riempi e selezioniamo nel menu usa l’opzione Colore di primo piano.

Il disegno di base

• Creiamo un nuovo livello (io lo chiamo “uscio”).
• Selezioniamo lo strumento selezione rettangolare e tracciamo un rettangolo centrandolo il più possibile.
• Una volta creata la selezione riempiamola di nero con lo strumento secchiello.

• Copiamo la selezione e incolliamola su un nuovo livello che chiameremo porta.
• Selezioniamo il livello porta, scegliamo lo strumento selezione rettangolare, clicchiamo con il tasto destro, e poi su trasformazione libera. Clicchiamo nuovamente con il tasto destro e scegliamo Prospettiva.
• A questo punto basta trascinare il quadratino in alto a sinistra della selezione verso l’alto una prospettiva simile ad una porta semi aperta.

• Clicchiamo con il tasto ctrl e poi sull’immagine accanto al livello porta per selezionare il nuovo elemento.
• Riempiamolo adesso con un colore diverso da quello dello sfondo ma che ne richiami la tonalità. In questo caso ho scelto un blu #001c6c.
• E’ necessario comunque che si veda parte dell’”uscio”. Quindi mentre la porta è ancora selezionata clicchiamo con il tasto destro e su trasformazione libera per stringere un po’ la porta afferrando il quadratino centrale sulla sinistra e spostandolo leggermente verso destra.

Creiamo l’effetto 3D

Da secoli gli effetti 3D nei disegni vengono ottenuti con i giochi di luce e ombra, quindi perché non continuare anche nell’era di Photoshop?

• Per ottenere un effetto ombra credibile creiamo un nuovo livello che chiameremo linee.
• Scegliamo come colore il nero e come strumento il pennello da 1px.
• Tracciamo adesso un linea nera sul lato destro della porta. Per non sbagliare mentre tracciamo la linea teniamo premuto il tasto shift così da ottenere una linea perfettamente dritta.
• Una volta tracciata la linea cancelliamo con la gomma la parte che eccede la lunghezza del lato.

• Ripetiamo la stessa operazione sul lato destro della porta e sul lato sinistro dell’uscita, scegliendo però come colori, rispettivamente, il celeste ed il bianco (o quelli che preferiamo).

Otterremo così un risultato simile a questo:

Passiamo adesso all’effetto ombra. Per ottenerlo:

• Creiamo un nuovo livello che chiamiamo obra.
• Selezioniamo un pennello morbido (durezza 0%) ed ingrandiamolo in modo che la circonferenza di questo sia più grande della porta.
• Scegliamo come colore il nero e diamo un click centrando il pennello sul lato destro della porta.

• Settiamo adesso l’opacità del livello ombra all’incirca all’80%.

• Utilizzando lo strumento selezione rettangolare, creiamo un rettangolo con il lato sinistro coincidente con il lato destro della porta e clicchiamo canc.

• Selezioniamo adesso il livello della porta cliccando, come detto prima, ctrl e poi sul livello porta.
  Anche questa volta clicchiamo su canc.

Per completare il tutto dobbiamo aggiungere un po’ di luce, altrimenti l’ombra non sarà credibile.

• Per fare ciò creiamo un nuovo livello che chiamiamo luce e scegliamo un pennello morbido la cui circonferenza non superi l’altezza della porta.
• Come colore scegliamo un giallino chiaro come ad esempio il giallo # f4f892.
• Diamo un click centrato alla porta e trasciniamo il livello in basso portando quest’ultimo tra il livello porta ed il livello uscio.

Adesso dovremo togliere la “luce in eccesso” cancellandolo la parte eccedente nello stesso modo con il quale abbiamo cancellato parte dell’ombra. Quindi:

• Strumento selezione rettangolo, selezioniamo un rettangolo con il lato sinistro coincidente al lato destro della porta e in seguito clicchiamo canc.

Questo è il risultato finale:

Questa guida ovviamente è solo uno spunto e come sempre consiglio di dare libero sfogo alla fantasia.

Ovviamente aspetto opinioni e suggerimenti riguardo questa o una futura guida…

Alla prossima!

Potete scaricare l’ebook in formato pdf di questa guida comprensivo di file sorgente psd dall’area download o da qui.

Se ti è piaciuto questo post