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 FileNuovo 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 SelezioneModificaContrai 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

Eccoci con il terzo tutorial di Photoshop. Dimostreremo come sia “relativamente” semplice creare delle accattivanti icone stile iPhone, con riflessi…

Mi Piace
Mi Piace Love Haha Wow Sigh Grrr
Se questo articolo ti è piaciuto, ti consigliamo di seguirci su Telegram per restare sempre aggiornato su temi simili oppure su Facebook. Ci trovi anche su Twitter, dove leggerai tutti i titoli dei nostri articoli, proprio come tramite gli RSS. Iscriviti infine al nostro canale YouTube per non perderti i nostri video!
Pubblicato in:Senza categoria