Come creare una pagina in Photoshop CS3

February 20

Anche se si tratta di diversi passaggi e una familiarità con gli strumenti di Photoshop, la creazione di una home page in Photoshop può essere fatto, a patto di avere una certa familiarità con la progettazione di interfacce. Photoshop è utile per la creazione di pagine Web grafiche pesanti, tipicamente utilizzati su una home page, o quello che è conosciuto come una mappa immagine. Una mappa immagine è una serie di immagini che possono essere impostati per creare collegamenti che funzionano come i pulsanti. Il vantaggio di utilizzare una mappa immagine progettato in Photoshop è che la vostra home page avrà un aspetto molto più attraente come un grafico invece di un mazzo di testo standard formattato.

istruzione

Crea il tuo Home Page in Photoshop

1 Aprire Photoshop. Fai clic su "File"> "Nuovo" per creare un nuovo file. Per le dimensioni, selezionare "preset Web" e scegliere 640 x 480 o superiore.

2 Seleziona i colori di disegno e il tema. Riempire il livello di sfondo con le vostre scelte di colore utilizzando strumenti di progettazione di Photoshop. Scegliere i colori utilizzando lo strumento Selettore colore, e inserire il tuo sfondo andando sul menù: Fai clic su "Modifica"> "Fill"> "primo piano / sfondo di colore."

3 Aggiungere testo e caratteri scelte sotto forma di pulsanti utilizzando il tema del colore. Selezionate lo strumento testo, disponibile nella barra degli strumenti, oppure selezionare la finestra Type ( "Finestra"> "carattere") per visualizzare le opzioni. Utilizzare lo strumento Testo per creare un layout di base per cui vuoi i pulsanti, link e altro testo per essere incorporato nel vostro disegno. Per profondità di immagine in più e valorizzazione estetica, aggiungere effetti di testo quali ombre esterne al vostro stile di livello. Accedere gli effetti di tipo andando sul menù: ". Ombra" "Layer"> "stili di livello">

4 Incorporare le immagini e logo nel vostro disegno home page. Colora le immagini per abbinare il vostro disegno, e regolare metodi di fusione, la trasparenza del livello e posizionamento dell'immagine finché non si è soddisfatti con l'interfaccia del vostro disegno home page. Regolare i colori andando sul menù: ". Bilanciamento colore" "Immagine"> "Regolazione"> Si può regolare la trasparenza delle immagini accedendo alla funzione di opacità, che si trova nella parte superiore della palette Livelli. Il menu metodo di fusione è accessibile anche nella palette Livelli.

5 Effettuare le eventuali rettifiche aggiuntive al design della home page utilizzando strumenti di progettazione di Photoshop.

6 Fai clic su "File"> "Salva con nome" e salvare l'immagine come file PSD.

Fare il vostro disegno pagina funzionale come una pagina Web

7 Tagliate la vostra immagine di rompere il vostro visual design in parti di una mappa immagine, scegliendo lo strumento sezione, che si trova nella casella degli strumenti. Dividere l'immagine in una griglia con le scatole, mettendo fette (in forma di quadrati o rettangoli) oltre pulsanti, grafica e in altre parti del vostro disegno.

8 Scegliete lo strumento selezione sezioni per ulteriori opzioni, che si trova nel menu strumento Slice. Un sottomenu verrà visualizzato nella parte superiore dello schermo con varie opzioni per regolare l'immagine affettare.

9 Collegare le immagini ad altre pagine. Scegliere lo strumento selezione sezioni. Fare clic sulla piccola icona in alto a destra di gran lunga che assomiglia a un documento di casella di testo per aprire una finestra che consente di regolare i link e gli URL (indirizzi di pagine web) per ogni fetta. Questo vi permetterà di creare collegamenti ipertestuali (pulsanti che portano ad altre pagine Web) dall'immagine.

10 Inizia a esportare le fette di immagine e impostazioni di collegamento immagine. Fai clic su "File"> "Salva per Web e dispositivi" per aprire la finestra di esportazione. Doppio verificare le impostazioni facendo clic sulla freccia sottomenu su "Modifica impostazioni di output," e regolare, se necessario.

11 Regolare le impostazioni, mentre ancora nella finestra di dialogo Salva. Scegliere la cartella in cui si desidera che i file delle mappe immagine per andare. Scorrere fino a "Formato" e selezionare "HTML e immagini." Fai clic su "Salva" per salvare la mappa immagine. Ciò esportare il file HTML (utilizzato per la visualizzazione della mappa immagine sul Web) nella cartella directory principale, così come creare automaticamente una cartella separata per le immagini in cui i diversi elementi grafici (determinate dalle impostazioni di slice) si spegne.

12 Per testare la pagina Web, aprire il browser, aprire la nuova cartella e fare clic sul file HTML.

Consigli e avvertenze

  • È possibile modificare il file HTML manualmente, se necessario.

Articoli Correlati