Grafica  »  Articoli  »  Tutorial Photoshop 

Le icone in stile Web 2.0 sono in grado di personalizzare, in modo semplice e originale, i nostri layout. In rete esistono le più svariate tipologie di icone, tuttavia, in questo tutorial, impareremo a costruire una semplice bussola. Vi sono molte tecniche utilizzabili per arrivare ad un risultato verosimile: per il nostro esempio riassumeremo le più diffuse, in modo da renderle semplici e adatte a qualsiasi tipo di utente. Il tutto sarà possibile sfruttando al massimo le Opzioni di fusione disponibili in Photoshop CS4.

Prepariamo l'area di lavoro

Per cominciare, creiamo un nuovo foglio di lavoro delle dimensioni di 400 x 400 pixel. Utilizzare un layout quadrato ci aiuterà nella realizzazione della nostra icona di forma circolare. Fatto questo, sblocchiamo il livello appena creato e abilitiamo il tool di trasformazione con CTRL+T: in questo modo, sarà molto semplice posizionarci al centro esatto dello sfondo con i righelli (Figura 1).

Figura 1

Creiamo l'icona

La realizzazione della nostra icona in stile Web 2.0 si basa, come vedremo più avanti, su un uso oculato delle Opzioni di fusione di Photoshop CS4. Tuttavia, è necessario prima abbozzare la forma della nostra bussola: creiamo un Nuovo livello chiamato Anello esterno e, tramite lo Strumento selezione ellittica, tracciamo un cerchio tenendo premuto CTRL. Quest'ultimo passaggio ci permette di realizzare un cerchio perfetto al centro del foglio. Riempiamo, quindi, il disegno con lo Strumento secchiello, scegliendo una tonalità a piacere del grigio (Figura 2).

Figura 2

Dal menu Selezione, scegliamo Modifica e Contrai, applichiamo un valore di 20 pixel e, sempre dallo stesso menu, procediamo utilizzando il comando Arrotonda con un valore di 20 pixel. In questo modo, abbiamo creato una selezione più piccola all'interno dell'originale (Figura 3). Tramite il comando Taglia, otteniamo l'anello rappresentato in Figura 4.

Figura 3

Figura 4

Altri articoli

Altre guide

Altre newsletter