Hvordan lage en PSD fil Klikkbart

Adobe Photoshop hjelper deg med å administrere PSD for web. En PSD-fil kan deles (skiver) i mindre deler for å redusere filstørrelsen på Internett. Når et bilde skiver, forblir det opprinnelige bildet intakt. Hver skive er omgjort til et eget bilde i den filen, men så hver skive kan peke til en annen URL (nettadresse). Den "Slice Select" -verktøyet kan du endre skiver i Photoshop. Du kan angi hvor hver skive linker til og hvordan koblingen skal åpnes når den blir klikket. Photoshop genererer HTML-koden for skivene og samtidig beholde sine innstillinger.

Bruksanvisning

1 Åpne PSD-filen du ønsker å endre i Adobe Photoshop. Velg "Slice" verktøy fra "Tools" paletten.

2 Bruk musen til å tegne en boks rundt et område av bildet du vil skjære og lage klikkbare. Gjenta dette trinnet for å opprette flere skiver.

3 Klikk på "Slice Select" -verktøyet fra "Tools" paletten.

4 Dobbeltklikk stykket du ønsker å lage klikkbare. Den "Slice Alternativer" i dialogboksen åpnes.

5 Gå til "Name" tekstfeltet. Den er forhåndsutfylt med navnet på PSD-fil og et tall, for eksempel "myimage_01." Gi stykket et mer beskrivende navn som representerer sin hensikt. For eksempel, hvis slice peker på kontaktsiden, kan du kalle det "kontakt".

6 Gå til "URL" tekstfeltet. Skriv inn adressen til webområdet du vil stykket å linke til, for eksempel "http://www.mywebsite.com/contact.html."

7 Skriv inn målet vindu inn i "Target" tekstfeltet, for eksempel "_blank" for å åpne linken i et nytt vindu.

8 Sett inn en bildebeskrivelse inn i "Alt Tag" tekstfeltet og klikk "OK."

9 Gjenta trinn 4-8 for å gjøre flere skiver klikkbare.

10 Velg "File" og "Save for Web og enheter." Den "Save for Web & Devices" åpnes. Velg "4-Up" øverst i dialogboksen, og velg deretter forhåndsvisningsruten du vil bruke for å redusere filstørrelsen.

11 Klikk på "Lagre". Du er rettet til "Lagre optimalisert som" -vinduet for å lagre optimaliserte filer og generere HTML-koden.

12 Plukk "HTML og bilder" for "Format" alternativet nederst i dialogboksen. Skriv inn navnet på HTML-filen du ønsker å lage inn i "File name" tekstfeltet. Klikk på "Lagre".

1. 3 Minimer Photoshop og finn HTML-filen du lagret. Dobbeltklikk på filen for å legge det i en nettleser.

14 Klikk på en skive som inneholder en URL-kobling (lagt i trinn seks). Linken vil åpne for nettstedet angitte stedet.