Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> software >> Photoshop >> .

Come fare una pagina Web utilizzando Adobe Photoshop

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.

 

software © www.354353.com