Italian Afrikaans Arabic Armenian Belarusian Chinese (Simplified) Chinese (Traditional) Danish Dutch English Finnish French German Greek Hebrew Hindi Indonesian Irish Japanese Korean Malay Norwegian Persian Polish Portuguese Romanian Russian Spanish Swahili Swedish Thai Turkish Urdu Vietnamese
Home Software freeware Creare un pulsante a due stati con Gimp

Creare un pulsante a due stati con Gimp

Pulsanti da schiacciare

Per le nostre pagine Web può essere utile creare un pulsante che abbia due stati, premuto e rilasciato. Vediamo come possiamo costruirlo con Gimp.

I due stati del pulsante realizzati con Gimp

Prepariamo un nuovo documento con lo sfondo bianco. Creiamo un primo livello, nella palette Livelli, dove con la Selezione Ellittica creiamo un cerchio che riempiamo di nero e a cui applichiamo il filtro Sfocature/Gaussiana con raggio 5.

Il cerchio sfocato con la sfocatura gaussiana in Gimp

Duplichiamo il livello nella palette Livelli e con Livello/Scala livello lo scaliamo al 90%.

Scalare il livello in Gimp

Ora lo riempiamo con una sfumatura dal grigio al bianco. Applichiamo il filtro Decorativi/Porta in rilievo con valore 5. Creiamo un nuovo livello che riempiamo con lo strumento Sfumatura da bianco a trasparente.

L'Editor delle sfumature in Gimp

Creiamo un duplicato del secondo cerchio, lo scaliamo al 90% e abbassiamo nella palette Livelli l‘Opacità di livello a 41. Rendendo questo livello visibile o meno otteniamo i due stati del pulsante. Creiamo un altro livello e lo riempiamo con la strumento Sfumatura da bianco a trasparente. Con la Selezione Ellittica selezioniamo quasi tutta l’area del pulsante meno uno spicchio e diamo cancella per ottenere il riflesso.

La selezione cancellata per ottenere il riflesso

Salviamo quindi due differenti GIF con il cerchio prima indicato visibile e invisibile utilizzando il comando File/Salva come.

Il risultato finale in Gimp

Aggiungi commento


Codice di sicurezza
Aggiorna

Articoli correlati

Sono incazzato

Oggi

Histats

dal 15 Marzo 2011

statistiche accessi

Valid XHTML 1.0 Transitional CSS Valido! Licenza Creative Commons