Kako napraviti mapu slika pomoću Photoshopa
Kada kliknete dio slike web stranice i vaš preglednik skoči na drugu web stranicu, mapa slike vjerojatno je odgovorna za tu radnju. Dizajneri web-mjesta mogu napisati HTML kod koji stvara vruće točke na koje se može kliknuti na bilo kojoj slici. Ručna izrada slikovnih karata oduzima puno vremena jer morate identificirati točne koordinate svake vruće točke. Pomoću alata Slice u Photoshopu crtate vruće točke na slici kako biste automatski generirali HTML kod koji vam je potreban.
Stvorite mapu slika
1. korak
Pokrenite Photoshop i otvorite sliku koju želite pretvoriti u slikovnu kartu. Kliknite i držite alat "Crop" za prikaz izbornika koji sadrži druge alate. Pritisnite alat "Slice" da biste ga odabrali.
2. korak
Pritisnite točku unutar slike i povucite alat Slice da nacrtate granični okvir oko dijela slike koji želite učiniti klikabilnim. Photoshop crta dodatne "automatske kriške" oko ostalih dijelova slike. Ovi automatski odsječci osiguravaju da su svi dijelovi slike uključeni u odsječak.
3. korak
Desnom tipkom miša kliknite unutar odsječka koji ste stvorili i odaberite "Uredi opcije odsječka" da biste otvorili prozor s opcijama odsječka. Upišite URL koji želite povezati s odsječkom. Također možete zamijeniti zadani naziv koji je Photoshop dao isječku tako da upišete novi u tekstni okvir "Naziv".
4. korak
Pritisnite "OK" da biste zatvorili prozor Slice Options i vratili se na sliku. Pritisnite drugu točku unutar slike i povucite alat Slice za stvaranje dodatnih rezova po potrebi.
Podešavanje isječaka karte slike
1. korak
Na alatnoj traci odaberite "Alat za odabir reza" i kliknite unutar reza koji želite premjestiti.
2. korak
Držite lijevu tipku miša i povucite isječak na novu lokaciju.
3. korak
Držite kursor miša iznad jednog od rubova isječka i pojavit će se linija sa strelicama na svakom kraju. Pritisnite tu liniju, držite lijevu tipku miša i povucite miš ako trebate povećati ili smanjiti isječak.
Spremi mapu slika
1. korak
Pritisnite "Datoteka", a zatim "Spremi za web" da biste otvorili prozor Spremi za web.
2. korak
Pritisnite "Preset" i odaberite jednu od opcija vrste datoteke koje se pojave. Izbor uključuje GIF 128 Dithered, JPEG High i PNG-24.
3. korak
Kliknite "Spremi" da biste otvorili prozor koji prikazuje datoteke i mape vašeg tvrdog diska. Idite do mape u koju želite spremiti datoteke mape slika i upišite naziv mape slika u tekstni okvir Naziv datoteke.
4. korak
Kliknite padajući izbornik "Format" i odaberite "HTML i slike". Pritisnite "Spremi" za spremanje svih datoteka u mapu koju ste naveli.
Savjet
Photoshop sprema svaki isječak kao zasebnu sliku u mapu slika. Program također sprema HTML dokument koji ima isti naziv kao naziv koji ste upisali u tekstualni okvir "Naziv datoteke". Ako pronađete tu HTML datoteku u File Exploreru i dvaput kliknete na datoteku, vaš preglednik se otvara i prikazuje vašu slikovnu kartu. Kliknite različite dijelove slikovne karte da biste došli do URL-ova koje ste dodijelili odsječcima. Na primjer, ako ste kartu SAD-a podijelili na države stvaranjem odsječka za svaku državu, možete kliknuti državu da biste otišli na URL dodijeljen odsječku te države.
Dajte kriškama smislena imena i lakše ćete ih prepoznati ako ikada poželite dotjerati HTML kôd koji je generirao Photoshop. Na primjer, ako ste stvorili dio koji okružuje državu Iowa, možete ga nazvati Iowa.
Vjerojatno ćete htjeti spremiti slike mape slika u istom formatu kao izvorna slika. Na primjer, ako se radi o JPEG-u, odaberite jednu od JPEG opcija iz padajućeg izbornika Preset u prozoru Spremi za web. Na primjer, odaberite "JPEG Low" i Photoshop će generirati JPEG slike niske kvalitete. Što je kvaliteta slike niža, to se brže učitava u web pregledniku.
Upozorenje
Ovaj se članak odnosi na Adobe Photoshop CC, verziju 2014. Neke informacije mogu se razlikovati u drugim verzijama softvera.