Ecco un semplice tutorial per creare pulsanti stile web 2.0

Scarica il .PSD

  • Creiamo la base del pulsante
  1. Selezioniamo lo Strumento Rettangolo Arrotondato con raggio 25px strumento rettangolo
  2. Entriamo nelle Opzioni fusione

Bagliore interno
bagliore interno

Sovrapposizione sfumatura
sfumatura

Traccia
traccia


  • Creiamo l’effetto glare
    L’effetto glare è l’ombra sfumata sopra il pulsante
  1. Selezioniamo lo Strumento Rettangolo Arrotondato con raggio 60px strumento rettangolo
  2. Impostiamo una sfumatura lineare verticale da bianco a bianco trasparente

 

  • Creiamo il titolo del pulsante
  1. Selezioniamo lo Strumento testo orizzontale e inseriamo il titolo
  2. Entriamo nelle Opzioni fusione

Traccia
traccia carattere

Auguri e pulsanti web 2.0 :)

Author

Strategy Director @AQuest ~ Docente Master @NinjAcademy

12 Commenti

  1. Riccardo

    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…

  2. Purtroppo si… il pulsante stile web 2.0 è strutturato a livelli, potresti usare altri programmi diversi da Photoshop, ma sempre simili…

  3. scusa come faccio a cambiare il colore del pulsante?non riesco a togliere l’arancione..grazie

  4. volevo ringraziarti tantissimo!
    ho usato il tuo bottone, è davvero carino.

    ripasserò a gurdare presto.

    Ciao Annie

  5. Cristiano

    Da Photoshop come faccio ad allungare bottone senza modificare il resto ?

Commenti