Come fare un sito web banner in Photoshop

January 17

Se il vostro sito ha bisogno di un banner personalizzato, è possibile progettare uno in pochi minuti utilizzando Adobe Photoshop. Scegli i tuoi colori, dimensioni, font, grafica e qualsiasi tocchi personali che avete bisogno di fare veramente il banner proprio. Questo aggiungerà personalità al tuo sito web e consentire un maggior grado di controllo creativo. Prendetevi un momento per familiarizzare con le molte opzioni di editing disponibili in Photoshop, e iniziare a creare il vostro banner.

istruzione

1 Creare un nuovo progetto di Photoshop. Fare clic sull'icona "Photoshop" per aprirlo, quindi fare clic su "File" dalla barra dei menu e selezionare "Nuovo" dal menu a discesa. Una finestra pop-up apparirà con una serie di opzioni per il nuovo progetto.

2 Inserire un formato per il vostro banner nella "larghezza" e "altezza" scatole sul tuo finestra pop-up. Per un sito web striscione di serie, provare 780 px per 120 px. Per i più piccoli banner, provare 468x60. Fai clic su "OK" quando hai finito. Il tuo nuovo progetto verrà visualizzato in una finestra.

3 Scegliere un colore per lo sfondo. Fare clic sulla casella "Colore di primo piano" nella parte inferiore della palette "Strumenti" e scegliere un colore dai campioni disponibili. Se non vedi la tavolozza "Strumenti", fai clic su "Window" nella barra del menu e selezionare "Strumenti" dal menu a discesa.

4 Riempire la vostra immagine con il colore selezionato. Fai clic su "Modifica" nella barra del menu e selezionare "Fill" dal menu a discesa. Assicurarsi di selezionare "Colore di primo piano" nella finestra pop-up e fare clic su "OK" per riempire la vostra immagine. Se si preferisce utilizzare l'immagine come sfondo, aprire l'immagine come un documento di Photoshop a parte, cliccare e tenere premuto utilizzando il "Move Tool" e trascinarlo direttamente sul vostro documento banner.

5 Aggiungere il titolo del tuo sito web per il tuo banner. Fare clic sullo strumento "Testo", che si presenta come una lettera "T" sulla tavolozza "Strumenti", e cliccare con il mouse al centro del vostro banner. Quindi digitare il nome del tuo sito web e premere "Invio". È possibile scegliere il tipo di carattere e la dimensione accedendo alle opzioni che appaiono nella parte superiore dello schermo, appena sotto la barra dei menu.

6 Usa il tuo strumento "Move" per trascinare il testo lungo l'immagine fino a quando non appare perfettamente centrato a proprio piacimento.

7 Rendere il testo spiccano. Individuare il pannello "Livelli" e fare doppio clic sul livello contenente il testo. Le opzioni "Layer Style" appariranno. Se il pannello "Livelli" non appare sullo schermo, fai clic su "Finestra" sulla barra dei menu e selezionare "Layers".

8 Aggiungere effetti alle testo utilizzando la finestra "Stile livello". Se si fa clic su "Ombra", apparirà un'ombra realistica sotto il testo. Se si fa clic su "Smusso ed effetto rilievo," il testo assumerà una qualità tridimensionale. Se si sceglie "Stroke", apparirà un bordo luminoso intorno al testo. Esperimento con diversi effetti fino a quando il testo appare giusto.

9 Centrare il testo. Scegli il tuo strumento "Move" dal pannello "Strumenti" e trascinare il testo compilato al punto esatto in cui si desidera che appaia il vostro banner, a destra oa sinistra o giustificato al centro.

10 Aggiungere grafica e immagini per il tuo banner. Se si dispone di un logo aziendale, un sito web insegne o solo un semplice pezzo di clip art che si desidera inserire nel vostro banner, aprirlo come un documento di Photoshop separato e trascinare l'immagine sul vostro banner con lo strumento "Move". È inoltre possibile utilizzare lo strumento "Move" per situare l'immagine esattamente dove si desidera che appaia.

11 Salva il tuo banner. Fai clic su "File" sulla barra dei menu e selezionare "Salva" dal menu a discesa. Quando viene richiesto di scegliere un formato, selezionare un formato web-friendly come ad esempio ".jpg" o ".gif".