Anche se i progettisti di solito usano Photoshop per creare immagini di opere d'arte e prodotto, il programma utilizzabile anche per la progettazione di pagine Web. Esso non supporta la creazione effettiva di HTML o CSS, ma invece fornisce strumenti per gli elementi grafici della pagina e della pianificazione aspetto della tua pagina. Fornisce anche un salvataggio strumento che specificamente ottimizza le immagini per internet.

Istruzioni

1

Creare un nuovo progetto in Photoshop. Le dimensioni del nuovo progetto dovrebbero essere quello della tua pagina Web. Scegliere una dimensione di pagina Web che è conforme ad una risoluzione di schermo comunemente utilizzati. Bare in mente che la pagina Web sarà accessibile ai computer con una varietà di risoluzioni dello schermo, però, modo da rendere certo che si progetta una pagina in modo che sia accessibile almeno per risoluzioni più basse.

2

Fare clic sullo strumento selettore colore nella barra degli strumenti e selezionare un colore di sfondo per la tua pagina Web. Selezionare lo strumento riempimento, quindi fare clic su progetto. Ora il progetto si riempirà con il colore di sfondo.

3

Vai al menu livelli e selezionare il nuovo livello. Creare le caselle di testo, tabelle e altri campi di colore su questo livello.

4

Selezionare lo strumento testo dalla barra degli strumenti e fare clic su uno dei campi di colore. Aggiungere qualsiasi testo che si desiderano vi sia sulla tua pagina Web. È possibile regolare lo stile e la dimensione del testo tramite un menu in alto a sinistra di Photoshop. Assicurarsi di aggiungere un titolo nella parte superiore della tua pagina a grandi caratteri.

5

Vai al menu livelli e selezionare nuovo livello nuovamente. Utilizzare questo nuovo livello per aggiungere tutte le immagini e altri elementi grafici alla tua pagina Web. Un bel logo dal titolo principale vi aiuterà per migliorarla. Per aggiungere immagini alla tua pagina Web, importarli in Photoshop tramite il menu File. Selezionare ogni immagine con lo strumento selezione rettangolare e fare clic con il pulsante destro sull'immagine. Selezionare Copia dal menu a discesa. Vai al tuo file di pagina Web e selezionare Incolla dal Menu Modifica. Si può fare clic e trascinare l'immagine in qualsiasi parte del vostro progetto.

6

Selezionare lo strumento sezione dalla barra degli strumenti. Lo strumento sezione piccoli blocchi della vostra immagine e tagli fino in una serie di immagini più piccole. Ciò è utile se si desidera avere un disegno unificato sulla tua pagina Web, ma con alcune parti che serve come pulsanti per i collegamenti.

7

Vai al menu File e selezionare Salva con nome Salva il progetto come un file PSD. Questo è nel caso in cui si desidera tornare indietro e apportare modifiche dopo aver effettuato la tua pagina Web.

8

Vai al menu livelli e selezionare Unisci visibili. Tutti i livelli saranno fusi in uno.

9

Vai al menu File e selezionare Salva per Web. Selezionare il tipo di immagine che si desidera utilizzare sulla tua pagina Web, preferibilmente JPEG o gif. Fare clic su Salva. Photoshop farà a fette ora la tua immagine un salvataggio ogni fetta come un'unica immagine in una cartella dedicata al progetto. È quindi possibile caricare ogni immagine in un editor di pagine Web, riassemblando le fette in un unificato tutta. È quindi possibile programmare singole sezioni di agire come pulsanti di collegamento.