Ecco un semplice tutorial per creare pulsanti stile web 2.0
- Creiamo la base del pulsante
- Selezioniamo lo Strumento Rettangolo Arrotondato con raggio 25px
- Entriamo nelle Opzioni fusione
- Creiamo l’effetto glare
L’effetto glare è l’ombra sfumata sopra il pulsante
- Selezioniamo lo Strumento Rettangolo Arrotondato con raggio 60px
- Impostiamo una sfumatura lineare verticale da bianco a bianco trasparente
- Creiamo il titolo del pulsante
- Selezioniamo lo Strumento testo orizzontale e inseriamo il titolo
- Entriamo nelle Opzioni fusione
Auguri e pulsanti web 2.0 :)
12 Commenti
Ciao,
scusami, ma dove posso prelevare questo tutorial?
Grazie!
@Riccardo ho inserito il link al .psd sul bottone stile web 2.0 in alto
ciao
scusami per l’ignoranza, ma io non mi intendo molto di queste cose.
Non possiedo Photoshop, quindi ho aperto il file attraverso un altro programma ma mi visualizza solo il bottone…
Devo possedere per forza photoshop per utilizzare questo tutorial?
Grazie mille e scusa ancora la mia ignoranza…
Purtroppo si… il pulsante stile web 2.0 è strutturato a livelli, potresti usare altri programmi diversi da Photoshop, ma sempre simili…
ok, grazie mille! Me lo farò prestare da un mio amico!
:P figurati ciao
Ho provato ad aprirlo con GIMP… purtroppo non lo apre… :-(
scusa come faccio a cambiare il colore del pulsante?non riesco a togliere l’arancione..grazie
Il colore è su un oggetto vettoriale
selezionalo e vai nello strumento COLORE
volevo ringraziarti tantissimo!
ho usato il tuo bottone, è davvero carino.
ripasserò a gurdare presto.
Ciao Annie
Da Photoshop come faccio ad allungare bottone senza modificare il resto ?
Come posso creare lo stesso pulsante usando i CSS ?