Skip to content

Gimp – Pulsanti illuminati

giovedì 20 settembre , 2007
by

Quando si progetta un sito si dovrebbe tenere sempre conto della fonte luminosa che si decide di usare, in modo da rendere uniformi le ombre, i riflessi e… le luci.

Anche i bottoni possono essere illuminati, in fase di “riposo” o in fase di rollover.

Ecco dunque due metodi per ottenere effetti simili:

button2.png

Naturalmente la guida si riferisce a Gimp, ostico programma che riserva molte sorprese, insidie e trabocchetti , obbligandoci ad usare strane formule magiche per avere risultati decenti…

Ancora una volta l’incredibile se non quasi impossibile sfida dell’uso di Gimp è stata vinta.

L’ironia e il sarcasmo verso prodotti, fatti, false notizie, persone prevenute e quant’altro, non sono casuali

Prima di tutto creiamo il nostro pulsante:

Rettangolo con bordi arrotondati nero, diamo un’effetto vetro , quindi procediamo con il primo metodo.

luce1.png

Gradiente

Effetto finale:

luce2.png

Questo è il metodo più semplice: si applica un gradiente radiale, dall’alto verso il basso, tenendo presente che l’estremo inferiore della linea del nostro gradiente, sarà il fuoco dell’illuminazione.

Le caratteristiche esatte del gradiente le si possono estrapolare dall’immagine fatta sopra.

Supernova

Gimp mette a disposizione un vasto assortimento di filtri luce. Quello che interessa a noi è “Supernova”.

Applicando infatti tale filtro al nostro pulsante otteniamo:

luce3.png

che salvato in png:

button2.png

Le impostazioni del filtro:

supernova.png

L’importante è mantenere Raggio :1, tutto il resto … fate vobis…😉

Voilà.

Ovviamente tutto è personalizzabile secondo i propri gusti, dalla sfumatura, alla posizione del fuoco sul gradiente e sul filtro, al colore del bottone, all’effetto vetro, etc.

Buon divertimento, sperando che non siate ora spossati dalla lunghezza di questa guida….

No comments yet

Lascia un commento

Effettua il login con uno di questi metodi per inviare il tuo commento:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger cliccano Mi Piace per questo: