Kuidas teha pilti kaardi kasutamine Photoshop

Osaleda külastajad pildiga kaardid , mis toimivad nagu linke . shironosov / iStock / Getty Images

Kui klõpsate osa veebilehel pilti ja brauseri hüppab teise veebilehe, pilt kaart on ilmselt vastutavad selle tegevuse.Saidi disainerid saavad kirjutada HTML kood, mis loob klikitav leviala ühtegi pilti.Ehitamine hüperpildid käsitsi on aeganõudev, sest siis tuleb kindlaks täpsed koordinaadid iga hot spot.Mis Slice vahend Photoshop, mida teha leviala pildi genereerida HTML-koodi, mida pead automaatselt.

Loo Pilt kaart

  1. Launch Photoshop ja avada pilt, mida soovite teisendada pildi kaart.Vajuta ja hoia "Crop" näitaja, et kuvada menüü, mis sisaldab muid tööriistu.Vajuta "Slice" tööriista valida.

  2. Vajuta punkt sees pilti ja lohistada Slice vahend juhtida piirdekattest ümber osa pildist soovite teha klikitav.Photoshop juhib veel "auto viilud" ümber mujal pilt.Need auto viilud tagada, et kõik osad pilt on lisatud viilu.

  3. Paremklõpsake viil lõite ja valige "Edit Slice Options" avada Slice Options aknas.Sisestage URL, mida soovite seos

    tada viil.Võite asendada vaikimisi antud nime, et Photoshop andis viil kirjutades uuega "Nimi" teksti kasti.

  4. Vajuta "OK" sulgeda Slice Options aken ja tagasi pilti.Vajuta teise punkti pildi sees ja lohistada Slice vahend, et luua täiendavaid viilud nagu vaja.

Reguleerige kujutise kaart viilud

  1. Valige "Slice Select Tool" tööriistaribal ja klõpsake sees tükk, mida soovite teisaldada.

  2. Hoia hiire vasakut nuppu ja lohistage viil uude asukohta.

  3. Hoidke hiirekursorit üks viil servade ja kooskõlas nooled mõlemas otsas paistab.Vajuta, et joon, hoidke hiire vasakut nuppu ja lohista hiirt, kui teil on vaja teha viil suurem või väiksem.

Save Image kaart

  1. Vajuta "File", millele järgneb "Save for Web" avada Save for Web aknas.

  2. Vajuta "Preset" ja vali üks failitüüp võimalusi, mis ilmuvad.Choices sisaldavad GIF 128 pseudotoonitud, JPEG kõrge ja PNG-24.

  3. Vajuta "Save", et avada aken, mis näitab kõvaketta faile ja kaustu.Sirvi kausta, kuhu soovite pildi salvestada kaartide failid ja kirjuta nimi hüperpilte Faili nimi tekstikasti.

  4. Vajuta "Format" rippmenüüst ja valige "HTML ja pildid." Click "Save", et salvestada kõik failid kausta määratud.

Tips & amp;Hoiatused

  • Photoshop säästab iga viil eraldi pildina ühes pilte kausta.Programm salvestab HTML dokument, mis on sama nimi nimi tipitud "File Name" teksti kasti.Kui leiate, et HTML faili File Explorer ja topeltklõpsake faili teie brauser avaneb ja kuvab kujutise kaart.Vajuta erinevaid osi pildi kaart navigeerimiseks URL-id määratud viiludeks.Näiteks, kui sa jagas USA-kaart sisse Ühendriigid luues viil iga riigi, võite klõpsata riigi minna URL määratud, et riigi viil.
  • Anna viilud sisukat nimed ja siis on lihtsam tuvastada neid, kui sa kunagi tahad nikerdada HTML kood, et Photoshop loodud.Näiteks, kui olete loonud viil, et ümbritsevad osariigi Iowa, siis võiks nimetada viil Iowa.
  • Sa ilmselt tahad salvestada pilt kaart pilte samas formaadis kui algne pilt.Näiteks, kui see on JPEG, valida üks JPEG võimalusi eelseadistatud rippmenüüst Save for Web aknas.Vali "JPEG Low," näiteks ja Photoshop tekitab madala kvaliteediga JPEG pilte.Alumine pilt on kvaliteet, seda kiiremini ta lasti veebibrauseris.
  • See artikkel on kohaldatav Adobe Photoshop CC 2014 versiooni.Mõned andmed võivad erineda teiste versioonide tarkvara.

Resources

  • Photoshop Essentials: Photoshop Image Navigation Tips, tricks ja Otseteed
152
0
1
Graafika Tarkvara