製圖課堂|如何基於Google Map快速製作暗黑風格Mapping

2021-01-17 MODO學院

對於部分同學來說,如何快速出效果的製作項目前期的Mapping始終困擾著大家,同學們常常在收集了一大堆前期資料後無從下手,對於分析圖的配色,線性,圖標等不知道如何搭配出效果,今天MODO製圖課堂將給大家帶來基於Google Map最快速的暗黑風Mapping出圖方式。

暗黑風Mapping其炫酷的區位表現看似複雜,其實內在的製作邏輯很簡單:主要是地圖處理以及信息疊加到最後的整體優化。

一. 地圖處理

使用軟體:衛星地圖下載器+PS處理

尺度分析首先我們需要確定分析的空間尺度屬於超大尺度-大尺度-中尺度-小尺度中的哪一種, 考慮到圖面尺度的和諧,通常暗黑風格的Mapping更加適用於中大尺度分析場地各類複雜問題的成因,小尺度需要更為精確的分析周邊要素。

▼ 超大尺度範圍

▼ 大尺度範圍

▼中尺度範圍

▼小尺度範圍

在根據自身項目的類型確定好分析邏輯後,選擇合適自己項目的分析圖尺度,像類似大尺度生態,中小尺度社區更新工業改造等。根據最近的熱點事件,我們這次選擇的主題是海嘯對小名浜的影響。

2. 地圖獲取

可以通過各種衛星地圖下載軟體找到你所需要分析的區域下載衛星地圖,市面上常見的軟體如lsv、google等都可以免費下載高清地圖,下載後將地圖素材拖入ps中。

(Tips:本期教程軟體福利資源包在文末處可領取)

3. PS軟體處理效果

a. 為了更好的呈現黑暗效果我們直接對地圖進行黑白處理並且調整色階至合適的狀態;

b. 通過選區及蓋印等工具修改圖面上瑕疵區域,將圖面環境進行大面積平整可以通過增加紋理或者貼圖來實現;

c. 為了突出畫面可以調暗周邊或給四周加上暗角濾鏡;

▲ 這樣我們就得到了mapping的基礎底圖,接下來就是信息的疊加操作。

二.信息疊加--重點信息/點線面

使用軟體:PS+AI

通過分析最開始的參考圖,我們可以發現信息疊加的手法主要是點線面三種元素在圖面上的表達,處理過的底圖較暗,所以元素的顏色選取亮色能夠在黑色的圖面上一下子跳脫出來,更為清晰的表現信息。

我們主要表現得信息可以分為以下兩種:

1.地理信息

根據項目主體開始疊加你所需要的地理信息,如等高線,海岸,交通,道路,風向等

2.非地理信息

主要強調社會因素如人口,產業,建築等

將其分解為點線面三個元素在圖面上進行疊加:

點元素(如漁業資源,港口位置,周邊建築屬性等分布式信息)

線元素(主要表現在路網交通,運輸流線等)

面元素(大面積的影響區域,地塊屬性等)

三. 整體優化

軟體使用:AI+Excel+PS

1. 整體布局構圖

完成底圖數據疊加後,可能還會有大面積空白的情況,為了給圖紙增加信息量可以對其他區域的版面進行分塊,填充輔助信息加強所需強調的問題點,增加圖紙的信息量。

2. 輔助信息表現(文字+鋼筆工具+ai)

大的區位推導/場地數據信息/危害程度等都可使用圖標數據等方式呈現在圖面,海平面可以根據現有資料進行分層,給圖面增加更為豐富的層次感。

圖表等信息可以通過Excel導入AI的形式快速生成。▼

3. 氛圍烘託(ps-調色工具-蒙版)

太過乾貨的數據呈現下版面效果還是較為死板,這個時候就可以通過場地的事件發展場景進行拼貼圖紙的繪製,來強化你所要展現的問題的嚴重性,同時也可以烘託圖紙的氛圍,同時調節整體圖面效果。

通過以上三個主要步驟流程(獲取地圖處理底圖——信息疊加——整體優化細節調整),就可以快速得到這樣一張基於Google Map製作的基礎暗黑風格Mapping圖紙了!當然大家也可以根據自身項目的需求進一步調整圖面,增加或減少信息來強調表現的主體。

MODO DESIGN INSTITUTE

一個真正學習設計的地方

MODO是一所獨立的設計教育與研究機構,我們專注於建築、景觀、城市及室內等學科國際化設計方向的教學與研究。MODO為成百上千的中國學生建立科學的設計思維與能力體系,幫助他們實現了海外名校夢想。我們致力於設計學科的本質發掘及最前沿的探索,積極成為推動設計領域發展的一支新生力量。我們的願景是,通過魔豆團隊與全體校友及夥伴的合作與持續努力下,將MODO逐步發展為一所具有國際影響力的獨立藝術院校,在設計領域發揮重要作用。

Teaching / Research

留學作品集 / 出版

留學申請 / 展覽

工作坊課程 / 學術交流

寒暑假集訓營 /設計顧問

背景提升 / 跨學科合作

更多留學申請&作品集問題

相關焦點

  • 手機google map下載
    【手機google map下載遊戲資料】
  • Baidu與Google地圖API初探
    則支持大部分國家的車載導航3D地圖(在中國僅支持部分城市,如上海) API風格: BMap API和google.maps的API接口略有不同,BMap模塊化分層設計更加獨立;兩者的API風格,可以代表其它幾款開放的
  • 有趣的Mind mapping(圖)
    Mind mapping,如果把這個詞拿來問中國孩子,可能沒有一個孩子能告訴你這是什麼。但是如果你問我教的泰國孩子們,他們一定會拿出一張張漂亮的圖畫來給你看。請不要小看這些圖畫。一張小小的A4紙,上面有絢麗的色彩,漂亮的圖案,而最重要的是上面還有著學生們在中文課堂上所學的中文知識。
  • 測圖衛星 mapping satellite
    請看新華社的報導:China successfully launched a mapping satellite, "Mapping Satellite - I," from the northwestern Jiuquan Satellite Launch Center at 3:10 p.m.
  • 如何用cad製圖軟體修改內容?試試這個快速修改的方法
    如何用cad製圖軟體修改內容?cad是我們常用的一款製圖軟體,不管是你身上穿的衣服或是你手上的玩具都有可能會經過cad而出。可見cad製圖軟體遍布在我們身邊的各個地方,當你獲得一份cad圖紙有錯誤或者想添加內容時你知道該怎麼修改嗎?
  • CAD快速看圖製圖
    CAD快速看圖製圖 學習辦公 大小: 4.57M
  • 【高訓智造】原創專業課堂第192期--​機械製圖基礎知識(一):機械製圖投影法
    歡迎來到【高訓智造】原創專業課堂第192期,本期由鍾觀友老師給大家帶來機械製圖小課堂。
  • 小白如何快速自學?快速掌握CAD製圖?
    小白如何快速自學掌握CAD製圖?CAD是一個比較普遍,應用面極為廣泛的製圖軟體,全屋定製離不開cad軟體,室內裝修施工圖離不開cad軟體,建築工程製圖更離不開cad軟體。知道CAD的人很多,懂點皮毛的也不少,但是如果要能獨立的cad製圖的就不那麼多了。Cad軟體好不好學呢?當然好學,上小學二年級的侄子天天聽我上課,現在都能自己繪圖了。
  • 《暗黑之書》評測:暗黑風遊戲的回歸之作
    暗黑系風格遊戲總是給人帶來一種詭異、陰森的感覺,大家接觸最早的暗黑遊戲應該就是1996年暴雪推出的《暗黑破壞神》,遊戲的推出也為整個遊戲市場開闢出了一條全新的遊戲類型。隨著時間的推移,2014《暗黑破壞神3》在中國發行,遊戲的上線證明在中國依然有很多的玩家對暗黑風格遊戲感興趣。端遊如此,那手遊市場又如何呢?
  • CAD製圖怎麼學習?教你如何掌握CAD製圖技巧,讓你快速入門
    很多新手抱怨自己學不好CAD製圖,下面教大家幾個CAD技巧,讓你快速入門CAD,一起來看看吧!繪圖基本命令在繪圖時,CAD快捷鍵命令是必備的,熟練的掌握快捷鍵可以讓你事半功倍,那麼多的快捷鍵,記住常用的就行了。以下是42個常用的CAD繪圖命令。繪圖基本要求1. 所有設計室出的圖紙都要配備圖紙封皮、圖紙說明、圖紙目錄。
  • PPT製圖技巧:如何使用表格分割法製作九宮格圖片?
    很多人都知道PPT也是可以製作圖片的,那麼大家會不會製作呢?今天小編就教教大家如何使用表格分割法製作九宮格圖片?很實用的一個製圖技巧哦!No.1首先就是要打開我們的PPT了,新建一個空白文稿。No.2之後在新建空白文稿裡插入我們製作九宮格的圖片,然後點擊【插入】,選擇【表格】功能,將一個3乘3的表格插入到圖片上。然後記得給表格調整大小。No.3在調整完表格大小之後,剪切插入PPT中的圖片,再選中插入的表格。滑鼠右鍵單擊,選中【設置形狀格式】。
  • JAVA map的用法/如何遍歷MAP
    第二步: Map map=new HashMap();  //接著向MAP中添加數據進入,如下所示         map.put("a",     "1");            map.put("b",     "2");            map.put("c",     "3");   第三步:上面我們已經在MAP中添加了三條數據進去,我們可以用下面這句取值
  • 暴雪嘉年華:《暗黑破壞神4》主創:遊戲風格受伊藤潤二漫畫和克蘇魯...
    而看過實機演示和預告的朋友相信也注意到了,本作的畫面變得相當寫實風,而預告也顯現出許多更加黑暗的風格的元素。《暗黑破壞神4》遊戲預告:  在嘉年華上《暗黑4》首席藝術家Matt McDaid在接受外媒vg247採訪時表示,遊戲的風格受到了日本恐怖漫畫大師伊藤潤二的影響,例如將常見的事物進行「扭曲」變化,製造令人毛骨悚然的恐怖元素。
  • 【乾貨】用Google Earth製作實景地圖三維模型,太炫酷了!
    但是我們要如何將這些數據提取出來並導入3D軟體中?今天小編就教你利於Blender完成以下操作。  能做什麼?  看看這些生成的地形後的效果,的確還是厲害哦!    二、Blender地圖導入插件  1)下載map model importer插件。  https://github.com/eliemichel/MapsModelsImporter/releases  2)安裝插件。  打開Blender軟體。
  • 探討大世界遊戲的製作流程及技術——大場景製作技術概況篇
    作者:Kerry 本文首發於知乎專欄「TA周刊」接上文,我們接下來了解一下大世界場景製作技術有哪些,本篇旨在給大家過一遍目前業界的做法,能讓大家有一個宏觀的知識藍圖。實際上,針對不同的遊戲類型和美術風格,製作技術在細節上有著非常大的不同,業界目前也很難說有一套標準且高效的流程,所以一些細碎的技術點將會在其他篇章逐一討論。
  • AtomTraceLIBS元素分析技術 ——應用於植物金屬元素分布快速Mapping
    AtomTraceLIBS元素分析技術——應用於植物金屬元素分布快速Mapping AtomTrace是歐洲工程技術中心(CEITEC)的唯一衍生公司,公司成員均為布爾諾大學雷射光譜與化學分析實驗室的科研人員
  • 蜂鳥視圖開放室內地圖編輯器,提供從0到1的自主製圖能力
    但目前這些建築物宛如汪洋大海中的信息孤島,其內部的原始數據採集難,數據製作成本過高,室內信息變化頻率快但更新速度慢!這些問題成為了空間產業信息化的瓶頸!如何打破信息孤島,讓空間不再僅僅是空間,而是進入數字標準化範疇,讓空間數據「活」起來,並被充分利用?
  • 產品規劃藍Roadmap長什麼樣子?
    延伸到產品設計上,它是一種能快速表達出這款產品實現成功的過程和最終的結果。2. Roadmap的特點1)有起點有終點與傳統地圖不一樣的地方是,Roadmap是有起點有終點。通常起點是1個,但是終點可能是1個或多個,因為產品發展的路徑可能會從最開始的1個idea衍生成1個或多個產品解決方案。
  • 如何訪問google申請Google帳號的方法
    對於google公司來說,google帳號(用戶或帳戶)和gmail郵箱(帳號)都是同一個概念,可以通用使用google郵箱的格式來登錄使用。鑑於目前網際網路中google的強勢,很多人目前還沒有使用過google的帳號,並且google在市面上很多產品,都要求有google帳號來方便管理,下面就來介紹一下如何申請google帳號先找到一個能切換IP位址的工具,進入官網下載好壓縮包客戶端之後解壓到桌面上,雙擊裡面的exe圖標輸入已經註冊好的用戶名和密碼,點登陸進入軟體界面,選擇節點,點啟動加速