Adobe Photoshop consente di gestire PSDs per il Web. Un file PSD è divisibile (affettato) in sezioni più piccole per ridurre le dimensioni di file su Internet. Quando un'immagine è tagliata, l'immagine originale rimane intatto. Ogni sezione viene convertito in un'immagine separata all'interno del file, tuttavia, così ogni fetta può puntare a un altro URL (indirizzo Web). Lo strumento "Selezione di sezioni" consente di modificare le fette in Photoshop. È possibile specificare dove ogni fetta si collega a e come il link si apre quando si fa clic. Photoshop genera il codice HTML per le fette pur mantenendo le loro impostazioni.

Istruzioni

1

Aprire il file PSD che si desidera modificare in Adobe Photoshop. Selezionare lo strumento "Sezione" la tavolozza "Strumenti".

2

Utilizzare il mouse per disegnare una casella intorno a un'area dell'immagine che si desidera tagliare e rendere cliccabili. Ripetere questo passaggio per creare sezioni aggiuntive.

3

Fare clic sullo strumento "Seleziona sezioni" la tavolozza "Strumenti".

4

Fare doppio clic la fetta che si desidera rendere cliccabili. Si apre la finestra di dialogo "Opzioni".

5

Andare al campo di testo "Nome". È pre-popolato con il nome del file PSD e un numero, ad esempio "myimage_01." Dare la fetta un nome più descrittivo che rappresenta il suo scopo. Ad esempio, se la fetta punta alla tua pagina dei contatti, si può denominarlo "contatto".

6

Andare al campo di testo "URL". Digitare l'indirizzo di sito Web che si desidera la sezione a cui collegarsi, ad esempio "http://www.mywebsite.com/contact.html."

7

Accedere alla finestra di destinazione nel campo di testo "Destinazione", ad esempio blank"per aprire il link in una nuova finestra.

8

Inserire una descrizione dell'immagine nel campo di testo "Tag Alt" e fare clic su "OK".

9

Ripetere i passaggi da quattro a otto per facilitare ulteriori sezioni cliccabili.

10

Selezionare "File" e "Salva per Web e dispositivi." Si apre la finestra "Save for Web & Devices". Scegliere la scheda "4-Up" nella parte superiore della finestra di dialogo, quindi selezionare il riquadro di anteprima che si desidera utilizzare per ridurre la dimensione del file.

11

Fare clic su "Salva". Si viene indirizzati alla finestra "Salva ottimizzato come" per salvare i file ottimizzati e generare il codice HTML.

12

Scegliere "HTML e immagini" per l'opzione "Format" nella parte inferiore della finestra di dialogo. Immettere il nome del file HTML che si desidera creare nel campo di testo "Nome File". Fare clic su "Salva".

13

Ridurre al minimo il Photoshop e individuare il file HTML salvato. Fare doppio clic sul file per caricarlo in un browser Web.

14

Fare clic su una sezione che include un collegamento URL (aggiunto nel passaggio 6). Il link si aprirà il percorso sito Web specificato.