Guide Photoshop #3 – Icone in stile iPhone

Eccoci con il terzo tutorial di Photoshop. Dimostreremo come sia “relativamente” semplice creare delle accattivanti icone stile iPhone, con riflessi e quant’altro, semplicemente impostando gli effetti sui livelli. Una volta compreso il processo, inoltre, è possibile – dando libero sfogo alla vostra creatività – creare numerose varianti:

Scopo:

• Creare delle icone in stile iPhone

Requisiti:

• Il programma Adobe Photoshop

.
Procedimento:
.
1. Creiamo un nuovo documento andando in File – Nuovo ed impostiamoli come dimensioni 60×60 px

2. Selezionando lo strumento Rettangolo Arrotondato dalla paletta di sinistra disegnate un quadrato che occupi tutta l’immagine, ottenendo un effetto del genere:

Lo strumento Rettangolo Arrotondato deve avere come raggio 10 px e come stile il quadrato bianco barratto
.

.
3. Ora applicate i seguenti effetti al livello (non al livello di sfondo, ma a quello contenente la forma):
Ombra esterna:

• Metodo di fusione: Moltiplica
• Opacità: 75 %
• Angolo: 90°; togliete il segno di spunta da usa luce globale
• Distanza: 2 px
• Estensione: 0 %
• Dimensione: 4 px

Ombra interna:

• Metodo di fusione: Scolora; scegliete un colore che si abbini al vostro (nel mio caso è #ffd800)
• Opacità: 75 %
• Angolo: -90°; togliete il segno di spunta da usa luce globale
• Distanza: 3 px
• Estensione: 0 %
• Dimensione: 5 px

Sovrapposizione sfumata:

• Metodo di fusione: Normale
• Opacità: 100%
• Sfumatura: scegliete due colori che stiano bene col vostro (la mia va da #067500 a #0cff00); togliete il segno di spunta da Inverti
• Stile: Lineare
• Angolo: -90°
• Scala: 100%

A questo punto dovreste avere una cosa come questa:

4. Aggiungete un nuovo livello posizionandolo sopra a tutti
.

5. Restate sul livello appena create e selezionate la forma dell’icona nella paletta dei livelli: per farlo ci sono due modi, uno per Windows e uno per Mac. Quello per Windows è, tendo premuto Ctrl, premere sulla forma nella paletta dei livello; quello per Mac è lo stesso solo che al posto di Ctrl dovete tenere premuto cmd (comando o a mela)

6. Sempre restando sul livello nuovo andate in Selezione – Modifica – Contrai ed impostate come valore 2 px

7. Impostate come colore di primo piano il bianco, selezionate lo strumento Sfumature e impostate che vada dal Bianco al trasparente
.

Tracciate una sfumatura che vada dall’alto verso il basso in modo da ottenere un effetto simile a questo:

8. Ora selezionate lo strumento di Selezione Circolare, disegnate un’ellisse come nello screenshoot sottostante

(Non serve che ingrandiate l’immagine, io l’ho fatto solo per farvi capire come doveva essere l’ellisse)
.
9. Dopo aver disegnato l’ellisse premete il tasto Canc ed otterrete un risultato simile a questo:

10. Fine. Ovviamente cambiando le dimensioni ed i colori otterrete delle icone sempre diverse: ad esempio si potrebbe modificare in questo modo lo slider o creare qualche icona per un proprio tema e via dicendo.
.
Se volete creare icone iPhone utilizzando un Template “gia fatto” nel quale dovrete soltanto cambiare l’immaginetta interna, cliccate qui e scaricate questo file (da aprire in Photoshop)
.
.

Guida scritta da Sylter per iSpazio.net