Pages

Wednesday, October 07, 2015

像素地圖簡單做 Pixel Map Generator 示範給你看

平常做簡報、上課作業,需要用到世界地圖來解釋,或做地理位置輔助說明,總是上 Google 搜尋找來找去,花時間找出來的圖片,還不見得好看。這時上《Pixel Map Generator》自己調製一張像素地圖,符合圖像簡約風格,況且製作步驟相當簡單,記住儲存當書籤,成為我們備用好工具。

pixelmap.gen

我用一張示範操作的步驟,在 Choose Map 地方鍵入 Taiwan,或用下拉選單來挑。背景與地面顏色可自由挑選,再來挑像素形狀,有圓形、正方形、菱形和六邊形,大小與間隔距離可做調整。

pixelmap.gen (2)

pixelmap.gen (3)

一般這樣做一做就可以按 Generate Pixel Map 產生最後結果,再來依個人需求,按 SVG 向量圖檔、HTML 網頁語法、Image 圖片儲存三種檔案格式。

講完最基本的操作,來談談左邊那塊功能欄,舉例要做全球分公司據點,用上述步驟產生世界地圖後,用左邊的箭頭選 Select Pixel,在美國西岸點選大概位置,選用鮮亮顏色,再到 T 功能欄點擊一下,跳出文字編輯框,鍵入 San Francisco,挑一個黃色搭配,其他地點以此類推。由於文字僅支援英文,想用中文標示的朋友,很可惜只能望文興嘆。

pixelmap.gen (4)

最後輸出成向量圖檔 SVG 或直接儲存為 PNG 圖片檔案,放在公司簡介,可向客戶明白介紹產品支援與製造據點,視覺圖表你也能輕鬆自己做。

★ 感謝你喜歡這篇文章,轉載分享時請尊重作者著作權,註明出處及原文網址,我在 Google+Facebook 同步分享,歡迎留言交流!

Related Posts with Thumbnails