用 Google Earth 關心地球大小事：使用 Photopea 實作「Google Earth 全功能實作」書中的 3D 立體地形模型

一、關於廖振順老師所撰寫的四本「地理課沒教的事」書籍

在臺灣使用 Google Earth 來介紹地理資訊的第一把交椅就是廖振順老師，他把這些資訊利用 Google Earth 來讓大家以更視覺化、更生動活潑的方式，瞭解這些數字、資訊背後所代表的意義。

「地理課沒教的事」總共有出版了 1~4 輯，之前已經有買了前面三輯，剛好最近在圖書館的新書架上看到這本書，才發現原來廖老師後來有再出版今天要跟大家分享「以 Google Earth 全功能實作」的第四本。

※ 博客來網站上「地理課沒教的事」全系列書籍


※ 廖振順老師 Youtube 頻道豐富的 Google Earth 影片


廖振順老師的書籍《地理課沒教的事》提供了許多實用的地理知識，從地方文化、社會經濟到地質地理、植物林木等等，讓讀者可以更加深入瞭解此地區的獨特性。特別的是，他也將現代技術和數據分析與傳統的地理知識結合，讓讀者可以用 Google Earth 來實作 3D 立體地形模型，藉此了解地域的特色及自然環境的變化，同時也能更加了解該地區的歷史文化等。

(↑上面這段文字用 Notion AI 協助產出：請用200個字簡介廖振順老師寫的「地理課沒教的事」)

在這本書裡面提到許多 Google 地球的使用技巧，其中有一個是使用 Google地球來製作 3D 地形地圖，在書中老師是使用 Photoshop 來做最後的影像處理，但因為 Photoshop 是屬於付費軟體，所以我想改用 Photopea 這個雲端版的免費 Photoshop 來做這樣的應用，讓大家可以在沒有付費軟體的情況下，也能完成相同的製作方式。

此外，也提供一些不同於廖振順老師的做法，讓大家可以更容易製作與調整最後的 3D 地形圖。



二、開始依照廖振順老師的提示製作 3D 地形圖

在以下的製作中我們會使用到 Google 地球專業版以及 Phhotopea這個雲端服務，請您自行安裝 Google Earth 專業版以及打開 Photopea 雲端服務網頁後，將語系切換為繁體中文。

0.瀏覽雲端硬碟上相關素材與完成檔案






1.在 Photopea 建立背景透明的紅色方框

A.新增如下圖的背景透明專案檔案。


B.使用矩形工具如下圖拖曳出一個矩形區域


C.使用「反轉選取」選取原本矩形的外部範圍


D.設定前景顏色為紅色，使用油漆桶工具將紅色填滿外框


E.將圖檔儲存為 PNG 透明圖檔


2.在 Google Earth 找到想要建立 3D 地形圖的地點套疊紅色外框

A.在 Google Earth 找到想要建立 3D 地形圖的地點。

※ 請先維持如下圖的平面視角，不要調整為 3D 透視圖，比較方便後續的疊加圖像動作


B.設定圖像疊加大小、角度與位置


C.疊加紅色外框圖像


※ 若對於圖像疊加位置、大小不滿意，只要再次打開此對話方塊，就可以重新調整。



D.將地圖調整至 30 度到 40 度的透視角，可以製作出較佳的 3D 透視圖


按住中間滾輪不放，往下拖曳：調整透視角度；按住中間滾輪不放，左右拖曳：旋轉地圖角度


3.在 Google Earth 地圖匯出為 PNG 圖檔

A.選按「儲存圖片」


B.將地圖上的元素隱藏後，選擇適合的解析度並按下儲存圖片

儲存的圖檔格式，預設為 JPG，建議改用 PNG 以獲得最佳的品質


4.在 Photopea 開啟地圖，並去除紅色外框及外部地圖區域

A.使用「物件選擇」工具，用拖曳方式框選紅色區塊範圍，讓 Photopea 自動選擇正確的選取區。





B.再用「魔術棒」減選紅色框線範圍，就可以取得我們需要的地圖範圍了！





如果還有一些多選取的範圍，可以使用「套索選取」或「多邊形套索選取」工具進行減選。




C.按下鍵盤上的「Ctrl + Shift + I」或是選按「選取 / 反轉選取」選取地圖以外的區域





D.按下鍵盤上的「Delete」或是「Backspace」刪除不需要的地圖外圍

※ Photopea 的「Background 背景」圖層與 Photoshop 不同，它是可以像一般圖層一樣，擁有透明的效果。


E.刪除地圖邊緣的「紅色」殘留顏色

放大地圖仔細觀看時，會發現地圖邊緣還會有少部份的紅色殘留，請依照以下步驟來刪除。


使用「邊框」方式，數值大小依您的地圖紅色殘留範圍自行調整，將地圖邊緣選取，按下 Delete 刪除


5.在 Photopea 使用鋼筆工具建立 3D 地圖的「厚度」

在這邊我們改用鋼筆工具這個向量工具來製作 3D 地圖的「厚度」，主要是讓大家未來如果想要做形狀的調整是可以比較有彈性也相對比較方便。

※ Photopea 完整的鋼筆工具教學，可以參考我所撰寫的啟芳出版社「高職商業與管理群 數位科技應用下冊」書中免費開放閱讀章節：「試閱3：第二章 Photopea 雲端影像處理基本操作」


A.請選按「選取 / 取消選取」，把剛才的邊框選取範圍取消。

B.新增空白圖層後，將它拖曳到地圖下方


C.開啟「尺規」後，從左側「尺規」上拖拉出三條參考線，對齊到地圖上的三個頂點


※ 若鋼筆節點位置沒有設定好，可以使用白色箭頭「直接選擇」工具點選節點來調整位置。


D.使用鋼筆工具畫出地圖右側的四邊形


E.再新增一個空白圖層，調整到「地圖」圖層之下，重覆上面的步驟，加入地圖左側的「厚度」


F.如果想要調整 3D 地圖的四邊形顏色，可以依下圖的操作順序，回到鋼筆工具後，選擇不同的顏色或是漸層


6.在 Photopea 使用調整圖層的「曝光」進行地圖亮度調整

如果覺得地圖的顏色偏暗，可以使用以下方式進行調整，「曝光」就是相機中的 EV 值，會比「亮度/對比」、「色階」、「曲線」更容易與更直覺。

A.重新取得地圖範圍的選取區，避免後續動作影響到其餘影像

在「地圖」圖層上按右鍵 / 選取像素，或是 Ctrl + 點按圖層縮圖

B.加入調整圖層的「曝光」



7.在 Photopea 匯出 3D 地圖為 PNG 圖檔


8.在 Canva 中加入地圖與相關說明、插圖




三、依照廖振順老師的提示製作 3D 地形圖教學影片






※ 教學資料總整理：

※ Youtube 直播與研習記錄：


※ 延伸閱讀：

留言

張貼留言