Spustite Photoshop a otvorte obrázok, ktorý chcete previesť na obrázkovú mapu. Kliknutím a podržaním nástroja "Orezať" zobrazíte ponuku s ďalšími nástrojmi. Kliknite na nástroj "Výrez" a vyberte ho.
Kliknite na bod vo vnútri obrázka a ťahaním nástroja Výrez nakreslite ohraničovací rámček okolo časti obrázka, na ktorú chcete kliknúť. Photoshop nakreslí ďalšie „automatické rezy“ okolo iných častí obrázka. Tieto automatické rezy zaisťujú, že všetky časti obrazu sú zahrnuté v reze.
Kliknite pravým tlačidlom myši do vytvoreného rezu a vyberte „Upraviť možnosti rezu“, čím otvoríte okno Možnosti rezu. Zadajte adresu URL, ktorú chcete priradiť k rezu. Môžete tiež nahradiť predvolený názov, ktorý Photoshop pridelil rezu, zadaním nového do textového poľa „Názov“.
Kliknutím na „OK“ zatvoríte okno Možnosti rezu a vrátite sa k obrázku. Kliknite na ďalší bod v obrázku a potiahnite nástroj Slice, aby ste podľa potreby vytvorili ďalšie rezy.
Na paneli s nástrojmi vyberte „Nástroj na výber rezu“ a kliknite do rezu, ktorý chcete presunúť.
Podržte ľavé tlačidlo myši a potiahnite výrez na nové miesto.
Podržte kurzor myši nad jedným z okrajov rezu a na každom konci sa zobrazí čiara so šípkami. Kliknite na tento riadok, podržte ľavé tlačidlo myši a potiahnite myš, ak potrebujete zväčšiť alebo zmenšiť výrez.
Kliknite na „Súbor“ a potom na „Uložiť pre web“, čím otvoríte okno Uložiť pre web.
Kliknite na „Prednastavené“ a vyberte jednu z možností typu súboru, ktoré sa zobrazia. Na výber sú GIF 128 Dithered, JPEG High a PNG-24.
Kliknutím na tlačidlo "Uložiť" otvoríte okno so súbormi a priečinkami na pevnom disku. Prejdite do priečinka, do ktorého chcete uložiť súbory obrázkovej mapy, a do textového poľa Názov súboru zadajte názov obrázkovej mapy.
Kliknite na rozbaľovaciu ponuku Formát a vyberte možnosť HTML a obrázky. Kliknutím na „Uložiť“ uložíte všetky súbory do zadaného priečinka.
Photoshop uloží každý výrez ako samostatný obrázok do priečinka s obrázkami. Program tiež uloží dokument HTML, ktorý má rovnaký názov ako názov, ktorý ste zadali do textového poľa „Názov súboru“. Ak tento súbor HTML nájdete v Prieskumníkovi súborov a dvakrát naň kliknete, otvorí sa váš prehliadač a zobrazí sa vaša obrázková mapa. Kliknutím na rôzne časti obrázkovej mapy prejdite na adresy URL, ktoré ste priradili k rezom. Ak ste napríklad rozdelili mapu USA na štáty vytvorením výrezu pre každý štát, kliknutím na štát môžete prejsť na adresu URL priradenú k výrezu daného štátu.
Dajte rezom zmysluplné názvy a ľahšie ich identifikujete, ak budete niekedy chcieť upraviť HTML kód, ktorý Photoshop vygeneroval. Napríklad, ak ste vytvorili výsek, ktorý obklopoval štát Iowa, môžete výrez pomenovať Iowa.
Pravdepodobne budete chcieť uložiť obrázky obrázkovej mapy v rovnakom formáte ako pôvodný obrázok. Napríklad, ak ide o JPEG, vyberte jednu z možností JPEG z rozbaľovacej ponuky Prednastavené v okne Uložiť pre web. Vyberte napríklad „JPEG Low“ a Photoshop vygeneruje obrázky JPEG nízkej kvality. Čím nižšia je kvalita obrázka, tým rýchlejšie sa načíta vo webovom prehliadači.
Tento článok platí pre Adobe Photoshop CC, verzia 2014. Niektoré informácie sa môžu v iných verziách softvéru líšiť.
