Disegnare un Nintendo DS Lite in Photoshop

Disegnare un Nintendo DS Lite in Photoshop
Per disegnare il NDS Lite, possiamo scaricare un’immagine da utilizzare come riferimento.
Per prima cosa possiamo disegnare un rettangolo con i bordi
arrotondati con raggio 15 pixel per tutto il DS, sia la parte
superiore che inferiore. Possiamo poi cancellare la parte che
unisce gli sportelli e dividere i due rettangoli così ottenuti su
due livelli differenti in modo da poter applicare ad ognuno dei
metodi differenti di stile.
Per la parte superiore utilizziamo i seguenti stili:
#000000
#959595
#ffffff
#ffffff
1
#adadad
La parte superiore è completa. Passiamo a quella inferiore. Sebbene simile alla parte superiore, la
parte inferiore non è concava ma piatta. Dovremo quindi aggiungere anche qui degli stili di livello
ma non l’ombra interna.
#f1f1f1
#959595
#ffffff
#adadad
Passiamo adesso alla cerniera. Utilizziamo nuovamente lo strumento rettangolo arrotondato su un
nuovo livello e facciamo sempre riferimento all’immagine principale per la posizione e la larghezza
(possiamo usare un raggio molto ampio ad es. di 20 pixel).
Applichiamo anche a questo livello degli stili:
2
#000000
#f1f1f1
Colore # f1f1f1
#f1f1f1
Il risultato dovrebbe essere questo:
Passiamo adesso a collegare la cerniera alla parte superiore.
Creiamo un nuovo livello sotto quello della cerniera (la
cerniera si trova sopra tutti gli altri) e disegniamo una
selezione rettangolare che unisca il coperchio superiore alla
cerniera. Riempiamo la selezione con il colore della NDS.
Creiamo adesso un nuovo livello nel quale andremo a disegnare due linee grigie (possiamo usare
come colore #959595) come quelle mostrate nella figura sotto.
Passiamo allo schermo superiore. Usiamo ancora una volta lo
strumento rettangolo arrotondato con un raggio molto piccolo
e usiamo sempre l’immagine di sfondo come riferimento.
Applichiamo al livello questi stili:
#eaeaea
3
#a3a3a3
#d9d9d9
Possiamo creare lo schermo inferiore copiando quello appena fatto e spostandolo. Adesso dobbiamo
fare adottare una piccola strategia: duplichiamo il livello dello schermo inferiore e posizioniamo la
copia sotto il livello originale. Dalla copia cancelliamo gli stili e applichiamo il solo stile smusso ed
effetto rilievo con i parametri qui impostati:
Questo è il risultato:
#ffffff
#d9d9d9
Passiamo agli altoparlanti.
Sono molto semplici da realizzare in quanto, su un nuovo livello e con il nero come colore di primo
piano, creeremo dei cerchi con lo strumento ellisse che poi duplicheremo più volte.
Per il microfono utilizziamola stessa tecnica ma come forma
usiamo il rettangolo arrotondato.
4
Per i due led utilizziamo lo strumento rettangolo arrotondato uno di colore grigio e l’altro di colore
verde #09c705.
Applichiamo poi su entrambi questo effetto:
#ffffff
Per posizionare la sfumatura (dal bianco al trasparente) nella parte alta del led basta (a finestra di
dialogo aperta) andare sul disegno e trascinare verso l’alto l’effetto riflesso in modo da spostarlo
dove si vuole.
Otterremo questa immagine:
Creiamo il D-pad su un nuovo livello utilizzando lo strumento
selezione rettangolare per 2 volte aggiungendo la seconda
selezione alla prima creando così una croce.
Riempiamo la selezione di bianco e poi disattiviamo la
selezione.
Applichiamo adesso degli stili:
5
#ffffff
#3f3f3f
#d7d7d7
Questo è il risultato:
Prima di chiudere con il D-pad dobbiamo aggiungere una piccola lucentezza
su una parte della croce così come lo si può notare nell’immagine presa come
riferimento. Selezioniamo la parte interessata, creiamo un nuovo livello e
riempiamo la selezione di bianco. Abbassiamo l’opacità del livello al 20%.
Aggiungiamo le marcature in un nuovo livello, con lo
strumento rettangolo arrotondato e un grigio scuro.
E alla fine passiamo ai pulsanti.
Utilizziamo lo strumento ellisse
premendo lo SHIFT per creare il primo
pulsante. Applichiamo degli stili e al termine duplichiamo tre
volte il livello per ottenere il risultato finale.
#909090
#ffffff
6
#dedede
#909090
I pulsanti Start e Select li realizziamo copiando uno dei pulsanti precedenti e riducendone le
dimensione tramite la trasformazione libera (premere CTRL+T).
Ricordiamo che i dettagli
quali le scritte YXAB,
START e SELECT sui
pulsanti e la scritta MIC
vicino al microfono sono
importanti perché la
nostra immagine risulti il
più realistica possibile.
7