Creare bottoni con Photoshop CS3

[Flep]

Ecco un tutorial Photoshop CS3 che serve moltissimo per chi sviluppa con Flash CS3 e non ha molta pratica nel creare dei fantastici bottoni.

Dopo aver visto come utilizzare le clipping mask con Photoshop CS3, questa volta Edoardo Gioè dimostra come creare dei pulsanti web 2.0 .

In questo tutorial impareremo a creare dei semplici pulsanti usando lo strumento penna, lo strumento rettangolo con angoli arrotondati e stili di livello personalizzati.

Seguendo questo processo imparerete a creare i vostri pulsanti personalizzati, ideali per il web design.

Iniziamo a disegnare un rettangolo arrotondato con un raggio angolare di 5 pixel:

Inizieremo subito a smanettare con le opzioni fusione del livello contenente il rettangolo.

Clikkiamo col destro sul livello e selezioniamo "Opzioni fusione".

Inizieremo aggiungendo una sfumatura al nostro pulsante, per questo esempio abbiamo utilizzato una semplice sfumatura che va dall' azzurro chiaro al bianco:

Aggiungeremo poi un bagliore esterno di un blu leggermente più scuro, mi raccomando impostate il metodo fusione su "normale":

Adesso aggiungeremo anche un bagliore interno, questa volta di un normale bianco.

Tenete sempre il metodo fusione su "Normale":

Clikkate "OK" e dovreste ottenere un pulsante già usabile:

Anche se è abbastanza carino, possiamo renderlo ancora meglio aggiungendo un effetto "vetro".

Rasterizziamo il livello contenente il pulsante clikkando col tasto destro del mouse sull’icona e selezionando "Rasterizza livello" e poi creiamo una forma con lo strumento penna che formi una leggera curva più o meno al centro del nostro pulsante:

Aggiungiamo una sfumatura a questa nuova forma nelle opzioni fusione:

Creiamo un nuovo livello vuoto e uniamolo al livello contenente la forma.

Per farlo basterà selezionare entrambi i livelli nel pannello e premere CTRL + E sulla tastiera.

Questo ci consentirà di convertire in pixel la sfumatura.

Selezioniamo il livello contenente il nostro pulsante e usiamo lo strumento bacchetta magica (W sulla tastiera) per clikkare ovunque nello sfondo.

Portiamoci nuovamente al livello contenente la forma creata con lo strumento penna e premiamo CANC sulla tastiera per cancellare tutto il contenuto della selezione:

Adesso cambiamo il metodo fusion del livello in "Sovrapponi" e abbasiamone l' opacità finchè non otteniamo l' effetto desiderato:

Ed ecco che abbiamo ottenuto il nostro pulsante!

Potete ovviamente usare qualsiasi colore preferiate, ecco qualche esempio:

Usate pure questi pulsanti per I vostri progetti!

Edoardo Gioè