Buongiorno a tutti, oggi voglio mostrarvi questo semplice ma fantastico tutorial, facile e veloce da realizzare ma di grande impatto. Per questo tutorial l’unica cosa che ci servirà saranno gli script Fu ( guarda la guida per installarli ) e il font di IronMan.

Partiamo creando una nuova immagine ( 1920 x 1080 ) al quale applichiamo da subito un gradiente (Strumento sfumatura) dal colore bianco al colore #f4f4f4.

1

Selezioniamo lo Strumento selezione ellittica e tenendo premuto il tasto SHIFT tracciamo un cerchio. Una volta che la selezione è attiva prendiamo lo strumento gradiente e tracciamo dal colore grigoi chiaro (#fefdf9) al colore più scuro (#e9ebea).

2

Per evidenziare meglio il contorno del nostro bottone dobbiamo disegnargli un bordo sottile (in questo caso data la grandezza dell’immagine 4px andranno benissimo). Per farlo utilizziamo lo Script-Fu–> Layer Effect–> Stroke impostando come da immagine:

3

Una volta disegnato il bordo dobbiamo creare una piccola ombra per dargli un effetto più tridimensionale ed esaltare il pulsante maggiormente. Per l’ombra andiamo sempre nel menu Script-Fu sotto la voce di LayerEffect—> Drop Shadow.

4

Ora che abbiamo creato l’ombra diamo un effetto “di piegatura” e per farlo utilizzeremo lo strumento sfumino. Selezioniamolo e settiamo la dimensione del pennello grande quanto il nostro pulsante, settiamo la frequenza dello strumento a 100 e duplichiamo il livello dell’ombra. Una volta che tutto è pronto trasciniamo leggermente in basso a sinistra in modo tale che l’ombra sfumata sia nella stessa direzione nel colore chiaro del pulsante.

5

Il pulsante è già finito, basta solamente scrivere il numero che vogliamo all’interno. Il font utilizzato è quello di IronMan (potete trovare il link ad inizio articolo) ed il colore utilizzato è #2c2c2c (un grigio scuro).

6

Per far risaltare il numero creiamo delle ombre interne andando su Script Fu—> Layer Effect—> Inner Shadow e come fato sopra impostiamo i parametri come da immagine.

7

Per attenuare l’ombra interna sfumiamo cliccando su Filtri—> Sfocature—> Gaussiana selezionando 15 come raggio di sfocatura.

8

Questo è il risultato finale: Semplice elegante e molto bello! Che ne pensate voi?

PAperNumber

 

 


0 thoughts on “Circle paper number”

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Related Posts

Easy Tutorial

Applicare tatuaggi

Apriamo con Gimp la fotografia di una qualsiasi persona che vogliamo tatuare. Ora decidiamo quale tatuaggio applicare alla ragazza e una volta scelto per aprirlo fate File—> Apri come livelli in modo da aprire il Read more...

Easy Tutorial

Text Card

Ciao ragazzi, siete pronti per un nuovo tutorial? Quest’oggi vediamo un tutorial molto semplice da realizzare ma di grande effetto. Come ogni volta prima di incominciare scarichiamo i seguenti materiali: MegaTron Font Script Fu  (Non sai Read more...

Design

Nexus 5 metro

Benvenuti in questo nuovo tutorial di grafica! Oggi voglio proporvi un tutorial diverso dal solito, non andremo a trattare la fotomanipolazione o i vari strumenti ma bensì vedremo come disegnare un Nexus 5 in stile Read more...

Questo sito fa uso di cookie per migliorare l’esperienza di navigazione degli utenti e per raccogliere informazioni sull’utilizzo del sito stesso. Utilizziamo sia cookie tecnici sia cookie di profilazione di terze parti per inviarti pubblicità in linea con le tue preferenze. Se vuoi saperne di più o negare il consenso a tutti o ad alcuni cookie, clicca qui. Se accedi a un qualunque elemento sottostante questo banner acconsenti all’uso dei cookie.

Questo sito utilizza i cookie per fornire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o cliccando su "Accetta" permetti il loro utilizzo.

Chiudi