|
Pulsanti stile web 2.0 |
![]() |
![]() |
Creare dei pusanti per siti web 2.0 è molto semplice e richiede davvero pochi minuti. Vediamo passo passo come fare usando Fireworks Mx.
L'esempio è riferito al pulsante verde, per il blu basta semplicemente cambiare il colore del gradiente. Creare il gradiente e il bagliore internoTracciamo un rettangolo con angoli arrotondati e coloriamolo con un gradiente verticale (nel caso specifico il colore va da #2B822B a #00CC00).
Creare il riflessoTracciamo un ellisse come nella figura (lo sfondo nero ha solo lo scopo di far vedere l'immagine semitrasparente), con gradiente orizzontale da bianco a bianco, e impostiamo a 10 l'opacità del colore di sinistra (v. figura). Allineiamo l'ellisse sul rettangolo, scriviamo il testo (ho usato un Trebuchet Ms da 25px) ed il gioco è fatto. Altre applicazioniCon questo tipo di pulsanti si potrebbe facilmente creare un menu orizzontale a tab
Edit: il risultato di questo tutorial non mi è piaciuto tanto. Il tutorial sui pulsanti stile glossy è sicuramente migliore ;) |
|
Ultimo aggiornamento ( martedė 17 luglio 2007 ) |
In evidenza | ||
---|---|---|
|
Le pių lette |
---|
Ricerca rapida |
---|
|