Come creare una barra di navigazione in Photoshop

April 4

Quando si crea un nuovo sito web è importante avere un layout di pagina web che sembra professionale, soprattutto se si desidera ottenere visite ripetute. Un aspetto di un aspetto professionale è il design della vostra barra di navigazione. Ogni sito deve avere un modo per i visitatori di muoversi attorno alle pagine del sito, e la navigazione, o NAV, bar serve a questo scopo. Barre di navigazione sono generalmente divisi in pulsanti cliccabili come "Home" e "Chi siamo". Quando si fa clic su, questi pulsanti portano i visitatori alla pagina richiesta. Molte persone si rivolgono agli altri per creare tutti gli aspetti del loro sito web, ma se si ha accesso a Photoshop è possibile creare questi pulsanti di navigazione da soli.

istruzione

1 Delineare le vostre idee per la vostra barra di navigazione sulla carta prima di iniziare a lavorare in Photoshop. Avrete bisogno di un pulsante di navigazione per ogni grande sottopagina che la home page dovrebbe collegare. Decidere che tipo di aspetto che si desidera che il pulsante di avere. Ad esempio, si potrebbe desiderare pulsanti smussati che sono leggermente trasparente contro il sfondo della pagina web.

2 Aprire Photoshop. Selezionare "File" e fare clic su "Nuovo". Nella nuova finestra di dialogo documento che si apre, immettere la larghezza e l'altezza in pixel che desiderate per la vostra barra di navigazione. Rendere la risoluzione 72 e lo sfondo "trasparente". Fai clic su "OK".

3 Clicca sull'icona "Nuovo livello" nella parte inferiore del pannello "Livelli". Selezionare lo strumento "Selezione rettangolare" e utilizzarlo per creare l'area sulla tela in cui si desidera che il pulsante di navigazione (di solito questo è il tasto Home).

4 Cambiare il colore "di primo piano" nella parte inferiore della barra degli strumenti per il colore desiderato per il primo pulsante. Selezionare lo strumento "Secchiello" e riempire la selezione con il colore scelto.

5 Clicca sull'icona "FX" nella parte inferiore del pannello "Livelli". Dalle opzioni, selezionare "Smusso ed effetto rilievo." Nella finestra di dialogo, scegliere lo stile smussatura e la dimensione che si desidera utilizzare e fare clic su "OK".

6 Selezionate il livello nel pannello "Livelli" e ridurre l'opacità al 70 per cento.

7 Selezionare lo strumento "Testo" e digitare il testo per il pulsante.

8 Ripetere i passaggi da 3 a 7 per creare tutti i pulsanti di navigazione per la vostra barra di navigazione.

9 Selezionare lo strumento "Slice" e utilizzarlo per creare sezioni attorno ai pulsanti. Pulsante destro del mouse su ogni fetta e il nome.

10 Selezionare "File" e fare clic su "Salva per Web e dispositivi." Nella finestra di dialogo, scegliete GIF come tipo di file, fare clic su "Salva", nome il file e fare clic su "Salva". Ora avrete una cartella contenente le fette come immagini separate che è possibile caricare nel vostro editor di pagine web e aggiungere i collegamenti ipertestuali sottopagina.