Adobe Photoshop permette di creare un design unico per una pagina Web. Potenti strumenti grafici ed effetti di Photoshop è possibile fornire agli utenti con controllo completo sul layout, colori e immagini. Invece di confondersi con codifiche complesse e altri script, è possibile pianificare e creare il design Web completo in Photoshop e poi esportarli facilmente sul Web attraverso un programma di HTML.

Istruzioni

1

Usare Photoshop per aprire il logo o l'immagine che si desidera utilizzare come immagine principale sulla tua pagina Web.

2

Decidere su una combinazione di colori per la tua pagina Web, utilizzando l'immagine come guida. Il pannello strumenti, selezionare lo strumento contagocce. Portare il contagocce sopra un colore sulla vostra immagine. Clicca e lo strumento avrà un campione del colore che appena selezionato. Sarete in grado di visualizzare informazioni specifiche, ad esempio il numero RGB, del colore nel pannello "Colore". Prendere nota del numero di RGB specifico di ogni colore che si campione. Continuare utilizzando lo strumento contagocce per campionare i vari colori sulla vostra immagine. Dopo voi hanno provato parecchi colori, selezionare almeno tre colori che si desidera utilizzare come lo schema di colorazione per la tua pagina Web. I colori dovrebbero contrasto uno con l'altro ed essere leggero, medio e scuro.

3

Andare su "File" nel menu di navigazione principale di Photoshop. Selezionare "Nuovo..." e creare un nuovo documento con una larghezza di 600 pixel e un'altezza di 300 pixel. Questo sarà il banner principale e navigazione intestazione per la tua pagina Web.

4

Decidere il tipo di carattere per la tua pagina. Pensare l'idea che si vuole trasmettere. Vai al pannello di strumento e selezionare il pulsante "Testo". Trascinare il mouse per creare un rettangolo sul nuovo documento. Digitare il testo dell'intestazione Web. Evidenziare il testo che hai appena scritto e poi vai a opzioni di testo nella parte superiore di Photoshop. Provare formati e i tipi di carattere diversi e sperimentare con il colore del testo e allineamento finché non siete soddisfatti. Utilizzare lo strumento "Sposta" nel pannello di strumento per spostare il testo di intestazione nella posizione desiderata nel documento.

5

Creare uno sfondo per il tuo nuovo banner utilizzando uno dei colori dalla vostra combinazione di colori predeterminati. Passare alla finestra livelli e selezionare il pulsante di "Riempire o livello di regolazione" sul fondo. Fare clic su "Tinta unita" e immettere le informazioni RGB che hai tolto circa il colore che si desidera utilizzare. Lo strato copriranno il testo che avete scritto nel passo precedente. Nel pannello livelli, trascinate il livello di "Tinta unita" appena creato in modo che è sotto il livello "Testo". Il colore dovrebbe essere in background.

6

Assicurarsi che il file di "Testo" è selezionato nel pannello livelli. Quindi selezionare il vostro logo o un file grafico in modo che viene alla ribalta. Nel pannello strumenti, fare clic sullo strumento sposta, che dovrebbe essere in cima. Il nuovo documento di pagina Web, trascinare l'immagine del logo. Immediatamente dovrebbe essere creato un nuovo livello il vostro documento con il vostro logo. Con il vostro logo livello selezionato, fare clic sul pulsante "fx" il pannello livelli. Fare clic su "opzioni di fusione... "e provare varietà di Photoshop di fusione strumenti per aiutare il vostro logo perfettamente il colore di sfondo.

7

Vai a "Layer" nel menu di navigazione superiore e selezionare «Nuovo livello». Vai al pannello di strumento e selezionare lo strumento testo. Trascinare il mouse sopra l'area dove si desidera creare collegamenti ipertestuali per la tua pagina Web. Aggiungere il testo per la vostra navigazione utilizzando una dimensione più piccola del tipo di carattere utilizzato in precedenza per creare l'intestazione.

8

Andare su "File" e fare clic su "Salva per Web". Il menu a discesa in alto, seleziona il formato che si desidera salvare il file (. jpg,. png o gif). Photoshop salverà e ottimizzare il tuo banner per il Web.

9

Aprite il vostro editor HTML e creare un nuovo documento HTML contenente una tabella con cinque righe e una colonna. Inserire il tuo banner in prima fila. Creare una mappa immagine per ciascuna delle tue parole navigazione e aggiungere la destinazione del collegamento. Le restanti quattro righe possono essere riempite con il testo della pagina Web.

Consigli & Avvertenze

• Prendetevi il tempo per esplorare veramente tutte le caratteristiche grafiche in Photoshop. Utilizzare maschere, pennelli, filtri, livelli di colore e molti altri strumenti per creare un design unico e personale.