Cara Membuat Peta Gambar Menggunakan Photoshop

Luncurkan Photoshop dan buka gambar yang ingin Anda ubah menjadi peta gambar. Klik dan tahan alat "Pangkas" untuk menampilkan menu yang berisi alat lain. Klik alat "Iris" untuk memilihnya.

Klik satu titik di dalam gambar dan seret alat Slice untuk menggambar kotak pembatas di sekitar bagian gambar yang ingin Anda klik. Photoshop menggambar "irisan otomatis" tambahan di sekitar bagian lain dari gambar. Irisan otomatis ini memastikan bahwa semua bagian gambar disertakan dalam irisan.

Klik kanan di dalam irisan yang Anda buat dan pilih "Edit Opsi Iris" untuk membuka jendela Opsi Iris. Ketik URL yang ingin Anda kaitkan dengan irisan. Anda juga dapat mengganti nama default yang diberikan Photoshop pada irisan dengan mengetikkan yang baru di kotak teks "Nama".

Klik "OK" untuk menutup jendela Slice Options dan kembali ke gambar. Klik titik lain di dalam gambar dan seret alat Slice untuk membuat irisan tambahan sesuai kebutuhan.

Pilih "Slice Select Tool" dari bilah alat dan klik di dalam irisan yang ingin Anda pindahkan.

Tahan tombol kiri mouse dan seret irisan ke lokasi baru.

Tahan kursor mouse di atas salah satu tepi irisan dan garis dengan panah di setiap ujungnya muncul. Klik garis itu, tahan tombol kiri mouse dan seret mouse jika Anda perlu membuat irisan lebih besar atau lebih kecil.

Klik "File" diikuti oleh "Save for Web" untuk membuka jendela Save for Web.

Klik "Preset" dan pilih salah satu opsi jenis file yang muncul. Pilihannya termasuk GIF 128 Dithered, JPEG High dan PNG-24.

Klik "Simpan" untuk membuka jendela yang menampilkan file dan folder hard drive Anda. Telusuri ke folder tempat Anda ingin menyimpan file peta gambar dan ketik nama untuk peta gambar di kotak teks Nama File.

Klik menu tarik-turun "Format" dan pilih "HTML dan Gambar." Klik "Simpan" untuk menyimpan semua file ke folder yang Anda tentukan.

Photoshop menyimpan setiap irisan sebagai gambar terpisah dalam folder gambar. Program ini juga menyimpan dokumen HTML yang memiliki nama yang sama dengan nama yang Anda ketikkan di kotak teks "Nama File". Jika Anda menemukan file HTML itu di File Explorer dan mengklik dua kali file tersebut, browser Anda akan terbuka dan menampilkan peta gambar Anda. Klik bagian yang berbeda dari peta gambar untuk menavigasi ke URL yang Anda tetapkan ke irisan. Misalnya, jika Anda membagi Peta A.S. menjadi beberapa negara bagian dengan membuat irisan untuk setiap negara bagian, Anda dapat mengklik sebuah negara bagian untuk membuka URL yang ditetapkan untuk potongan negara bagian tersebut.

Beri irisan nama yang bermakna dan Anda akan lebih mudah mengidentifikasinya jika Anda ingin mengubah kode HTML yang dihasilkan Photoshop. Misalnya, jika Anda membuat irisan yang mengelilingi negara bagian Iowa, Anda dapat memberi nama irisan Iowa.

Anda mungkin ingin menyimpan gambar peta gambar Anda dalam format yang sama dengan gambar aslinya. Misalnya, jika itu adalah JPEG, pilih salah satu opsi JPEG dari menu drop-down Preset di jendela Save for Web. Pilih "JPEG Low," misalnya, dan Photoshop menghasilkan gambar JPEG berkualitas rendah. Semakin rendah kualitas gambar, semakin cepat dimuat di browser Web.

Artikel ini berlaku untuk Adobe Photoshop CC, versi 2014. Beberapa informasi mungkin berbeda di versi perangkat lunak lainnya.