• 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!

Guida Pulsante 2.0

bigboss1

Utente Master
Autore del topic
2 Giugno 2008
2.374
0
Miglior risposta
0
Tutorial Photoshop - Pulsante 2.0
fonte -> tutorialweb - W.M.

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.

styles1.png

Otterrete qualcosa di simile a questo:

layer1.png

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:
Perfavore, Entra oppure Registrati per vedere i Link!


styles2.png

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.

layers1.png

Ed ecco il risultato finale:

final.png

_______________
TutorialWeb
 
Ultima modifica:
Boss so che il tutorial non è tuo, però non mi sembra che nella guida specifichi come si ottiene quell'ombra dietro il bottone :asf:
 
cn la semplice sfumatura!... :emoji_relieved: come la si fa sempre.. se la sai fare la sfumatura, allora ci riesci.. :emoji_relieved:
 
O.o L'ombra con Filtri > Luci e ombre > Su PS come si chiama? Inner Shadow mi pare.. e fai l'ombra verso destra lol
 
la guida è ottima xò a te è Mac e non so se alcune funzioni di Photoshop sono uguali a Vista

aspetto una risposta
 
c'è scritto sopra a tt ke la fonte è tutorialweb.. mettiti gli occhiali.. :emoji_relieved:
 
bigboss1 tutte le guide postate la fonte non e a webmania.. segnalo e chiedo il ban.