{ Crazy 0verDriv3 }[Di Tutto Di +]

Pulsante Stile Mac

« Older   Newer »
  Share  
lanxel
view post Posted on 10/6/2008, 19:22




Per creare un pulsante in stile Mac, partiamo col creare una nuova immagine 150x70 pixel a 72dpi, crea un nuovo livello denominato "pulsante".

image


Clicca sul pulsante "rettangolo smussato", imposta il raggio dello smusso ad 8px, opacità al 100%

image


E traccia un rettangolo al centro dell'immagine.

image


premi il tasto CTRL e tenendolo premuto clicca sul livello "pulsante" per caricarne la selezione.

image


Imposta i colori come in figura, il bianco per il colore di primo piano ed un grigio (#C4C4C4) per lo sfondo.

image


Clicca sullo strumento sfumatura ed impostalo come mostrato in figura selezionando la modalità di riempimento da colore principale a colore si sfondo.

image


Premendo il tasto shift per creare una sfumatura lineare, clicca nella parte bassa della selezione e trascina verso la parte superiore, fino a circa la metà della selezione, dovresti ottenere qualcosa di simile.

image


NON eliminare ancora la selezione, premendo i tasti SHIFT + ALT crea una selezione che includa solo la parte superiore del pulsante fino a circa la metà, per intersezione delle selezioni rimane solo la parte mostrata in figura.

image


Crea un nuovo livello e rinominalo "riflesso".

image


E riempi la selezione di bianco (ALT + INVIO).

image


Abbassa l'opacità del livello "riflesso" al 50%, collegalo con il layer "pulsante" e premi CTRL + E per unirli.

image


Dovresti ottenere un unico layer,

image


Al quale applicherai i seguenti effetti: Ombra esterna

image


Rilievo

image


Contorno del rilievo

image


Ed il colore di riempimento che sostituirai con una sfumatura che va dal bianco al nero

image


Inoltre un bordo nero.

image


Dovresti ottenere un bel pulsante come in figura.

image


Aggiungi il testo.

image


Unisci tutti i livelli. Fatto.

Edited by lanxel - 11/6/2008, 08:17
 
Top
robybx
view post Posted on 10/6/2008, 20:30




hosta tutte le immagini le immagini su un sito di freehosting senò no si vedono ;)
 
Top
lanxel
view post Posted on 11/6/2008, 07:17




CITAZIONE (robybx @ 10/6/2008, 21:30)
hosta tutte le immagini le immagini su un sito di freehosting senò no si vedono ;)

Eseguito.
 
Top
2 replies since 10/6/2008, 19:22   206 views
  Share