Come fare un file PSD cliccabile

April 27

Come fare un file PSD cliccabile


Adobe Photoshop consente di gestire PSD per il Web. Un file PSD può essere diviso (fette) in sezioni più piccole per ridurre le dimensioni dei file su Internet. Quando un'immagine viene affettato, l'immagine originale rimane intatta. Ogni fetta è convertita in un'immagine separata all'interno di quel file, comunque, in modo che ogni fetta può puntare a un URL diverso (indirizzo web). Lo strumento "selezione sezioni" consente di modificare le fette in Photoshop. È possibile specificare dove ogni fetta collegamenti da e come il link si apre quando si fa clic. Photoshop genera il codice HTML per le fette, pur mantenendo le proprie impostazioni.

istruzione

1 Aprire il file PSD che si desidera modificare in Adobe Photoshop. Selezionare lo strumento "Slice" dalla palette "Strumenti".

2 Usa il mouse per disegnare una casella intorno ad una zona dell'immagine che si desidera tagliare e rendere cliccabile. Ripetere questo passaggio per creare sezioni aggiuntive.

3 Fare clic sullo strumento "selezione sezioni" dalla palette "Strumenti".

4 Fare doppio clic sulla sezione che si desidera rendere cliccabile. Si apre la finestra di dialogo "Opzioni sezione".

5 Vai al campo di testo "Nome". E 'pre-compilato 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 i punti fetta alla tua pagina di contatto, si può chiamarlo "contatto".

6 Vai al campo di testo "URL". Digitare l'indirizzo del sito che si desidera la fetta di collegamento a, come ad esempio "http://www.mywebsite.com/contact.html."

7 Inserire la finestra di destinazione nel campo di testo "Target", come "_blank" per aprire il link in una nuova finestra.

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

9 Ripetere i passaggi 4-8 per rendere fette ulteriori cliccabile.

10 Selezionare "File" e "Salva per Web e dispositivi." Si apre la finestra "Salva per Web e dispositivi". Selezionare la scheda "4-up" nella parte superiore della finestra di dialogo, quindi selezionare il riquadro di anteprima che si desidera utilizzare per ridurre le dimensioni del file.

11 Fai clic su "Salva". Si viene indirizzati alla "Salva ottimizzato come" finestra 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. Inserire il nome del file HTML che si desidera creare nel campo di testo "Nome file". Fai clic su "Salva".

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

14 Fare clic su una fetta che include un collegamento URL (aggiunto in fase di sei). Il link verrà aperto alla posizione sito web specificato.


Articoli Correlati