Come creare un sito web professionale di intestazione in Photoshop

May 8

Se si desidera un sito web più professionale, è necessario disporre di un colpo di testa decente cercando. Non è necessario assumere un web designer e pagare un sacco di soldi, però: è possibile creare un'intestazione sito web professionale in Photoshop in pochissimo tempo e aggiungerlo al tuo sito web in pochi semplici passi. È possibile creare l'intera intestazione utilizzando Photoshop, quindi inserirla come immagine di sfondo in una tabella nella parte superiore del tuo sito web, proprio sotto il </ head> tag.

istruzione

1 Aprire Photoshop e creare una nuova immagine. Impostare le dimensioni dell'immagine a 1025 per 150 pixel (la dimensione dell'intestazione media sito web) o la dimensione del tuo sito web. Utilizzare gli strumenti di immagine a grandezza naturale per impostare l'immagine per la dimensione necessaria.

2 Selezionate lo strumento rettangolo arrotondato e spostare il puntatore in alto a sinistra dell'immagine. Sinistro del mouse e disegnare un grande rettangolo per tutta la larghezza dell'immagine. Questo definirà l'esterno della vostra testata.

3 Selezionare ", Layer" "e scegliere" "Stile livello Aggiungere Ombra" tra le opzioni elencate. Nella nuova finestra pop-up, selezionare la casella di controllo accanto a "Ombra, Bagliore interno e Bagliore esterno." Quindi scegliere l'opzione "smussatura". Il vostro rettangolo sarà ora designato in modo professionale, con un'ombra che aggiunge profondità.

4 Fare clic sull'icona "Layer" per aggiungere un nuovo livello.

5 Aprire lo strumento testo e trascinarlo in alto a sinistra dell'immagine. Quindi digitare il nome del tuo sito web. Regolare la dimensione del carattere e il colore e aggiungere uno stile utilizzando gli strumenti di testo option sulla barra di navigazione superiore.

6 Selezionate lo strumento rettangolo e sinistro del mouse nel lontano, in alto a destra. Trascinare il puntatore nella parte superiore della testata per creare un più piccolo, barra di navigazione superiore.

7 Fare clic sullo strumento "Selezione diretta" e selezionare il rettangolo di sinistra-clic su di esso con il puntatore. Piccole piazze appariranno sugli angoli. Clicca in basso a sinistra della forma e trascinarla verso destra, creando un bordo angolato su questa barra di navigazione.

8 Scegliere lo strumento "Fill" per aggiungere colore alla barra di navigazione superiore. Aggiungere effetti, se si vuole.

9 Tagliare e ritagliare l'immagine per le dimensioni esatte desiderate con lo strumento "Crop".

10 Fai clic su "File" e "Salva per Web e dispositivi" e salvare l'immagine. Poi caricarlo il file "Immagini" nel tuo sito web.

11 Aggiungere l'immagine alle tue pagine web come immagine di sfondo nella prima riga della tabella superiore del tuo sito web. Apparirà come l'intestazione.

Consigli e avvertenze

  • Aggiungere una navigazione testo nella riga della tabella in modo che apparirà sopra il piccolo rettangolo che si è creato. Basta usare tag <td> per spostare il testo attraverso la riga della tabella. In questo modo, è possibile aggiungere qualsiasi testo aggiuntivo è necessario includere nella vostra intestazione, in righe o colonne l'immagine di sfondo attraverso, che è la vostra nuova intestazione sito web.