Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> software >> Photoshop >> .

Come creare pulsanti web 2.0 in Photoshop

Web 2.0 è uno stile popolare nel web design . Pulsanti Web 2.0 aspetto tridimensionale e lucido , come una bolla , come se stessero spuntando fuori dello schermo. Il processo di creazione di pulsanti web 2.0 comporta un sacco di sfumature e di lavoro strato . Cose che ti serviranno
Photoshop
Mostra più istruzioni
1

Apri Photoshop , creare un nuovo file e impostare le dimensioni della tela di quale sia la dimensione pulsante sarà. Afferra lo strumento forma dalla funzione bar - scegliere un rettangolo o un cerchio arrotondato , dato che è più comune in stile web 2.0 . Selezionare un colore per il tuo pulsante , quindi fare clic e trascinare per creare la forma in modo che quasi riempie la tela . Lascia un paio di pixel che lo circondano per un bordo . Quindi , fare clic con il livello forma nel pannello Livelli e selezionare " Rasterize . "
2

Selezionate lo strumento sfumatura . Date un'occhiata nel menu gradiente discesa a destra sotto la barra dei menu nella parte superiore dello schermo , e trovare un gradiente a due colori con il colore della vostra forma e bianco. Se non vedi i colori che vuoi , clicca sull'immagine pendenza nella parte superiore del menu , invece. Questo vi porterà a una finestra di dialogo in cui è possibile modificare, creare e salvare gradienti personalizzati . Fai il tuo gradiente utilizzando i cursori . Una volta che hai il gradiente è necessario , impostare il gradiente di opacità al 40 % . Poi , Ctrl o Comando - clic sull'icona del livello nel pannello Livello per selezionare i pixel in quello strato . Fare clic e trascinare da cima a circa il 80 % verso il basso la forma per applicare la sfumatura. Ora , utilizzando lo strumento di testo , creare una casella di testo e digitare il testo per il pulsante. Torna il puntatore del mouse normale e posizionare il testo al centro del pulsante
3

Aggiungi un 1 - . O ictus a 2 pixel per il testo utilizzando gli stili di livello . Rendere il colore del tratto di un po ' più scuro del vostro colore dei pulsanti. Fare lo stesso per il vostro livello di pulsante . Effettuare una nuova forma lo stesso del pulsante di forma originale , ma circa il 90 % più ampio e il 50 % alto come l'originale. Posizionarlo al centro e vicino alla parte superiore della forma pulsante originale . Rasterizzare la forma come avete fatto con la vostra prima forma. Selezionare i pixel di controllo - o Comando - clic sull'icona del layer e cancellare completamente l'area selezionata . Ora , scegliere di nuovo lo strumento gradiente e creare un gradiente che va dal bianco al trasparente . Ora che sapete come da ultimo passo , dovrebbe essere facile . Applica la sfumatura facendo clic e trascinando verso il basso attraverso la forma in modo che il bianco è in alto e sfuma verso il basso a trasparente .
4

Selezionare il livello originale pulsante nel pannello Livelli e fare doppio clic per aprirlo la finestra di dialogo Stile livello . Da qui , selezionate " Bagliore interno " dalla colonna a sinistra e impostare l' opacità al 50 % . Rendere il colore della tua Glow stessa tonalità come pulsante , ma leggermente più chiaro . Per far sembrare ancora più tridimensionale , aggiungere un'ombra al testo attraverso stili di livello per il livello di testo . Questo rende l'aspetto del testo come se fosse posa sulla cima di un lucido , bolla semitrasparente .

 

software © www.354353.com