Come progettare una pagina Web in Photoshop

Il Webpage tipico è composto da vari elementi , ciascuno 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 - editing come Dreamweaver o Expression Web . Tuttavia, se si dispone di una copia di Adobe Photoshop , è possibile progettare la vostra pagina web direttamente in Photoshop , creando ogni elemento esattamente dove vuoi che fin dall'inizio. Questo ha anche il vantaggio di permettere di utilizzare le numerose funzioni grafiche e strumenti di Photoshop durante la creazione della pagina . Istruzioni
1

salvare eventuali immagini o grafica che si desidera utilizzare per la tua pagina web ( ad esempio il logo ) sul disco rigido del vostro 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

Apri Photoshop . Selezionare " File " dal menu e scegliere " Nuovo ". Nella finestra di dialogo che appare , fare clic su " Impostazioni predefinite ". Tra le opzioni , selezionare "Web ". Quindi fare clic su " Dimensioni " e dal menu opzioni scegliere le dimensioni desiderate per la vostra pagina , come ad as1024 x 768 o 800 x 600 . Assegnare un nome al documento " Pagina Web YourName . " Fare clic su "OK ". Clicca sul pulsante " Nuovo livello " sotto la " Livelli" tavolozza .
3

Seleziona il & ldquo , rettangolare Forma " strumento dalla tavolozza degli strumenti . Vai alle opzioni che appaiono in alto , impostare la modalità su " Shape Layer" e scegliere il colore che volete come sfondo per la vostra pagina Web banner . Ora disegnare la forma striscione sulla tela . Fare clic sul pulsante " Nuovo livello " di nuovo .
4

Ripetere il passaggio da tre a creare le altre forme di base necessarie alla vostra pagina Web , come divisori o pulsanti di navigazione . Utilizzare lo stesso colore che hai usato per il tuo banner sfondo per creare un tema generale di colore per la vostra pagina web.
5

Selezionare " File " dal menu e scegliere " Apri. " Nel finestra di dialogo che appare , andare al percorso in cui avete salvato le immagini nel passo 1 , e aprire la prima immagine che si desidera utilizzare .
6

Vai " Livelli" palette sul lato sinistro dello schermo , tenere premuto il tasto " CTRL " sulla tastiera e fare clic su anteprima immagine accanto al livello . Selezionare "Modifica" dal menu e scegliere " Copia".
7

Torna alle " Webpage YourName " documento . Selezionare "Modifica" dal menu e scegliere "Incolla ". Utilizzare lo strumento "Sposta" e la funzione "Scala " che si trova sotto la voce " Modifica" per posizionare l'immagine nel punto desiderato sulla pagina web .
pagina 8

Ripetere i passaggi da 5 a 7 per importare tutte le immagini che si desidera utilizzare per la vostra pagina web.
9

Selezionate lo strumento "Tipo" dalla tavolozza degli strumenti . Apparirà il "tipo" opzioni dello strumento . Scegliere il tipo di carattere e il colore che si desidera per il vostro banner. Quindi digitare il testo sopra il banner . Ripetere questo punto aggiungere tutto il testo necessario per gli elementi della pagina .
10

Selezionate lo strumento " Slice" dalla tavolozza degli strumenti . Utilizzare lo strumento per creare una fetta attorno tutti i pulsanti di bandiera e . Fare clic destro su ogni fetta e scegli "Proprietà ". Nella finestra di dialogo , il nome di ogni fetta . Selezionare "File " dal menu e scegliere " Salva per Web o 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 HTML file È possibile caricare sul vostro sito web .