Käynnistä Photoshop ja avaa kuva, jonka haluat muuntaa kuvakartaksi. Napsauta ja pidä "Rajaa"-työkalua painettuna näyttääksesi valikon, joka sisältää muita työkaluja. Napsauta "Slice"-työkalua valitaksesi sen.
Napsauta pistettä kuvan sisällä ja vedä Leikkaa-työkalua piirtääksesi rajoitusruudun sen kuvan osan ympärille, josta haluat tehdä napsautettavan. Photoshop piirtää ylimääräisiä "automaattisia viipaleita" kuvan muiden osien ympärille. Nämä automaattiset osuudet varmistavat, että kuvan kaikki osat sisältyvät osaan.
Napsauta hiiren kakkospainikkeella luomaasi viipaletta ja valitse "Edit Slice Options" avataksesi Slice Options -ikkunan. Kirjoita URL-osoite, jonka haluat liittää osaan. Voit myös korvata Photoshopin osuudelle antaman oletusnimen kirjoittamalla uuden nimen "Nimi"-tekstiruutuun.
Napsauta "OK" sulkeaksesi Slice Options -ikkunan ja palataksesi kuvaan. Napsauta toista kohtaa kuvan sisällä ja vedä Slice-työkalua luodaksesi lisää siivuja tarpeen mukaan.
Valitse työkalupalkista "Slice Select Tool" ja napsauta siirrettävän osan sisällä.
Pidä hiiren vasenta painiketta painettuna ja vedä viipale uuteen paikkaan.
Pidä hiiren osoitinta yhden viipaleen reunan päällä, jolloin näkyviin tulee viiva, jonka molemmissa päissä on nuolet. Napsauta tätä riviä, pidä hiiren vasenta painiketta painettuna ja vedä hiirtä, jos haluat suurentaa tai pienentää siivua.
Napsauta "Tiedosto" ja "Save for Web" avataksesi Tallenna verkkoon -ikkunan.
Napsauta "Esiasetus" ja valitse jokin näkyviin tulevista tiedostotyyppivaihtoehdoista. Vaihtoehtoja ovat GIF 128 Dithered, JPEG High ja PNG-24.
Napsauta "Tallenna" avataksesi ikkunan, joka näyttää kiintolevyn tiedostot ja kansiot. Selaa kansioon, johon haluat tallentaa kuvakarttatiedostot, ja kirjoita kuvakartalle nimi Tiedostonimi-tekstiruutuun.
Napsauta avattavaa "Muotoile"-valikkoa ja valitse "HTML ja kuvat". Napsauta "Tallenna" tallentaaksesi kaikki tiedostot määrittämääsi kansioon.
Photoshop tallentaa jokaisen osan erillisenä kuvana kuvakansioon. Ohjelma tallentaa myös HTML-dokumentin, jolla on sama nimi kuin "Tiedostonimi" -tekstikenttään kirjoittamasi nimi. Jos löydät kyseisen HTML-tiedoston Resurssienhallinnassa ja kaksoisnapsautat tiedostoa, selaimesi avautuu ja näyttää kuvakarttasi. Napsauta kuvakartan eri osia navigoidaksesi osuuksille määrittämiisi URL-osoitteisiin. Jos esimerkiksi jaoit Yhdysvaltain kartan osavaltioihin luomalla osion kullekin osavaltiolle, voit napsauttaa osavaltiota siirtyäksesi kyseisen osavaltion osuudelle määritettyyn URL-osoitteeseen.
Anna viipaleille merkitykselliset nimet, niin sinun on helpompi tunnistaa ne, jos haluat joskus muokata Photoshopin luomaa HTML-koodia. Jos esimerkiksi loit siivun, joka ympäröi Iowan osavaltiota, voit antaa sille nimen Iowa.
Haluat todennäköisesti tallentaa kuvakarttakuvasi samassa muodossa kuin alkuperäinen kuva. Jos kyseessä on esimerkiksi JPEG, valitse jokin JPEG-vaihtoehdoista Tallenna verkkoon -ikkunan Esiasetukset-pudotusvalikosta. Valitse esimerkiksi "JPEG Low", niin Photoshop luo heikkolaatuisia JPEG-kuvia. Mitä huonompi kuvan laatu on, sitä nopeammin se latautuu verkkoselaimeen.
Tämä artikkeli koskee Adobe Photoshop CC 2014 -versiota. Jotkut tiedot voivat vaihdella muissa ohjelmistoversioissa.
