Buat dua atau lebih area yang dapat diklik dengan menambahkan irisan baru di Photoshop.
Kredit Gambar: Gambar milik Adobe.
Dengan menggunakan Slice Tool di Adobe Photoshop CC, Anda dapat mengubah gambar apa pun, atau bagian dari gambar, menjadi hyperlink yang dapat diklik. Tangkapan dari fitur ini adalah untuk membuat hyperlink berfungsi, Anda harus menyimpan gambar sebagai file HTML daripada JPG atau PNG biasa. Untungnya, ini adalah fitur yang dapat digunakan siapa saja, bahkan jika Anda bukan ahli dalam pengkodean. Photoshop membuat kode HTML untuk Anda dan menyematkan gambar dalam format gambar yang ramah-Web.
Langkah 1
Pilih "Alat Iris."
Kredit Gambar: Gambar milik Adobe.
Buka gambar apa saja di Photoshop. Idealnya, itu harus menjadi sesuatu yang cukup besar untuk ditampilkan dengan baik di browser Web. Pilih "Alat Iris" dari Kotak Alat. Jika tidak terlihat, klik dan tahan sudut kanan bawah Crop Tool, atau alat lain di grupnya yang terlihat, lalu pilih "Slice Tool".
Video Hari Ini
Langkah 2
Seret kursor ke atas gambar untuk membuat irisan.
Kredit Gambar: Gambar milik Adobe.
Seret kursor ke area yang ingin Anda klik. Untuk membuat hyperlink tunggal pada gambar, Anda dapat menyeret kursor ke seluruh gambar.
Langkah 3
Buat irisan sebanyak yang Anda inginkan.
Kredit Gambar: Gambar milik Adobe.
Seret kursor Slice Tool hanya ke sebagian gambar jika Anda menginginkan lebih dari satu hyperlink. Setelah Anda melepaskan tombol mouse, Anda kemudian dapat membuat irisan kedua untuk hyperlink berikutnya. Jika diinginkan, Anda dapat membuat selusin hyperlink atau lebih pada satu gambar.
Langkah 4
Klik dua kali irisan untuk menambahkan hyperlink.
Kredit Gambar: Gambar milik Adobe.
Klik dua kali irisan dengan Slice Tool untuk membuka jendela Slice Options. Untuk membuat hyperlink, Anda harus mengetikkan alamat halaman Web di bidang "URL". Sementara bidang lainnya bersifat opsional, menggunakan nama akan membantu membedakan satu tautan dari tautan lainnya. Menambahkan "_blank" ke bidang Target menentukan bahwa tautan harus dibuka di tab browser Web baru. Bidang Alt Tag adalah teks yang ditampilkan jika gambar Anda tidak terlihat di browser non-grafis atau saat gambar sedang dimuat. Bidang Teks Pesan adalah apa yang ditampilkan browser sebagai pengganti URL di bilah statusnya.
Langkah 5
Simpan file dalam format HTML.
Kredit Gambar: Gambar milik Adobe.
Pilih "Simpan untuk Web" dari menu File setelah tautan Anda selesai. Pilih "PNG-24" atau "JPG" sebagai Preset, lalu klik tombol "Simpan". Klik menu "Format" dan pilih "HTML and Images." Ini mengubah format file menjadi HTML. Setelah Anda mengklik "Simpan," Photoshop membuat satu halaman HTML menggunakan gambar dan tautan yang Anda buat. File gambar itu sendiri disimpan dalam folder Gambar. Unggah file HTML dan folder Gambar ke direktori yang sama di situs web Anda menggunakan klien FTP favorit Anda.
Tip
Dengan editor teks dasar seperti Notepad, Anda dapat mengedit kode file HTML seperti yang Anda lakukan dengan halaman Web mana pun. Misalnya, jika Anda lebih suka menyimpan gambar situs web Anda di folder lain, Anda dapat mengubah folder "/ gambar" yang ditentukan ke folder mana pun yang Anda pilih dan kemudian memindahkan gambar ke folder itu.
Anda tidak perlu Photoshop untuk menambahkan hyperlink ke gambar di dalam halaman Web atau email. Sebagian besar program email menyertakan fitur hyperlink, biasanya tersedia hanya dengan mengklik kanan gambar setelah memasukkannya ke dalam pesan Anda. Jika Anda mengunggah gambar ke situs web Anda, Anda dapat menambahkannya sebagai gambar yang dapat diklik ke halaman mana pun dengan menggunakan kode HTML5 seperti: 
