Paano Lumikha ng isang Mapa ng Imahe Gamit ang Gimp: 10 Hakbang (na may Mga Larawan)

Talaan ng mga Nilalaman:

Paano Lumikha ng isang Mapa ng Imahe Gamit ang Gimp: 10 Hakbang (na may Mga Larawan)
Paano Lumikha ng isang Mapa ng Imahe Gamit ang Gimp: 10 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Mapa ng Imahe Gamit ang Gimp: 10 Hakbang (na may Mga Larawan)

Video: Paano Lumikha ng isang Mapa ng Imahe Gamit ang Gimp: 10 Hakbang (na may Mga Larawan)
Video: Paano Vectorize Anumang Imahe (gamit ang live na bakas) - Adobe Illustrator CC 2024, Mayo
Anonim

Ang isang mapa ng imahe ay isang imahe na may mga URL na "nai-mapa" dito. Maaari mong bihisan ang iyong website o personal na panimulang pahina na may isang mapa ng imahe kasama ang iyong mga paboritong site na gusto mong bisitahin. Mayroong maraming software na magagawa mo ito, ngunit ang artikulong ito ay gagamit ng Gimp.

Mga hakbang

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 1
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 1

Hakbang 1. Pagsama-samahin ang isang paunang graphic na nai-mapa mo

Maaari mong gamitin ang mga larawan, larawan, kung ano ang gumagana para sa iyo. Dito, gagamitin namin ang wikiHow, wikiHow forum, at iGoogle.

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 2
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 2

Hakbang 2. Matapos likhain ang imahe, (o buksan ito), pumunta sa Mga Filter >> Web >> ImageMap

Ang dialog screen ng Gimp ImageMap

Lumikha ng isang Mapa ng Larawan Gamit ang Gimp Hakbang 3
Lumikha ng isang Mapa ng Larawan Gamit ang Gimp Hakbang 3

Hakbang 3. Mag-click sa rektanggulo sa kanan ng screen, pagkatapos ay piliin ang isa sa mga imahe na nais mong gamitin

Sa screenshot na ito, wikiHow ay napili. Punan ang kinakailangang impormasyon sa lalabas na dialog screen.

Mag-click sa rektanggulo at makikita mo ang eksaktong lokasyon ng graphic

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 4
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 4

Hakbang 4. Ipagpatuloy ang prosesong ito para sa natitirang iyong mapa

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 5
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 5

Hakbang 5. Kapag natapos mo na ang pagtukoy sa lahat ng mga lugar ng pag-link, i-save ang iyong mapa ng imahe

Awtomatikong mag-aalok ang GIMP upang i-save ito bilang isang file na may isang.map extension. Kung nais mo, mai-save mo ito bilang iyon. Ngunit naglalaman ang file na ito ng HTML code (walang mga imahe) na kailangan naming i-edit at kopyahin sa aming sariling web page, kaya inirerekumenda na i-save mo ito bilang [filename].html at direktang laktawan ang hakbang 7.

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 6
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 6

Hakbang 6. KUNG hindi mo nai-save ito bilang isang HTML file, hanapin ang iyong nai-save na file at palitan ang pangalan ng extension sa.html

Maaari kang makatanggap ng isang babala tungkol sa pagbabago ng mga extension ng file. Mag-click sa oo upang magpatuloy.

Lumikha ng isang Mapa ng Larawan Gamit ang Gimp Hakbang 7
Lumikha ng isang Mapa ng Larawan Gamit ang Gimp Hakbang 7

Hakbang 7. Gumamit ng isang text editor upang buksan ang HTML file na ito

Mapapansin mo ang file na ito na naglalaman lamang ng isang listahan ng mga coordinate at URLS. Ito ang code na nagsasabi sa isang browser kung aling mga URL ang dapat italaga sa aling bahagi ng iyong imahe.

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 8
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 8

Hakbang 8. Tiyaking tinukoy ang landas ng file sa

Image
Image

mga link sa imahe na nais mong ma-map ang mga URL.

Ang kabiguang ituro ito nang tama sa imahe ay maaaring humantong sa walang ipinakitang imahe.

Hakbang 9. OPSYONAL:

Gumamit ng isang browser upang buksan ang iyong HTML file; kung gumagana ang lahat, dapat mong makita ang imahe kasama ang lahat ng mga URL na nai-map dito alinsunod sa mga lugar na iyong tinukoy.

Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 10
Lumikha ng isang Mapa ng Imahe Gamit ang Gimp Hakbang 10

Hakbang 10. Idagdag ang iyong mapa ng imahe sa iyong web page na HTML

Kakailanganin mong kopyahin ang LAHAT ng mga linya ng code na nakikita mo, kasama ang

tag (na tumutukoy sa landas sa iyong pinagmulang imahe) at lahat sa pagitan ng mga tag. Ayan yun! Tapos ka na.

Inirerekumendang: