Disegnare un Samsung Galaxy S2 [Prima Parte]


Per disegnare un Samsung Galaxy S2 ci serviamo di Adobe Photoshop ed Illustrator. In questa guida per questioni di comodità, utilizziamo Illustrator per riportare perfettamente le dimensioni e la forma dello smartphone, mentre nella seconda parte, con photoshop aggiungeremo effetti di luce, colore e tanto altro.

Risorse utili

Per seguire correttamente questo tutorial, abbiamo bisogno di alcune risorse utili:

 Creare forma in illustrator

Creiamo un nuovo file di dimensioni A4, disposto in senso verticale. Premendo i tasti Ctrl+R attiviamo e disattiviamo il sistema di misure a contorno dell nostro foglio.

Questa griglia è utile per riportare in modo preciso le guide, rappresentative delle misure del Samsung Galaxy S2.

Come creare le guide

Trasciniamo il mouse dalla griglia di misura, e vedremo comparire una guida.

Creare forma base

Utilizziamo lo strumento, rettangolo con angoli arrontondati. Clicchiamo con il mouse su di un punto e scriviamo i seguenti valori.

Non badate tanto all’altezza e alla lunghezza, ma è importante esclusivamente il valore Border Radius a 35px.

A questo punto selezioniamo solo gruppi di punti e disponiamo il rettangolo in modo da allinearlo alle guide più esterne che abbiamo creato.

Ora selezioniamo il rettangolo e creiamo un’altro rettangolino interno con uno strumento di Offset, che troviamo in Object (Oggetto)> Path (Tracciato) > Object Path (Scostamento tracciato). Ed impostiamo l’Offset a -9pt.

Ora creiamo la forma dello schermo, facciamo come prima, solo che utilizziamo un Border Radius di 5px.

Creare elementi dello schermo

Creaiamo anzitutto il bordo superiore dello schermo. Per farlo correttamente, duplichiamo il livello dello schermo, creiamo un rettangolo, come in foto, e sottraiamo i due elementi.


Creare tasto Home e tasti touch

Allo stesso modo creiamo anche il tasto Home, con Border Radius a 10px. Con Offset Path (Scostamento tracciato) pari a -4pt.

Per i tasti touch, basta disegnare questo tipo di figure, come in foto e successivamente sottrarle. Il Border della figura va posto su 1pt, ed il riempimento in colori su None, Nessuno.

Allo stesso modo creiamo anche il tasto sulla destra.

Creare cassa audio

Con Ctrl + Shift + Trascinamento, duplichiamo un oggetto.

Se lo facciamo una volta, possiamo ripetere il comando utilizzando Ctrl + D.

In questo modo riusciamo a creare tutti i cerchi consecutivi.

Dopo aver completato il disegno, possiamo salvare il documento. Ma per ricreare i livelli su Photoshop, bisogna fare diversamente:

  • Selezioniamo tutti i tracciati su Illustrator (Ctrl + A) e salviamoli con (Ctrl + C).
  • A quel punto andiamo su di un nuovo file di Photoshop, passiamo dal pannello livelli al pannello tracciati, e creiamo un file di tracciato vuoto tramite apposita icona in basso a destra del pannello.
  • Clicchiamo (Ctrl + V).
  • A quel punto si aprirà una piccola finestra dalla quale noi sceglieremo Path. E la nostra forma sarà ricopiata su Photoshop.
  • Queste forme vanno utilizzate come veri e propri tracciati su photoshop, e ci consentiranno di gestire singolarmente ogni livello del nostro oggetto.

Si tratta di un metodo Copia/Incolla che funziona molto bene con questi due programmi.

Questo metodo ci permette di creare solo una bozza vettoriale sul quale poi caricheremo uno ad uno tutti gli elementi, come Shape Layer (Livello Forma).

Ma questo è un metodo che approfondiremo più avanti, nella seconda parte del tutorial. Ecco una bozza poco prima del completamento!

 Vi è piaciuta la guida? Cosa ne pensate? Utilizzate il modulo commenti posto in fondo alla pagina!

Commenti: Vedi tutto

Lascia una risposta