Hvordan opretter jeg et hyperlink i Photoshop?

...

Opret to eller flere klikbare områder ved at tilføje nye udsnit i Photoshop.

Billedkredit: Billede udlånt af Adobe.

Ved at bruge udsnitsværktøjet i Adobe Photoshop CC kan du lave ethvert billede eller en del af et billede til et klikbart hyperlink. Fangsten ved denne funktion er, at for at få hyperlinket til at fungere, skal du gemme billedet som en HTML-fil i stedet for en almindelig JPG eller PNG. Heldigvis er dette en funktion, som alle kan bruge, selvom du ikke er ekspert i kodning. Photoshop opretter HTML-koden for dig og indlejrer billedet i et webvenligt billedformat.

Trin 1

...

Vælg "Slice Tool".

Billedkredit: Billede udlånt af Adobe.

Åbn ethvert billede i Photoshop. Ideelt set bør det være noget stort nok til at dukke op godt i en webbrowser. Vælg "Slice Tool" fra værktøjskassen. Hvis det ikke er synligt, skal du klikke og holde det nederste højre hjørne af beskæringsværktøjet eller et andet værktøj i dens gruppe, der er synligt, og derefter vælge "Udsnitsværktøjet".

Dagens video

Trin 2

...

Træk markøren over billedet for at oprette et udsnit.

Billedkredit: Billede udlånt af Adobe.

Træk markøren hen over det område, som du ønsker skal være klikbart. For at oprette et enkelt hyperlink på et billede kan du trække markøren hen over hele billedet.

Trin 3

...

Lav så mange skiver, som du ønsker.

Billedkredit: Billede udlånt af Adobe.

Træk Slice Tool-markøren over kun en del af billedet, hvis du vil have mere end ét hyperlink. Når du slipper museknappen, kan du oprette et andet udsnit til det næste hyperlink. Hvis det ønskes, kan du oprette et dusin eller flere hyperlinks på et enkelt billede.

Trin 4

...

Dobbeltklik på et udsnit for at tilføje et hyperlink.

Billedkredit: Billede udlånt af Adobe.

Dobbeltklik på et udsnit med Udsnitsværktøjet for at åbne vinduet Udsnitsindstillinger. For at oprette et hyperlink skal du indtaste websidens adresse i feltet "URL". Mens de andre felter er valgfrie, vil brug af et navn hjælpe med at skelne et link fra et andet. Tilføjelse af "_blank" til feltet Target specificerer, at linket skal åbne i en ny webbrowserfane. Alt-tag-feltet er den tekst, der vises, hvis dit billede ikke er synligt i ikke-grafiske browsere, eller mens billedet indlæses. Meddelelsestekstfeltet er det, som browseren viser i stedet for URL'en i statuslinjen.

Trin 5

...

Gem filen i HTML-format.

Billedkredit: Billede udlånt af Adobe.

Vælg "Gem til web" fra menuen Filer, når dine links er færdige. Vælg enten "PNG-24" eller "JPG" som forudindstilling, og klik derefter på knappen "Gem". Klik på menuen "Format" og vælg "HTML og billeder". Dette ændrer filformatet til HTML. Når du har klikket på "Gem", opretter Photoshop en enkelt HTML-side ved hjælp af billedet og de links, du har oprettet. Selve billedfilen gemmes i en billedmappe. Upload både HTML-filen og mappen Billeder til den samme mappe på dit websted ved hjælp af din foretrukne FTP-klient.

Tip

Med en grundlæggende teksteditor som Notesblok kan du redigere HTML-filens kode, som du ville gøre med enhver webside. For eksempel, hvis du foretrækker at beholde dine webstedsbilleder i en anden mappe, kan du ændre den angivne "/images"-mappe til en hvilken som helst mappe, du vælger, og derefter flytte billedet til den mappe.

Du behøver ikke Photoshop for at tilføje et hyperlink til et billede på en webside eller e-mail. De fleste e-mail-programmer indeholder en hyperlink-funktion, som normalt er tilgængelig blot ved at højreklikke på billedet efter at have indsat det i din besked. Hvis du uploader billedet til dit websted, kan du tilføje det som et klikbart billede til enhver side ved at bruge HTML5-kode som: