i-Graphix

Photoshop & Grafica sono le parole chiave di questo sito..

[Photoshop] Pulsante web 2.0

Agosto28
final

Dopo un’ eternità di inattività nel blog inizio con il riportarvi un tutorial per creare un bottone 2.0 con Photoshop..

Create un nuovo documento delle dimensioni di 200 px di larghezza e 50 px di altezza con sfondo trasparente.
Con lo strumento rettangolo arrotondato, disegnate la forma del pulsante impostando un raggio di 4 pixel.
Aprite il pannello dell opzioni di fusione (click destro sul livello nella palette dei livelli) e impostate una sfumatura con i colori #4096ee e #276db4. Selezionate il box “inverti” e applicate un’ombra esterna con i parametri di default.

photo

Otterrete qualcosa di simile a questo:

mode

Create un nuovo livello e disegnate un quadrato di 25px di altezza posizionato nella parte alta del precedente rettangolo.
Riempite con il colore #276db4 e impostate l’opacità del livello a 80%
Aprite il pannello delle opzioni di fusione e applicate il pattern contenuto in questo file: Pattern photoshop

smart blur

Applicate una maschera di livello con un gradiente da bianco a nero dal basso verso l’alto.
Con lo strumento testo, inserite il testo del vostro pulsante.

final

Ed ecco il risultato finale:

final
Condividi la notizia con tutti:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • Blogosphere News
  • Live
  • Segnalo
  • Technorati
  • Upnews
  • Wikio IT
  • YahooMyWeb

Share/Save/Bookmark

posted under Tutorial Photoshop

Non verrà pubblicata

Esempio

Tuo Commento: