Come progettare una pagina web in Photoshop

September 13

Come progettare una pagina web in Photoshop


La pagina web tipico è composto da vari elementi, ognuno dei quali di per sé è abbastanza semplice da creare. Spesso, questi elementi vengono creati in programmi di grafica separatamente e poi riuniti per la prima volta in un programma di pagina web di modifica, come Dreamweaver o Expression Web. Tuttavia, se si dispone di una copia di Adobe Photoshop, è possibile progettare la vostra pagina web direttamente in Photoshop, la creazione di ogni elemento esattamente dove si vuole fin dall'inizio. Questo ha anche il vantaggio di permettere di utilizzare le numerose funzioni e gli strumenti grafici di Photoshop durante la creazione della pagina.

istruzione

1 Salvare le immagini o grafica che si desidera utilizzare per la vostra pagina web (come ad esempio un logo) sul disco rigido del computer, o copiandoli da una macchina fotografica o altri supporti digitali. In alternativa, è possibile utilizzare uno scanner per la scansione di versioni stampate delle immagini.

2 Aprire Photoshop. Selezionare "File" dal menu e scegliere "Nuovo". Nella finestra di dialogo che appare ora, clicca su "preset". Tra le opzioni, scegliere "Web". Poi clicca su "Size" e dal menu delle opzioni scegliere la dimensione vuoi per la tua pagina, come ad as1024 x 768 o 800 x 600. Nome documento "YourName pagina web." Fare clic su "OK". Fare clic sul pulsante "Nuovo livello" sotto la palette "Livelli".

3 Selezionare lo strumento "Shape rettangolare" dalla tavolozza degli strumenti. Vai alle opzioni dello strumento che appaiono in alto, impostare la modalità di "Shape Layer" e scegliere il colore che si desidera come sfondo per la pagina Web banner. Ora disegnare la forma striscione sulla tela. Fare clic sul pulsante "Nuovo livello" di nuovo.

4 Ripetere il passaggio tre per creare le altre forme di base necessarie nella pagina Web, come i divisori o pulsanti di navigazione. Utilizzare lo stesso colore che si è utilizzato per il vostro banner sfondo per creare un tema colore generale per la pagina Web.

5 Selezionare "File" dal menu e scegliere "Apri". Nella finestra di dialogo che appare ora, passare alla posizione in cui è stato salvato le immagini nella Fase 1, e aprire la prima immagine che si desidera utilizzare.

6 Vai alla palette "Livelli" sul lato sinistro dello schermo, tenere premuto il tasto "CTRL" della tastiera e clicca sul anteprima immagine accanto al livello. Selezionare "Modifica" dal menu e scegliere "Copia".

7 Torna al documento "YourName pagina web". Selezionare "Modifica" dal menu e scegliere "Incolla". Utilizzare lo strumento "Move" e la funzione "Scala" che si trova sotto "Modifica" per posizionare l'immagine nel punto desiderato della pagina Web.

8 Ripetere i passaggi da 5 a 7 per importare tutte le immagini che si desidera utilizzare per la pagina Web.

9 Selezionate lo strumento "Tipo" dalla tavolozza degli strumenti. Appariranno le opzioni degli strumenti "tipo". Scegliere il tipo di carattere e il colore che si desidera per il vostro banner. Quindi digitare il testo sopra il banner. Ripetere questa operazione aggiungendo tutto il testo che serve per gli elementi della vostra pagina.

10 Selezionare lo strumento "Slice" dalla tavolozza degli strumenti. Utilizzare lo strumento per creare una fetta attorno alla bandiera e tutti i pulsanti. Fare clic destro su ogni fetta e scegliere "Proprietà". Nella finestra di dialogo, il nome ogni fetta. Selezionare "File" dal menu e scegliere "Salva per Web e dispositivi." Nella finestra di dialogo, scegliete GIF come tipo di file e fare clic su "Salva". Photoshop salverà una cartella contenente le immagini a fette e un file HTML è possibile caricare su il tuo sito web.


Articoli Correlati