Guide Photoshop #3 - Icone in stile iPhone

In qualità di Affiliato Amazon, iSpazio riceve una commissione dagli acquisti idonei senza alcun costo per voi. (info).

Advertising

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

Sai che siamo anche su Telegram? Unisciti al nostro canale iSpazio per ricevere le notifiche oppure Apple Italia per chattare con altri utenti. Scopri i migliori prodotti Tech in sconto su Amazon con il nostro canale OFFERTE iSpazio.

22%