Scritto da davidonzo il 20/05/2008, in OpenSource, Tutorial
ATTENZIONE!
L'articolo che stai leggendo è stato scritto 1362 giorni orsono.
Le informazioni presenti potrebbero non essere aggiornate!

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)
# 3
Un consiglio per migliorare questo tutorial. Se io avessi saputo come creare una immagine trasparente e come riempire una selezione con un colore, non mi sarebbe mai venuto in mente di cercare questo tutorial. Siccome vengo da Photoshop, ho difficoltà a trovare queste cose di base. Una volta trovate, il resto viene da sè.
Di Federico  (Inviato il 02/02/2009 @ 16:53:11)
# 4
Grazie mille sono riuscita a farlooo!!! =)
Di Iooo  (Inviato il 12/08/2009 @ 18:47:06)
# 5
Bella guida!
Io sto giusto facendo dei bottoni grigio semi-trasparente ma con questa tecnica stanno già venendo meglio di prima.
Di BlackGecko  (Inviato il 08/12/2009 @ 18:17:17)


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