Come progettare pagine web utilizzando Adobe Photoshop

Se si dispone di una copia di Photoshop , è possibile utilizzarlo progettare la tua pagina web e quindi aggiungere i tuoi contenuti . Questo ha il vantaggio di fornire un accesso a tutti gli strumenti di Photoshop come costruire la vostra pagina. Istruzioni
1

Decidere quali elementi si desidera sulla tua pagina , come ad esempio le immagini o la posizione e l'aspetto dei pulsanti di navigazione . Carica immagini si prevede di utilizzare sul computer .
2

Apri Photoshop . Selezionare "File " dal menu e fare clic su "Apri ". Nella finestra di dialogo che appare, cambiare il " ? " a " Web". Dalla dimensione "Preimpostazioni" di sotto di questo , scegliere il formato di pagina Web che si desidera , ad esempio 1024x768 pixel o 800x600 . Modificare il " fondo " su "Trasparente ". Fare clic su "OK".
3

Fare clic sul pulsante " Nuovo livello " al di sotto della " Livelli" tavolozza . Selezionate lo strumento " Penna " dagli strumenti . Vai alle opzioni in alto e impostare la modalità strumento per "riempire ". Scegliere il colore che si desidera per voi banner.
4

Fare clic per inserire un punto in cui si desidera un angolo del vostro banner. Quindi fare clic tre volte per creare gli altri angoli . Utilizzare i " governanti" per essere sicuri di ottenere le posizioni di destra .

5 Ripetere i passaggi 3-4 per creare tutte le altre forme necessari, con i tasti di navigazione .
6

Selezionare uno dei livelli con un pulsante di navigazione grafica in esso. Fare clic sul pulsante " FX " che si trova in fondo alla " Livelli" tavolozza . Tra le opzioni , scegliere " Smusso ed effetto rilievo . " Nella finestra di dialogo che appare, scegliere " Smusso interno . " Regolare le impostazioni fino a quando vi piace l' effetto in anteprima . Fare clic su " OK ".
7

pulsante destro del mouse sul livello corrente . Tra le opzioni , selezionare " Copia stile livello . " Fare clic destro su ciascuno degli altri livelli del pulsante . Tra le opzioni , scegliere "Incolla stile livello ".
8

Selezionare "File " dal menu e scegliere " Apri". Nella finestra di dialogo che viene visualizzata , individuare una delle immagini si è caricato e aprirlo. Fai clic destro sul livello e scegliere " Duplica livello " tra le opzioni che appaiono . Nella finestra di dialogo , fare la pagina del documento Web la " destinazione ". Ripetere questa operazione con tutte le altre immagini .
9

Torna al documento di una pagina Web e utilizzare la funzione "Scala" (che si trova sotto la voce " Modifica") per ridimensionare le immagini di ciò che si desidera per il pag . Quindi utilizzare lo strumento "Sposta" per posizionarli.
10

Selezionare la funzione " Tipo " dagli strumenti . Scegli la dimensione del carattere e il colore desiderato e digitare in tutto il testo, che include sia il testo principale della pagina e il testo per i pulsanti e banner.
11

Utilizzare la " fetta " strumento per dividere il disegno in sezioni. Quindi fare clic destro su ogni sezione e il nome .
12

Selezionare "File " e scegliere " Salva per Web o dispositivi. " Nella finestra di dialogo che appare, selezionare GIF come tipo di file e fare clic su "Salva ". La tua pagina Web design verrà salvato come sezioni di immagine separati ora si può assemblare in un editor di pagine web .