Cara Membuat Peta Gambar Menggunakan Gimp: 10 Langkah (dengan Gambar)

Isi kandungan:

Cara Membuat Peta Gambar Menggunakan Gimp: 10 Langkah (dengan Gambar)
Cara Membuat Peta Gambar Menggunakan Gimp: 10 Langkah (dengan Gambar)

Video: Cara Membuat Peta Gambar Menggunakan Gimp: 10 Langkah (dengan Gambar)

Video: Cara Membuat Peta Gambar Menggunakan Gimp: 10 Langkah (dengan Gambar)
Video: Menggabungkan foto dengan objek di Adobe Illustrator 2024, April
Anonim

Peta gambar adalah gambar dengan URL "dipetakan" di atasnya. Anda boleh menggayakan laman web atau halaman awal peribadi anda dengan peta gambar dengan laman web kegemaran anda yang ingin anda lawati. Terdapat banyak perisian yang boleh anda lakukan, tetapi artikel ini akan menggunakan Gimp.

Langkah-langkah

Buat Peta Imej Menggunakan Gimp Langkah 1
Buat Peta Imej Menggunakan Gimp Langkah 1

Langkah 1. Himpunkan grafik awal yang akan dipetakan

Anda boleh menggunakan gambar, gambar, apa sahaja yang sesuai untuk anda. Di sini, kami akan menggunakan wikiHow, forum wikiHow, dan iGoogle.

Buat Peta Imej Menggunakan Gimp Langkah 2
Buat Peta Imej Menggunakan Gimp Langkah 2

Langkah 2. Setelah membuat gambar, (atau membukanya), pergi ke Filter >> Web >> ImageMap

Skrin dialog Gimp ImageMap

Buat Peta Imej Menggunakan Gimp Langkah 3
Buat Peta Imej Menggunakan Gimp Langkah 3

Langkah 3. Klik pada segi empat tepat di sebelah kanan skrin, kemudian pilih salah satu gambar yang ingin anda gunakan

Dalam tangkapan skrin ini, wikiHow dipilih. Isi maklumat yang diperlukan di skrin dialog yang muncul.

Klik pada segi empat tepat dan anda dapat melihat lokasi grafik yang tepat

Buat Peta Imej Menggunakan Gimp Langkah 4
Buat Peta Imej Menggunakan Gimp Langkah 4

Langkah 4. Teruskan proses ini sepanjang peta anda

Buat Peta Imej Menggunakan Gimp Langkah 5
Buat Peta Imej Menggunakan Gimp Langkah 5

Langkah 5. Setelah anda selesai menentukan semua kawasan pautan, simpan peta gambar anda

GIMP secara automatik akan menawarkan untuk menyimpan ini sebagai fail dengan sambungan.map. Sekiranya anda mahu, anda boleh menyimpannya seperti itu. Tetapi fail ini mengandungi kod HTML (tidak ada gambar) yang perlu kita edit dan salin ke laman web kita sendiri, jadi disarankan anda menyimpannya sebagai [nama fail].html dan lompat terus ke langkah 7.

Buat Peta Imej Menggunakan Gimp Langkah 6
Buat Peta Imej Menggunakan Gimp Langkah 6

Langkah 6. JIKA anda belum menyimpannya sebagai fail HTML, cari fail yang anda simpan dan namakan semula pelanjutannya ke.html

Anda mungkin menerima amaran tentang menukar sambungan fail. Klik ya untuk meneruskan.

Buat Peta Imej Menggunakan Gimp Langkah 7
Buat Peta Imej Menggunakan Gimp Langkah 7

Langkah 7. Gunakan penyunting teks untuk membuka fail HTML ini

Anda akan melihat fail ini hanya mengandungi senarai koordinat dan URL. Ini adalah kod yang memberitahu penyemak imbas URL yang akan diberikan kepada bahagian gambar anda.

Buat Peta Imej Menggunakan Gimp Langkah 8
Buat Peta Imej Menggunakan Gimp Langkah 8

Langkah 8. Pastikan jalan fail yang ditentukan dalam

Image
Image

pautan ke gambar yang anda mahukan URL dipetakan.

Kegagalan mengarahkannya tepat ke gambar dapat menyebabkan gambar tidak ditampilkan sama sekali.

Langkah 9. PILIHAN:

Gunakan penyemak imbas untuk membuka fail HTML anda; jika semuanya berfungsi, anda harus melihat gambar dengan semua URL dipetakan ke atasnya mengikut bidang yang anda tentukan.

Buat Peta Imej Menggunakan Gimp Langkah 10
Buat Peta Imej Menggunakan Gimp Langkah 10

Langkah 10. Tambahkan peta gambar anda ke HTML laman web anda

Anda perlu menyalin SEMUA baris kod yang anda lihat, termasuk

tag (yang menentukan jalan ke gambar sumber anda) dan semua yang terdapat di antara teg. Itu sahaja! Anda sudah selesai.

Disyorkan: