Ustvarite dve ali več območij, ki jih je mogoče klikniti, tako da dodate nove rezine v Photoshopu.
Zasluga slike: Slika z dovoljenjem Adobe.
Z uporabo orodja Slice v Adobe Photoshop CC lahko katero koli sliko ali del slike spremenite v hiperpovezavo, ki jo je mogoče klikniti. Ulov te funkcije je v tem, da morate, da bi hiperpovezava delovala, sliko shraniti 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 za vas ustvari kodo HTML in sliko vdela v spletu prijazen slikovni format.
Korak 1
Izberite "Orodje za rezine".
Zasluga slike: Slika z dovoljenjem Adobe.
Odprite katero koli sliko v Photoshopu. V idealnem primeru bi moralo biti nekaj dovolj veliko, da se dobro prikaže v spletnem brskalniku. V orodju izberite "Orodje za rezine". Če ni viden, kliknite in pridržite spodnji desni kot orodja za obrezovanje ali drugega orodja v njegovi skupini, ki je vidno, nato izberite »Orodje za rezine«.
Video dneva
2. korak
Povlecite kazalec nad sliko, da ustvarite rezino.
Zasluga slike: Slika z dovoljenjem Adobe.
Povlecite kazalec čez območje, ki ga želite klikniti. Če želite ustvariti eno samo hiperpovezavo na sliki, lahko povlečete kazalec čez celotno sliko.
3. korak
Ustvarite toliko rezin, kot želite.
Zasluga slike: Slika z dovoljenjem Adobe.
Povlecite kazalec orodja za rezine samo čez del slike, če želite več kot eno hiperpovezavo. Ko spustite gumb miške, lahko ustvarite drugo rezino za naslednjo hiperpovezavo. Po želji lahko na eni sliki ustvarite ducat ali več hiperpovezav.
4. korak
Dvokliknite rezino, da dodate hiperpovezavo.
Zasluga slike: Slika z dovoljenjem Adobe.
Dvokliknite rezino z orodjem za rezine, da odprete okno Možnosti rezine. Če želite ustvariti hiperpovezavo, morate v polje »URL« vnesti naslov spletne strani. Medtem ko so druga polja neobvezna, bo uporaba imena pomagala razlikovati eno povezavo od druge. Dodajanje "_blank" v polje Cilj določa, da se povezava odpre 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 svoji vrstici stanja.
5. korak
Shranite datoteko v obliki HTML.
Zasluga slike: Slika z dovoljenjem Adobe.
Ko so povezave dokončane, v meniju Datoteka izberite »Shrani za splet«. Izberite "PNG-24" ali "JPG" kot prednastavitev, 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 z uporabo slike in povezav, ki ste jih ustvarili. Sama slikovna datoteka se shrani v mapo Slike. Naložite tako datoteko HTML kot mapo Slike v isti imenik na svojem spletnem mestu z uporabo vašega najljubšega odjemalca 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 določeno mapo »/images« spremenite v katero koli mapo, ki jo izberete, in nato premaknete sliko v to mapo.
Za dodajanje hiperpovezave na sliko 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 tako, da z desno tipko miške kliknete sliko, potem ko jo vstavite v sporočilo. Če sliko naložite na svoje spletno mesto, jo lahko dodate kot sliko, ki jo je mogoče klikniti, na katero koli stran s kodo HTML5, kot je: 
