Come creare una mappa immagine usando Photoshop

Passaggio 1

Apri l'immagine che utilizzerai per creare la tua mappa immagine in Photoshop. L'immagine dovrebbe essere già ottimizzata per Internet.

Passaggio 2

Accedi al componente Image Ready di Photoshop premendo "Shift-Ctrl-M" o facendo clic sul pulsante "Modifica in immagine pronta" nella parte inferiore della casella degli strumenti.

Passaggio 3

Premere il tasto "P" o selezionare l'icona dello strumento "Mappa immagine" nella toolbox standard per accedere allo strumento "Mappa immagine". Tieni premuto lo strumento "Mappa immagine" e vedrai una forma rettangolare, circolare o poligonale. Selezionare la forma che meglio si adatta all'area dell'immagine che si desidera utilizzare come punto attivo.

Passaggio 4

Utilizzando il mouse, fare clic sull'immagine e evidenziare l'area del punto attivo facendo clic e trascinando il mouse. Quando si rilascia il pulsante del mouse, Image Ready creerà un nuovo punto attivo sull'immagine.

Passaggio 5

Apri la finestra delle opzioni della mappa immagine facendo clic sul menu a discesa "Finestra" e selezionando "Mappa immagine". Utilizzare l'opzione "Nome" per nominare il punto attivo. Utilizzare il menu a discesa "URL" per evidenziare una pagina locale o inserire l'indirizzo di una pagina Web esterna per accedere attraverso questo punto attivo. Utilizza il menu a discesa "Destinazione" per evidenziare come si aprirà il tuo collegamento esterno. L'area "Alt" conterrà il testo che viene visualizzato quando un puntatore del mouse è posizionato su questo punto attivo.

Passaggio 6

Usa le opzioni "Dimensioni" per mettere a punto la posizione e le dimensioni del tuo punto attivo. X e Y indicano la posizione esatta del punto attivo utilizzando i pixel verticale e orizzontale. W e H ti permettono di definire la dimensione del tuo punto attivo usando un numero di pixel.

Passaggio 7

Ripeti i passaggi 4, 5 e 6 per ciascun punto attivo che desideri creare.

Passaggio 8

Premi "Ctrl-Shift-Alt-S" o seleziona il menu a tendina "File" e scegli "Salva ottimizzato come". Inserisci un nome file e assicurati che "HTML and images" appaia nella sezione "Salva come". Fare clic su "Salva" per completare il processo di archiviazione dei file. Questo crea un file HTML e una cartella associata per le immagini.

Passaggio 9

Fare clic sul file HTML appena creato per testare l'operazione della nuova mappa immagine.