In molte recensioni che si trovano in giro dell’iPad dicono spesso che le icone sembrano uscire dal display (lo stesso effetto c’è su iPhone anche se si nota di meno), ma perchè sembrano uscire dal display? Magia? No, c’è il trucco grafico fatto di ombre. L’abbiamo scoperto e vi mostriamo come è possibile ricrearlo in Photoshop.

Nota le differenze

Cliccate sull’immagine qui in alto per vederla più grande e per notare meglio la differenza tra l’app iTrucco e l’app iStrucco. Cercate le differenze! Come noterete iTrucco sembra venir fuori dallo schermo come le altre icone dell’iPad, ad iStrucco invece non è stato applicato lo stesso effetto e quindi sembra più “fissa”.L’effetto consiste in un’ombra dietro il titolo dell’app e l’icona della stessa.

In questo articolo vi insegneremo come creare lo stesso effetto con Photoshop, e si tratta di un procedimento estremamente semplice.

Procedimento con Photoshop

Ovviamente dovete aver creato già icona e titolo dell’applicazione, potete comunque scaricare il file Photoshop in fondo all’articolo. Vi ricordo che è fondamentale che nell’icona sia presente un’ombra intera superiore bianca ed un’ombra esterna inferiore nera, mentre per il titolo ci deve essere quella netta ombra esterna inferiore. Trovate comunque tutti gli stili e dettagli scaricando il file PSD e vedendo le Opzioni di fusione dei livelli.

• Selezionate lo strumento Ellisse di colore nero e create un cerchio sotto l’icona e sotto il titolo dell’app tenendo premuto Shift (per creare un vero cerchio e non un ovale) in contemporanea al tasto sinistro del mouse. La dimensione del cerchio dovrà essere di circa 62 x 62 pixel ma potete anche provare a farlo più piccolo o più grande a seconda di come vi viene il risultato finale.

• Siamo già arrivati all’ultimo passaggio, andate nel menu Filtro>Sfocatura>Controllo Sfocatura, confermate la rasterizzazione del livello e impostate un valore superiore a 20 pixel. Io ho messo 28 pixel. In questo modo abbiamo ottenuto il risultato che volevamo, spostate il livello come preferite per ottenere un risultato migliore, magari riducete anche un po’ l’opacità del livello.

Come vedete è un tutorial molto semplice, scaricate il file PSD di riferimento dal link sotto.