Adobe Photoshop rende facile creare un design unico per una pagina web. Potenti strumenti ed effetti grafici di Photoshop offrono agli utenti un ampio controllo sul layout , colori e immagini . Invece di ottenere confuso con codifica complesse e altri script , è possibile pianificare e creare il vostro Web design completo in Photoshop e quindi facilmente esportarli sul Web attraverso un programma di HTML . Cose che ti serviranno
Computer Logo o principale grafico
Adobe Photoshop
editor HTML come Adobe Dreamweaver
Mostra più istruzioni
1

usare Photoshop per aprire il logo o l'immagine che si desidera utilizzare come principale grafico sulla vostra pagina web.
2

Decidere su una combinazione di colori per la vostra pagina web , usando l'immagine come guida. Sul pannello strumenti , selezionate lo strumento contagocce . Portare il contagocce sopra un colore sull'immagine. Clicca e lo strumento avrà un campione del colore appena selezionato . Sarete in grado di vedere le informazioni specifiche , come ad esempio il numero di RGB , il colore nel pannello "Colore" . Prendete nota del numero RGB specifico di ogni colore che si campione. Continuare a utilizzare lo strumento Contagocce per campionare i vari colori sulla vostra immagine . Dopo aver provato diversi colori , selezionare almeno tre colori che si desidera utilizzare come schema di colorazione per la vostra pagina web. I colori dovrebbero contrastare l'un l'altro e di essere chiaro, medio e scuro .
3

Vai su " File" nel menu di navigazione principale di Photoshop . Selezionare " Nuovo ..." e creare un nuovo documento con una larghezza di 600 pixel e un'altezza di 300 pixel . Questo sarà il banner principale e colpo di testa di navigazione per la vostra pagina web.
4

Decidere il tipo di carattere per la tua pagina . Pensate l' idea che si vuole trasmettere . Vai al pannello Strumenti e selezionare il pulsante "Testo" . Trascinare il mouse per creare un rettangolo sul nuovo documento . Digitare il testo della vostra testata web . Evidenziare il testo che hai appena scritto e poi andare alle opzioni di testo nella parte superiore del Photoshop. Provare diversi tipi di font e dimensioni, e sperimentare con il colore del testo e l'allineamento fino a quando si è soddisfatti . Utilizzare lo strumento "Sposta" nel pannello di strumento per spostare il testo di intestazione a cui si desidera che il documento.
5

Creare uno sfondo per il vostro nuovo banner utilizzando uno dei colori dal vostro predeterminato combinazione di colori. Andare alla finestra Livelli, quindi selezionare il pulsante in basso " livello di regolazione o riempimento " . Fare clic su " Solid Color " e inserire le informazioni RGB si ha verso il basso per il colore che si desidera utilizzare . Il livello sarà ora coprire il testo che hai scritto nel passaggio precedente . Nel pannello Livelli , trascinare il " colore solido" livello appena creato in modo che sia sotto il livello "Testo" . Il colore dovrebbe essere in background.
6

Assicurati che il file "Testo" è selezionato nel pannello Livelli . Quindi selezionare il vostro logo o il file grafico in modo che si tratta di prima linea . Nel pannello Strumenti , fare clic sullo strumento mossa , che dovrebbe essere al top . Trascina la tua immagine del logo sul vostro nuovo documento di una pagina web . Un nuovo strato deve immediatamente essere creato sul documento con il vostro logo . Con il vostro logo strato selezionato, fare clic sul pulsante " fx " sul pannello Livelli. Fare clic su " Opzioni di fusione ... " e provare varietà di Photoshop di strumenti di fusione per aiutare il vostro logo corrisponde perfettamente al colore di sfondo .
7

Vai su " Layer" nel menu in alto di navigazione e selezionare " Nuovo livello. " Vai al pannello degli strumenti e selezionare lo strumento testo . Trascinare il mouse sopra l'area in cui si desidera creare link di navigazione per la tua pagina web . Aggiungere il testo per la navigazione con una dimensione più piccola del font utilizzato in precedenza per creare l'intestazione .
8

Vai su " File" e cliccare su " Salva per Web ". Nel menu in alto a discesa , selezionare il formato che si desidera salvare il file ( . Jpg , . Png o . Gif ) . Photoshop consente di risparmiare e ottimizzare il tuo banner per il web.
9

Aprite il vostro editor HTML e di creare un nuovo documento HTML che ha un tavolo con cinque righe e una colonna . Inserisci il tuo banner in prima fila . Creazione di una mappa immagine per ciascuna delle vostre parole di navigazione e aggiungere la destinazione del link . I restanti quattro righe possono essere riempite con il testo pagina web.