Miten saadakuvakartta Photoshop

Engage sivuston kävijöille kuvakarttoja jotka toimivat kuten linkkejä . Shironosov / iStock / Getty Images

Kun klikkaat osa sivuston kuvan ja selaimen hyppää toiselle Web-sivulle, kuva kartta on luultavasti vastaa, että toimia.Sivuston suunnittelijat voivat kirjoittaa HTML-koodia, joka luo klikattava kriisipesäkkeisiin mitään kuvaa.Rakentaa kuva karttoja käsin on aikaa vievää, koska sinun on selvitettävä tarkat koordinaatit kunkin hot spot.Kanssa Slice työkalun Photoshop, voit piirtää kriisipesäkkeisiin kuva tuottaa HTML-koodia tarvitset automaattisesti.

Luo kuvakartta

  1. Launch Photoshop ja avaa kuva, jonka haluat muuntaa kuvan kartalla.Klikkaa ja pidä "Crop" työkalu näyttää valikon, jossa on muita työkaluja.Klikkaa "Slice" työkalu valita se.

  2. Klikkaa pisteen sisällä kuvan ja vedä Slice työkalu piirtää muokkausalueen ympäri osa kuvaa haluat napsauttaa.Photoshop piirtää ylimääräistä "auto viipaleita" noin muita osia kuvasta.Nämä auto viipaleet varmistettava, että kaikki osat kuvan sisältyvät siivu.

  3. hiiren kakkospainikkeella sisällä si

    ivu loit ja valitse "Edit Slice Valinnat" avaa Slice asetukset-ikkunassa.Kirjoita URL-osoite, jonka haluat liittää siivu.Voit myös korvata oletuksena nimi että Photoshop antoi siivu kirjoittamalla uuden "Nimi" -kenttään.

  4. Klikkaa "OK" Sulje Slice-ikkuna ja palaa kuvan.Klikkaa toinen kohta kuvan sisällä ja vedä Slice työkalu luoda uusia viipaleita tarpeen.

Säädä kuvaa Kartta viipaletta

  1. Valitse "Slice Select Tool" työkaluriviltä ja napsauta sisällä siivu haluat siirtää.

  2. Pidä hiiren vasenta painiketta ja vedä siivu uuteen paikkaan.

  3. Pidä hiiren osoitin yksi siivu reunat ja linja nuolilla molemmissa päissä näkyy.Napsauta että linja, pidä hiiren vasenta painiketta ja vedä hiiren jos sinun täytyy tehdä siivu isompi tai pienempi.

Tallenna kuvakartta

  1. Klikkaa "File" ja sen jälkeen "Tallenna Web" avaa Tallenna Web ikkuna.

  2. Klikkaa "Preset" ja valita yhden tiedostotyypin asetuksia, jotka näkyvät.Valintoja ovat GIF 128 epätarkka, JPEG korkea ja PNG-24.

  3. Klikkaa "Save" avaa ikkunan, joka näyttää kiintolevyn tiedostoja ja kansioita.Selaa kansioon, johon haluat tallentaa kuvan kartan tiedostot ja kirjoita nimi kuvan Kartan Tiedoston nimi tekstikenttään.

  4. Klikkaa "Format" pudotusvalikosta ja valitse "HTML ja kuvat." Klikkaa "Save" tallentaa kaikki tiedostot kansioon määritetty.

Vinkkejä & amp;Varoitukset

  • Photoshop tallentaa kunkin siivu erillisenä kuvan kuvia kansiossa.Ohjelma säästää myös HTML-asiakirja, jolla on sama nimi kuin nimi kirjoitetaan "File Name" tekstikenttään.Jos huomaat, että HTML-tiedoston File Explorer ja kaksoisnapsauta tiedostoa, selain avautuu ja näyttää kuvasi kartan.Klikkaa eri puolilla kuvakartan siirtyä URL-osoitteet määritetty viipaleiksi.Esimerkiksi jos jaettu Yhdysvaltain Kartta tulee valtioita luomalla siivu kunkin valtion, voit napsauttaa valtio mennä URL osoitettu, että valtion siivu.
  • Anna viipaleiksi mielekäs nimet ja löydät sen helpompi tunnistaa ne, jos haluat joskus nipistää HTML, että Photoshop luotu.Jos esimerkiksi olet luonut siivu joka ympäröi Iowan osavaltiosta, voit nimetä siivu Iowa.
  • Luultavasti haluat tallentaa kuvasi kartan kuvat samassa muodossa kuin alkuperäinen kuva.Esimerkiksi, jos se on JPEG, valitse yksi JPEG vaihtoehdoista Preset avattavasta valikosta Tallenna Web ikkuna.Valitse "JPEG Matala," esimerkiksi, ja Photoshop luo huonolaatuisia JPEG-kuvia.Alempi kuvan laatu, sitä nopeammin se lataa Web-selaimessa.
  • Tämä artikkeli sovelletaan Adobe Photoshop CC, 2014 versio.Jotkin tiedot saattavat vaihdella muita versioita ohjelmiston.

Resurssit

  • Photoshop Essentials: Photoshop Image navigointi vihjeitä ja oikopolkuja
763
0
1
Graphics Software