Kako narediti slikovni zemljevid s programom Photoshop
Ko kliknete del slike spletnega mesta in vaš brskalnik skoči na drugo spletno stran, je za to dejanje verjetno odgovoren slikovni zemljevid. Oblikovalci spletnih mest lahko napišejo kodo HTML, ki na kateri koli sliki ustvari vroče točke, ki jih je mogoče klikniti. Ročno ustvarjanje slikovnih zemljevidov je dolgotrajno, saj morate določiti natančne koordinate vsake vroče točke. Z orodjem Slice v Photoshopu narišete vroče točke na sliko, da samodejno ustvarite kodo HTML, ki jo potrebujete.
Ustvari slikovni zemljevid
1. korak
Zaženite Photoshop in odprite sliko, ki jo želite pretvoriti v slikovni zemljevid. Kliknite in pridržite orodje "Obreži", da prikažete meni z drugimi orodji. Kliknite orodje "Slice", da ga izberete.
2. korak
Kliknite točko znotraj slike in povlecite orodje Slice, da narišete omejevalni okvir okoli dela slike, ki ga želite narediti klikljivega. Photoshop nariše dodatne "samodejne rezine" okoli drugih delov slike. Te samodejne rezine zagotavljajo, da so vsi deli slike vključeni v rezino.
3. korak
Z desno miškino tipko kliknite znotraj rezine, ki ste jo ustvarili, in izberite »Uredi možnosti rezine«, da odprete okno z možnostmi rezine. Vnesite URL, ki ga želite povezati z rezino. Lahko tudi zamenjate privzeto ime, ki ga je Photoshop dodelil rezini, tako da v besedilno polje »Ime« vnesete novo.
4. korak
Kliknite »V redu«, da zaprete okno Slice Options in se vrnete na sliko. Kliknite drugo točko znotraj slike in povlecite orodje Slice, da po potrebi ustvarite dodatne rezine.
Prilagodi rezine zemljevida slike
1. korak
V orodni vrstici izberite "Orodje za izbiro rezine" in kliknite znotraj rezine, ki jo želite premakniti.
2. korak
Držite levi gumb miške in povlecite rezino na novo mesto.
3. korak
Kazalec miške držite nad enim od robov rezine in prikazala se bo črta s puščicami na vsakem koncu. Kliknite to vrstico, pridržite levi gumb miške in povlecite miško, če želite rezino povečati ali pomanjšati.
Shrani zemljevid slik
1. korak
Kliknite »Datoteka« in nato »Shrani za splet«, da odprete okno Shrani za splet.
2. korak
Kliknite "Prednastavi" in izberite eno od možnosti vrste datoteke, ki se prikaže. Možnosti vključujejo GIF 128 Dithered, JPEG High in PNG-24.
3. korak
Kliknite »Shrani«, da odprete okno, v katerem so prikazane datoteke in mape vašega trdega diska. Poiščite mapo, v katero želite shraniti datoteke slikovnega zemljevida, in v besedilno polje Ime datoteke vnesite ime za slikovni zemljevid.
4. korak
Kliknite spustni meni »Oblika« in izberite »HTML in slike«. Kliknite »Shrani«, da shranite vse datoteke v mapo, ki ste jo določili.
Nasvet
Photoshop shrani vsako rezino kot ločeno sliko v mapo s slikami. Program shrani tudi dokument HTML, ki ima enako ime kot ime, ki ste ga vnesli v besedilno polje »Ime datoteke«. Če najdete to datoteko HTML v File Explorerju in dvokliknete datoteko, se vaš brskalnik odpre in prikaže vaš slikovni zemljevid. Kliknite različne dele slikovnega zemljevida, da se pomaknete do URL-jev, ki ste jih dodelili rezinam. Na primer, če ste zemljevid ZDA razdelili na države tako, da ste za vsako zvezno državo ustvarili rezino, lahko kliknete državo, da se pomaknete na URL, dodeljen rezini te države.
Dajte rezinam smiselna imena in lažje jih boste prepoznali, če boste kdaj želeli spremeniti kodo HTML, ki jo je ustvaril Photoshop. Če ste na primer ustvarili rezino, ki je obkrožala zvezno državo Iowa, bi lahko rezino poimenovali Iowa.
Verjetno boste želeli shraniti svoje slikovne zemljevide v enaki obliki kot izvirna slika. Če je na primer JPEG, izberite eno od možnosti JPEG v spustnem meniju Prednastavitev v oknu Shrani za splet. Izberite na primer »JPEG Low« in Photoshop bo ustvaril slike JPEG nizke kakovosti. Nižja kot je kakovost slike, hitreje se naloži v spletni brskalnik.
Opozorilo
Ta članek velja za Adobe Photoshop CC, različica 2014. Nekatere informacije se lahko razlikujejo v drugih različicah programske opreme.