Come progettare pagine web utilizzando Adobe Photoshop

April 3

Come progettare pagine web utilizzando Adobe Photoshop


Se si dispone di una copia di Photoshop, si può utilizzare progettare la 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.

istruzione

1 Decidere quali elementi che si desidera nella 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 Aprire Photoshop. Selezionare "File" dal menu e fare clic su "Apri". Nella finestra di dialogo che appare, cambiare il "?" a "Web". Dalla dimensione "Presets" di sotto di questa, scegliere le dimensioni della pagina Web che si desidera, come ad esempio 1024x768 o 800x600 pixel. Modificare il "fondo" per "trasparente". Fai clic su "OK".

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

4 Fare clic per posizionare un punto in cui si desidera un angolo del vostro banner. Quindi fare clic su altre 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 pulsanti di navigazione.

6 Selezionare uno degli strati con una grafica pulsante di navigazione in esso. Fare clic sul pulsante "FX" che si trova in fondo alla palette "Livelli". Dalle opzioni, scegliere "Smusso ed effetto rilievo." Nella finestra di dialogo che appare, scegliere "Smusso". Regolare le impostazioni fino a quando vi piace l'effetto nell'anteprima. Fai clic su "OK".

7 Fai clic destro sul livello corrente. Dalle opzioni, scegliere "copia stile livello." Pulsante destro del mouse su ciascuno degli altri livelli dei pulsanti. Dalle opzioni, scegliere "Incolla stile livello."

8 Selezionare "File" dal menu e scegliere "Apri". Nella finestra di dialogo che appare, individuare una delle immagini caricati e aprirlo. Fai clic destro sul livello e scegliere "Duplica livello" tra le opzioni visualizzate. Nella finestra di dialogo, rendere il documento pagina Web del "Destination." Ripetere questo con tutte le altre immagini.

9 Torna al documento pagina Web e utilizzare la funzione "Scale" (che si trova sotto la voce "Modifica") per ridimensionare le immagini di ciò che si desidera per la pagina. Quindi utilizzare lo strumento "Move" per posizionarli.

10 Selezionate lo strumento "Type" dagli strumenti. Scegliere la dimensione del carattere e il colore che si desidera e digitare tutto il testo, che comprende sia il testo principale della pagina, così come il testo per i pulsanti e banner.

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

12 Selezionare "File" e scegliere "Salva per Web e dispositivi." Nella finestra di dialogo che appare, scegliere GIF come tipo di file e fare clic su "Salva". Il vostro disegno pagina Web verrà salvato come sezioni di immagini separati ora si può assemblare in un editor di pagine Web.