In fatto di design, non c’è nulla da dire, i prodotti Apple sono sempre esteticamente molto belli. Ed è di Apple che parliamo oggi, anzi di iPod. Vedremo, infatti, come creare un iPod Nano in Photoshop. Questo sarà l’ultimo articolo, e quindi anche l’ultima guida, prima di rilassarci con un pò di vacanze della durata di circa 2-3 settimane.

Creiamo un nuovo documento 300×700 px con sfondo bianco. Creiamo un nuovo gruppo con il nome di “Base”. Tramite lo strumento rettangolo, creiamo una forma rettangolare al centro del documento di colore #c3c3c3.

Modificando il tracciato della nostra forma, aggiungiamo un punto nella parte bassa in modo tale da rendere leggermente arrotondata la zona inferiore dell’iPod.

Infine applichiamo questo gradiente allo stile livello dell’iPod.

Su un nuovo livello, sempre all’interno del nostro gruppo, creiamo dei rettangoli verticali ai margini dell’iPod attraverso lo strumento selezione rettangolare.

Successivamente, andiamo su Filtro -> Sfocatura -> Controllo sfocatura e impostiamo un valore pari a 5. Infine eliminiamo le parti che fuori escono dell’iPod attraverso una maschera di livello ed impostiamo l’opacità a 50%.

Terminata la base, ora passiamo alla creazione del player che ci consente di cambiare canzone, mettere in pausa e così via. Questo, è a forma di corona circolare che possiamo ricreare facilmente attraverso l’uso di tracciati o selezioni.

E vi applichiamo questo stile livello.

Per quanto riguarda la creazione dei vari pulsanti presenti nel player, ho preferito fare un’animazione che chiarisca il metodo utilizzato. Molto più facile a farsi, che a dirsi! Infine, la font utilizzata per il testo “Menu”, è Lucida Grande con una grandezza di 15pt.

Otterremo qualcosa del genere.

Creiamo un nuovo gruppo con il nome di “Schermo”. Tramite lo strumento rettangolo arrotondato, con un raggio di circa 5px, creiamo lo schermo del nostro iPod di colore #181818.

Vi applichiamo una sovrapposizione gradiente.

Su un nuovo livello, creiamo un rettangolo leggermente più piccolo del precedente. Vi applichiamo, anche qui, un gradiente.

Creiamo un ultimo gruppo, con il nome di “Luci”. All’interno vi creiamo un altro gruppo all’interno del quale, su un livello, creiamo un rettangolo di colore bianco.

Vi applichiamo un controllo sfocatura con un valore pari a 10. Successivamente abbassiamo l’opacità del livello a 55% ed impostiamo il gruppo su “Colore scherma”. Eliminiamo le parti che fuori escono dall’iPod con una maschera di livello o come meglio credete.

Creiamo un nuovo livello e, attraverso lo strumento lazo poligonale, formiamo una selezione come in figura.

Infine, utilizzando lo strumento gradiente (dal bianco al trasparente) creiamo un riflesso e impostiamo il livello su Luce Soffusa. Eliminiamo i residui con una maschera di livello.

Ed il nostro iPod Nano è completo! Per ottenere diverse colorazioni, ci basterà cambiare il colore della nostra base