画图教室 | Google 3D建筑！快进我的鸟瞰图里来！

冷冰寒

新一期画图教室来了！
设计已然令人头秃… 还得构建周边建筑环境…… 以为CADMAPPER是救星，结果…… 地形？地形误差大！建筑？建筑高度对不上！还妄想要细节？自己建模去吧你！看着极其还原现实环境的Google 3D Building流下泪水，质问到：你何时才能为我所用！！？
来了~来了~看这里~此时此刻！
本期就带你获取并利用Google 3D Building制作广场活动氛围鸟瞰图。
PART 1

软件下载安装调试



老熟人Rhino, Illustrator, Photoshop大家应该已经安装过了。

新朋友们在这里下载：
RenderDoc 请选择旧版本<v1.2>  https://renderdoc.org/
Blender  https://www.blender.org/
插件：Maps Models Importer https://github.com/eliemichel/MapsModelsImporter/releases/tag/v0.5.0-rc1
Google Chrome https://www.google.com/intl/zh-CN/chrome/
下载完成后，改变Google Chrome快捷方式的属性：
①在桌面【创建快捷方式】



②右键Chrome的快捷方式图标，打开【属性】，将【目标】更改为【 C:\Windows\System32\cmd.exe /c "SET RENDERDOC_HOOK_EGL=0 && START "" ^"C:\Program Files\Google\Chrome\Application\chrome.exe^" --disable-gpu-sandbox --gpu-startup-dialog" 】，左键【确定】
（TIPS：和程序相关的操作请确保所有字段输入法为英文）


PART 2

捕获Google 3D Building

①运行RenderDoc，左键工具栏上的【File】，打开【Inject into Process】



②在【Refresh】输入【chrome】



③双击打开更改后的chrome快捷方式，看到下图提示框，此刻不要点击确定



④转回RenderDoc，左键【Refresh】，双击上方【Google Chrome Gpu】



⑤转回Google Chrome，左键确定，左上方显示图示字段样式，表明操作成功



⑥打开Google Maps网页，找到目标场地，左键左下角【Layers】【More】，左键【Satellite】，取消不需要捕获的【Labels】，勾选【Globe view】，此时可以明显地看到3D Building加载出来了





⑦左键Google Maps显示的场地，按住不放，单击键盘上的【PrtSc】,同时小幅度拖拽鼠标约1-2秒。





⑧Google Chrome左上角显示【Captured frame】后，转回RenderDoc，单击【Captures collected】内捕获的信息，就可以看见最左边【Event browser】加载出来的信息列表。



⑨左键【Texture Viewer】,打开【Event Browser】里的列表，找到合适的，信息完整的Capture



⑩左键上方工具栏【File】-【Save Capture】,将【RenderDoc Capture Log (.rdc) 】文件命名归类到设计项目文件夹




（TIPS：在网页上将场地放得越大，捕获的建筑模型精度越高，故此可以多捕获几次后期拼接完整）
PART 3

转换文件格式

①打开Blender，左键上方工具栏【Edit】-【Preferences】-【Install】-【Install Add-on】，安装插件【MapsModelsImporter】并勾选启用







②导入【RenderDoc Capture Log (.rdc) 】文件：左键【File】-【Import】-【Google Maps Capture】，选择文件，左键【Import Google Maps…】



③左键右上方【Viewport Shading】，这样转换格式后的文件会带上贴图信息，以便用于写实风鸟瞰图。


*例如PLACE DE LA RÉPUBLIQUE IN PARIS项目



④导出：左键【File】-【Export】-【Wavefront(.obj)】，储存文件命名归类到设计项目文件夹


STEP 04

合并模型与渲染

①使用Rhino打开【.obj】文件，左键【确定】





②将建好的设计模型文件复制进来，使用命令【Scale】【Move】调整Google 3D building的尺寸为实际大小并与设计模型对齐。



③调整视图到合适位置，保存至【已命名视图】，方便后期修改导图对齐。



④左键双击跳转到保存好的【已命名视图】后，再开始使用Enscape/ Vray/ Rhino Render渲染。此处以Rhino Render为例，设置太阳光线，【标准】-【切换渲染设置】-【照明】-【太阳设置】



⑤正式开始渲染，分别渲染Google 3D Building和设计模型




STEP 05

PS场景制作

①拼合调整模型渲染图，将阴影改为蓝色调



②将设计元素的线稿从Rhino中【Make 2D】叠加进来，并统一改成蓝色。将喷泉、草地这种大面积区域上单色



③将人添加入场景。按各个出入口的大小和预计人流量，在合适位置放置足够数量的人。人群的整体分布和密度，需要符合使用者将在广场内活动的流线和聚集方式。



④按照设计的种植点添加适宜冠幅和高度的树木



⑤按照一定的透视和空间关系，添加鸟、气球、彩纸屑、风筝、热气球、云朵等提升场景整体氛围感的素材


（TIPS：将原始尺寸以单色【智能对象】的形式放在【图层】内，随意裁剪也不用担心后期修改对齐图层会很麻烦）


这样一张节庆活动氛围的城市广场鸟瞰图就完成啦！
欢迎小伙伴们在留言区里提问~讨论~多多交流哦~~
图纸版权归作者所有作者：周釉
素材福利！

今天学姐超详细的鸟瞰图分享到这里就结束啦！此次制图所需要的素材也将分享给大家！
详细领取方式戳戳链接的文末：


画图教室持续输出中请继续关注~*非常欢迎大家来【画图教室】踊跃投稿!
<hr/>— 留学作品集相关 —
RAC24/25fall留学申请报名ing
更多建筑、景观、城设、交互、室内、留学信息、院校资讯、报名时间节点、作品集辅导、软件知识等内容可联系RAC干货宝宝vx【racstudio_05】备注【知乎+问题】 。