Disegna un iPod nano con Photoshop

Tempo fa abbiamo visto come disegnare con semplicità un iMac in Photoshop. Questa volta cambiamo soggetto, rimanendo però nel mondo della mela, disegnando un iPod nano devo dire (e spero lo confermiate) piuttosto realistico.

Da dove iniziare

Prima di tutto apriamo il nostro amato Photoshop e creiamo un file di dimensioni 2000×2000. Come sempre consiglio di lavorare su misure piuttosto grandi così da avere una buona risoluzione nelle più disparate situazioni (2000px equivalgono a circa 52.91 cm), dopotutto possiamo sempre ridurre le dimensioni a piacimento successivamente…

Come base, giusto per non lasciare un asettico bianco, selezioniamo lo Strumento Sfumatura e scegliamo come colore d2d2d2.

Facciamo partire una leggera sfumatura dal basso ottenendo così un effetto del genere:

Il corpo dell’iPod nano

Per disegnare quello che poi diventerà il corpo dell’iPod nano creiamo un gruppo e chiamiamolo corpo.

All’interno del gruppo appena creato aggiungiamo un livello nel quale creiamo una selezione rettangolare in verticale (possiamo andare piuttosto ad occhio, visto che la nostra opera non andrà davvero sull’Apple Store ) e coloriamola, in questo caso, con un azzurro 2f4ea8.

Riprendiamo lo strumento selezione e clicchiamo con il tasto destro sulla forma appena disegnata e poi click sinistro su Trasformazione libera. Di nuovo tasto destro sulla forma e click su Altera.

Dobbiamo sollevare di poco i due punti centrali del lato superiore della forma in modo che siano paralleli tra di loro. La stessa cosa (ma verso il basso) va fatta sul lato inferiore.

Diamo invio e creiamo un nuovo livello (sempre nel gruppo corpo).

Clicchiamo sul quadratino del livello precedente mentre teniamo premuto ctrl, così da selezionare l’intera forma appena creata.

Selezioniamo lo Strumento Sfumatura, questa volta però scegliendo il colore 284186, ed impostiamo la sfumatura come “primo piano a trasparente”.

Ora creiamo due leggere sfumature, una da destra verso sinistra e l’altra da sinistra verso destra.

Il display

Per disegnare il display creiamo un nuovo gruppo chiamato display con un nuovo livello all’interno.

Tracciamo una selezione rettangolare riempiendola di grigio 333333.

A questo livello applichiamo gli effetti Ombra Interna e Traccia, impostandoli come nelle seguenti immagini:

Otterremo così un risultato simile a questo:

Non ci resta che aggiungere un riflesso selezionando un rettangolo della stessa altezza di quello del display ma più stretto, così:

Creiamo un nuovo livello e riempiamo la selezione dando una lieve sfumatura da sinistra verso destra di colore 2e2e2e (anche in questo caso il tipo di sfumatura va da colore primario a trasparente). A questo livello dobbiamo applicare una opacità del 40%.

La ghiera

Anche in questo caso creiamo un nuovo grupo “ghiera” ed un nuovo livello dove andremo a creare la base.

La ghiera dell’ipod  (cioè l’area dei controlli) è tonda, riempita da una sfumatura interna che va da 2e2e2e al bianco (ffffff).

A questo livello applichiamo l’effetto Ombra Interna con le seguenti impostazioni (da notare che il colore dell’ombra questa volta è 6c6c6c):

Disegniamo adesso su un nuovo livello un cerchio più piccolo al centro della ghiera. Il cerchio dovrà essere riempito con una sfumatura da 29438a a 2f4ea8.

A questo livello applichiamo l’effetto Ombra Esterna con le seguenti impostazioni (anche qui l’ombra è di colore 6c6c6c):

Il nostro iPod nano è quasi pronto:

I pulsanti

Per aggiungere i pulsanti utilizziamo il font Myriad Pro (se non lo avete va bene Arial) per la scritta menu.

Mentre i pulsanti sono semplici trianglini ritagliabili da un quadrato.

Conclusione

Spero di essere stato abbastanza chiaro. Eventualmente potete vedere tutte le operazioni in tempo reale nel video più in basso, come anche analizzare il file psd disponibile per il download.

Per ulteriori chiarimenti non esitate a commentare