Kako ustvarim hiperpovezavo v Photoshopu?
Z uporabo orodja Slice Tool v programu Adobe Photoshop CC lahko katero koli sliko ali del slike spremenite v hiperpovezavo, ki jo je mogoče klikniti. Ulov te funkcije je, da morate za delovanje hiperpovezave shraniti sliko kot datoteko HTML in ne kot navaden JPG ali PNG. Na srečo je to funkcija, ki jo lahko uporablja vsak, tudi če niste strokovnjak za kodiranje. Photoshop namesto vas ustvari kodo HTML in sliko vdela v spletu prijazen format slike.
1. korak
Odprite katero koli sliko v Photoshopu. V idealnem primeru bi moralo biti nekaj dovolj velikega, da se dobro prikaže v spletnem brskalniku. V orodni vrstici izberite "Slice Tool". Če ni vidno, kliknite in pridržite spodnji desni kot orodja za obrezovanje ali drugega orodja v njegovi skupini, ki je vidno, nato izberite »Orodje za rezino«.
2. korak
Povlecite kazalec čez območje, ki ga želite klikniti. Če želite ustvariti eno hiperpovezavo na sliki, lahko povlečete kazalec čez celotno sliko.
3. korak
Povlecite kazalec orodja Slice Tool samo čez del slike, če želite več kot eno hiperpovezavo. Ko spustite gumb miške, lahko ustvarite drugo rezino za naslednjo hiperpovezavo. Če želite, lahko na eni sliki ustvarite ducat ali več hiperpovezav.
4. korak
Dvokliknite rezino z orodjem za rezino, da odprete okno z možnostmi rezine. Če želite ustvariti hiperpovezavo, morate v polje "URL" vnesti naslov spletne strani. Medtem ko druga polja niso obvezna, bo uporaba imena pomagala razlikovati eno povezavo od druge. Dodajanje »_blank« v ciljno polje določa, da se mora povezava odpreti v novem zavihku spletnega brskalnika. Polje Alt Tag je besedilo, ki se prikaže, če vaša slika ni vidna v negrafičnih brskalnikih ali med nalaganjem slike. Polje Besedilo sporočila je tisto, kar brskalnik prikaže namesto URL-ja v vrstici stanja.
5. korak
Ko so vaše povezave dokončane, v meniju Datoteka izberite »Shrani za splet«. Kot prednastavitev izberite "PNG-24" ali "JPG", nato kliknite gumb "Shrani". Kliknite meni »Oblika« in izberite »HTML in slike«. To spremeni obliko datoteke v HTML. Ko kliknete »Shrani«, Photoshop ustvari eno stran HTML s sliko in povezavami, ki ste jih ustvarili. Sama slikovna datoteka je shranjena v mapi Slike. Naložite tako datoteko HTML kot mapo s slikami v isti imenik na vašem spletnem mestu s svojim priljubljenim odjemalcem FTP.
Nasvet
Z osnovnim urejevalnikom besedil, kot je Beležnica, lahko urejate kodo datoteke HTML, kot bi to storili s katero koli spletno stranjo. Če na primer raje hranite slike svojega spletnega mesta v drugi mapi, lahko spremenite navedeno mapo »/images« v katero koli mapo, ki jo izberete, in nato premaknete sliko v to mapo.
Za dodajanje hiperpovezave k sliki na spletni strani ali e-pošti ne potrebujete Photoshopa. Večina e-poštnih programov vključuje funkcijo hiperpovezave, ki je običajno na voljo samo z desnim klikom na sliko, potem ko jo vstavite v svoje sporočilo. Če naložite sliko na svoje spletno mesto, jo lahko dodate kot sliko, ki jo je mogoče klikniti, na katero koli stran z uporabo kode HTML5, kot je: