【圖面製作】用Photoshop將mapbox底圖再製


前置作業

通常來說,如果是有要進行後續加工的底圖,生魚片會傾向使用MAPBOX裡的Base範本,減少資訊的複雜度。而今天使用的原圖是下面這張,只保留了綠地、河、建築等常見元素。

有一個額外的小技巧是,因為後續我們基本上都會完全重新上色,所以現階段的顏色並不重要,可以把顏色調整的差異大一點,方面後續操作,不過這裡為了更容易閱讀,就不這麼做了。

mapbox產出底圖

操作說明

在最一開始我們可以新增一個純白的填滿圖層在圖層最下方,這有助於後續操作時判斷顏色。

接著,我們要使用「選取」裡面的「顏色範圍工具」,選取現在要操作的元素的顏色,然後調整朦朧度讓選擇的範圍不要染到別的區域,從圖片裡可以看到,我們選擇的範圍基本上都確實是綠地,那這樣就是正確的。

photoshop顏色範圍工具

完成選取之後,生魚片通常會把原始的圖層關掉,並打開一個新圖層,在新圖層上依據需要上色。

photoshop選取工具
photoshop基於選取範圍新增圖層

上色完之後,可以在還維持著選取的狀況下新增圖樣圖層(圖層-新增填滿圖層-圖樣)。生成新的圖層之後,將圖樣圖層的混合模式改成覆蓋,然後將其拉到上色圖層的上方,並微調透明度到適合的樣子。

只要反覆這套操作,就能完成對底圖的處理,操作本身都很簡單,但像是顏色選擇、上色方式、圖樣調整等等,就需要一點練習來掌握。

photoshop在選取範圍內上色

這裡附上一組不同上色風格的範例,以個魚經驗來說,如果想表現得比較手繪風,可以將流量跟透明度調低,透過反覆上色的方式微調。那如果看起來是想要比較飽滿的,就可以直接把顏色塗滿就好。

延伸運用

做完底圖之後,就能產生很多的延伸運用,像是用於分析單一類型建築的分布、觀察街廓細節、或者單純做成裝飾性的圖面等等,功能繁多,因此雖然前面的操作有點麻煩,但有時候還是有這麼做的價值的。

photoshop配合mapbox產生圖底圖

photoshop配合mapbox產生比較好看的底圖

photoshop配合mapbox產生反轉的底圖

為了避免作者過度寂寞,可以多留言

探索更多來自 在地上跑的生魚片小站 的內容

立即訂閱即可持續閱讀,還能取得所有封存文章。

Continue reading