Scritto da davidonzo il 20/05/2008, in OpenSource, Tutorial

2.0 button using the gimp at davidonzo.comPer la gioia de IlSilente, dopo aver visto come creare facilmente un effetto riflesso con The Gimp, vediamo ora come ottenere in maniera facile facile un bottone in stile 2.0.

 

Prima di tutto definiamo cosa è per noi un bottone 2.0. Semplicemente una immagine con angoli arrotondati e quel tipico effetto tridimensionale che lo fa risaltare tanto.

 

Procedimento

Apriamo The GIMP e creiamo una nuova immegine con sfondo trasparente, delle dimensioni desiderate. Dal menu Seleziona, clicchiamo su "Seleziona Tutto" e subito dopo, dallo stesso menu, scegliamo l'opzione "Rettangolo Arrotondato". Scegliamo il raggio preferito. Nell'esempio abbiamo lasciato in default 50. Il risultato sarà qualcosa del genere.

 

2.0 button using the gimp at davidonzo.com

 

Riempiamo la selezione con il colore di primo piano che preferiamo.

 

2.0 button using the gimp at davidonzo.com

 

A questo punto creiamo una nuova selezione, all'interno dell'immagine, sempre con angoli arrotondati applicati con lo stesso raggio, ma più piccola della precedente.

 

2.0 button using the gimp at davidonzo.com

 

Alla nuova selezione applichiamo lo strumento gradiente Gradient tool The GIMP at davidonzo.com avendo avuto cura di selezionare il bianco come colore di sfondo. Trasciniamo il mouse dal basso verso l'alto.

 

2.0 button using the gimp at davidonzo.com

 

Et voila! Applicate il testo che volete e salvate come png per gestire il canale alpha. Il risultato in alto a sinistra ;)

Hai trovato l'articolo interessante?
Sottoscrivi il Feed RSS per essere informato automaticamente degli ultimi aggiornamenti!
 
.Commenti rss
# 1
Colgo dell'ironia in questa dedica...
Di ilSilente  (Inviato il 20/05/2008 @ 22:06:38)
# 2
Ma sssssssottile...
Di davidonzo  (Inviato il 20/05/2008 @ 22:45:04)


I commenti possono essere moderati.
Se non lo vedi comparire subito non reinserirlo più volte.
Grazie per la gentile collaborazione.