Anche se si tratta di diversi passaggi e una familiarità di base con gli strumenti di Photoshop, creazione di una home page in Photoshop può essere fatto, purché che si disponga di una certa familiarità con la progettazione dell'interfaccia. Photoshop è utile per la creazione di pagine Web grafica-pesante, in genere utilizzati su una home page, o ciò che è noto come mappa immagine. Una mappa immagine è un insieme di immagini che possono essere impostate per creare collegamenti che funzionano come pulsanti. Il vantaggio di utilizzare una mappa immagine progettata in Photoshop è che la tua home page sarà molto più attraente come un elemento grafico anziché un mucchio di testo formattato standard.

Istruzioni

Crea la tua Home Page in Photoshop

1

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

2

Selezionare il disegno colori e tema. Riempire il livello di sfondo con le vostre scelte di colore utilizzando strumenti di progettazione di Photoshop. Scegliere i colori usando lo strumento prelievo colore e riempire il vostro sfondo andando al menu: fare clic su "Modifica" > "Riempimento" > "Colore primo piano/sfondo."

3

Aggiungere testo e font scelte sotto forma di pulsanti utilizzando il vostro tema di colore. Selezionate lo strumento testo, disponibile nella barra degli strumenti o selezionare la finestra di tipo ("Finestra" > "Carattere") per visualizzare le opzioni. Utilizzare lo strumento testo per creare un layout di base per cui desideri tuoi pulsanti, collegamenti e altro testo occorre integrare nel vostro disegno. Per profondità di immagine supplementare e miglioramento estetico, aggiungere effetti quali ombreggiature di testo al vostro stile di strato. Accedere gli effetti di tipo accedendo al menu: "Livello" > "Stili di livello" > "Ombra."

4

Incorporare il tuo logo e immagini nel vostro disegno di home page. Colorare le immagini per abbinare il vostro disegno e regolare la modalità di fusione, trasparenza del livello e posizionamento dell'immagine finché non siete soddisfatti con l'interfaccia del vostro disegno di home page. Regolare i colori andando al menu: "Immagine" > "Regola" > "Bilanciamento colore". È possibile regolare la trasparenza delle immagini accedendo la caratteristica opacità, trovata nella parte superiore della palette livelli. Il menu modalità di fusione è anche accessibile nella palette livelli.

5

Apportare le modifiche aggiuntive al design della tua home page utilizzando strumenti di progettazione di Photoshop.

6

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

Fare il vostro disegno di Home Page funzionale come una pagina Web

7

Affettare la tua immagine per suddividere la struttura visiva in varie parti di una mappa immagine scegliendo lo strumento sezione, trovato nella casella degli strumenti. Dividere l'immagine in una griglia con le caselle, posizionando fette (in forma di quadrati o rettangoli), pulsanti, grafica e altre parti del vostro disegno.

8

Scegliete lo strumento selezione sezioni per ulteriori opzioni, che si trova sotto il menu di strumento di sezione. Nella parte superiore dello schermo con varie opzioni per regolare la vostra immagine affettare, apparirà un sottomenu.

9

Collegare le immagini ad altre pagine. Scegliete lo strumento selezione sezioni. Fare clic sulla piccola icona all'estrema destra che assomiglia ad un documento di casella di testo per aprire una finestra che consente di regolare il link e sugli URL (indirizzi Web) per ogni sezione. Questo vi permetterà di creare collegamenti ipertestuali (pulsanti che portano ad altre pagine Web) dall'immagine.

10

Inizia a esportare le sezioni di tipo immagine e impostazioni di collegamento di immagine. Fare clic su "File" > "Salva per Web e dispositivi" per aprire la finestra di esportazione. Ricontrollare le impostazioni facendo clic sulla freccia di sottomenu su "Modifica impostazioni di Output" e regolare, se necessario.

11

Regolare le impostazioni mentre ancora nella finestra di dialogo Salva. Scegliere la cartella a cui si desidera che i file di mappa immagine di andare. Scorrere fino a "Formato" e selezionare "HTML e immagini." Fare clic su "Salva" per salvare la mappa immagine. Questo verrà Esporta file HTML (utilizzato per la visualizzazione la mappa immagine sul Web) per la cartella della directory principale, nonché creare automaticamente una cartella separata per le vostre immagini dove andrà la grafica diversa (determinata dalle impostazioni del fetta).

12

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

Consigli & Avvertenze

• È possibile modificare manualmente il file HTML se necessario.