Gimp – Pulsanti illuminati

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:

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.

Gradiente

Effetto finale:

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:

che salvato in png:

Le impostazioni del filtro:

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….