• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Mascara4ever

Utente Mitico
Autore del topic
16 Novembre 2009
8.618
89
Miglior risposta
0
Ecco quindi un nuovo tutorial per creare un bel pulsante stile MAC, inizia col creare una nuova immagine di 150x70 pixel a fondo bianco o trasparente a 72dpi, crea un nuovo livello e rinominalo "pulsante"
001.gif

clicca sul pulsante "rettangolo smussato", imposta il raggio dello smusso ad 8px, opacità al 100%
002.gif

e traccia un rettangolo al centro dell'immagine
003.gif

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

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

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

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
007.gif

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
008.gif

crea un nuovo livello e rinominalo "riflesso"
009.gif

e riempi la selezione di bianco (ALT + INVIO)
010.gif

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

dovresti ottenere un unico layer
012.gif

al quale applicherai i seguenti effetti: Obra esterna
013.gif

Rilievo
014.gif

contorno del rilievo
015.gif

ed il colore di riempimento che sostituirai con una sfumatura che va dal bianco al nero
016.gif

ed aggiungiamo un leggerissimo bordo nero
017.gif

dovresti ottenere un bel pulsante come in figura
018.gif

aggiungi il testo
019.gif

unisci tutto e ridimensiona. Salva per il web ed utilizzalo!
020.gif

Buon lavoro!

Graphixmania