十步完成区位分析图 建筑学院 • 2018-09-20 上午9:00 • 学生, 建筑设计, 按角色, 经验 简单的套路却很难用 -前言- 如何抓取一张高清的矢量地图是一件很头疼的事，相信大家都有这经历，我们常常在pinterest上看见这种屌炸天的分析图，觉得十分惊艳。但是惊艳过后，再看看自己的方案，完全不知道用什么手法来表达场地信息，会觉得是所用的配色、线型或素材不够好看，所以达不到效果。其实不是的，最主要的原因是因为“底图不够细致”。 来自Pinterest的区位分析 上面是一张完整的区位分析，接下来看看没有分析的城市底图。 仅仅填纯色的城市肌理 从上图看出仅是一张没有任何标注的城市肌理底图，效果也十分出众，可见一张底图的重要性！ 我在读书的时候（一年前），对于这种图是很头疼的，那个时候并不知道有什么很好的办法抓取矢量地图，也看了很多公众号的文章，有说用ELK（Grassshopper的一款插件），我不会GH！简直要崩溃，而且openstreet对于大陆地区的信息量有限，很多大城市的数据不全面。后来在与一个学员交谈的的时候得知一个非常简便分法，那就是百度地图个性编器。 STEP 1 首先，百度上搜百度地图个性编辑器，定位上海。 然而地图上的一些文字信息太多余。地图、建筑、水系与草地这一系列的元素没有区分开，这个要做一些处理。 初始效果 STEP 2 接下来需要删除所有文字 ❶点击元素—全部 ❷点击文本—全部 ❸点击样式—显示，先将左边的框的勾勾上，然后再把右边框的勾取消，这个时候文字图层就消失了。 ❹点击添加样式规则，只有这样才能保存之前的设置。不点这个的话，还是会还原到最初的状态。 去除文字的效果 STEP 3 第三步提取建筑、道路、河流等图层 方法跟去除文字的方法一样 ❶点击元素—全部—地图背景—建筑物 ❷点击属性–几何—填充 ❸点击样式–颜色，在这里我选择的是黑色，尽量填充容易区分的纯色。（后面需要用魔棒进行选区） ❹点击显示，两个勾勾上，就行了 ❺然后再点击添加样式规则，完成道路、河流、绿地等等区域的填充。每做完一次操作都要再点击添加样式规则（否则前面的操作会被覆盖掉，重点！） 提取建筑层 STEP 4 然后，同样的方法我们得到了这几个图层的地图，为了保证清晰度，将比例放到最大，将每个区域的图进行截取，这步可能是最痛苦的，经常会截取不全，如果有更好的方法，请在在公众号回复。 截取的小图 STEP 5 使用PS的自动拼图工具将零散的图片进行拼接。 点击文件—自动—photomerge—浏览，把所要拼接图片放入，点击确定就行了，如果截取的地图有遗漏的区域，拼图会出现错误。 拼图面板 通过自动拼接，可以得到一张拥有建筑，水系，草地，交通路线完整信息的图。 拼完效果 STEP 6 使用魔棒工具，选中红色交通图层，把连续的勾取消。然后ctrl+j复制一层，就可以将交通图层分离开来，依次分离各功能层后得到了以下几张图： 建筑层 道路层 有了单独的元素图层，如果你需要矢量图，就可以分别拖入AI，进行图像描摹转为矢量图，也可导成DWG。 STEP 7 选中建筑图层，双击图层打开图层样式，选择描边，然后将填充设置为0，将填色显示转为线稿显示。 同样的，道路，河流等图层做相同处理，使用图层样式编辑。 STEP 8 有了线稿还需要再填一下颜色，将建筑图层复制一层，打开图层样式，关闭描边，开启颜色叠加，给一个纯色。 为了凸显主要表达区域，添加一个蒙版，将非设计范围擦淡，这样非设计区域就只有线稿的样式了。 原始效果 擦淡后的效果 STEP 9 开始添加网格线，丰富底图的细节，一般的地图都有坐标系，也就是参考线。所以这个时候打开AI绘制网格线。 在AI中绘制网格 设置好线的粗细，线形之后，就可以直接将网格全选，拖进PS中。 AI网格拖入PS的效果 为了表达陆家嘴区域对周边环境的影响范围，将网格进行填充。 新建一个图层，选取网格图层，使用魔棒工具对要进行的填色的方格选区，回到新建图层填充蓝色，表达该区域的影响范围。 网格填充后的效果 STEP 10 现在河流区域缺少水纹理，回到AI中，根据下图找到所选的纹理，编辑好图案的纹理和颜色之后，拖入PS中。 在AI中绘制网格 拖入PS之后，将水纹理图层添加蒙版，将边缘虚化，并降低透明度。 处理后的效果 STEP 11 最后导出图片格式，导入AI做信息的标注，如等高线，指北针等。也可以将岸线进一步加粗。做到线的粗细的区分。Icon网站推荐：Iconfont（http://www.iconfont.cn) 最终效果 怎么样，是不是相当简单，不需要那么多软件，而且百度个性地图，国内的信息相对较全，但是这种方法的缺陷就是在做矢量图的时候可能并不是那么准确，所以每种方法都有一定的缺陷。 ~请扫二维码关注微信公众号哟~ 并关注微博@绿变变 PC报名入口 ： 点击前往课程 移动端 ：把本文发送至微信“文件传输助手”或任意好友，打开文章识别上方二维码 网站专属优惠码：网站arch，立减20元，记得在购买界面“优惠券/码”处点击输入 本文来自 © 建筑学院， 发布于 © 建筑学院官方网站。 未经授权，禁止转载或摘编。 编辑版本版权归 © 建筑学院官方网站 所有， 设计、图纸及照片版权归设计方 © 建筑学院 ↗ 所有。 查看作者在建筑学院发布的更多作品： 建筑学院 @ 建筑学院官方网站 分析图地图教程 建筑学院编辑 下载原图 收藏 15 关于作者 建筑学院编辑 关注私信 9.0K 文章 202 评论 6 粉丝 建筑学院（ArchCollege）是中国领先的建筑师移动垂直社区，成立于2012年，超过 70% 的年轻建筑师正在使用我们的产品。我们致力于通过建筑设计新媒体与在线教育平台，连接教育、行业与科技，为建筑师提供灵感与成长支持，陪伴并见证每一位青年建筑师的专业进阶与时代探索。 看出建筑在哪了吗？结合历史与自然的有机建筑——肯尼亚红辣椒住宅 上一篇 2018-09-20 上午8:30 拉长流线、视线和时间形成深深庭院——江苏深深·深宅 下一篇 2018-09-20 上午9:29 猜你喜欢 建筑分析图超级目录-编辑测试 2018-01-01 学生 100张国际范儿建筑分析图，了解一下 2018-05-15 图纸 每日福利 / 一弹国外分析图参考 2018-02-06 图纸 做設計，分析图豈能不清晰？ 2017-09-28 好图分享 教程.一张效果图教你如何表达空间氛围 2018-09-14 建筑设计 6种分析类型，8个秒图风格，建筑分析图从未如此迅速。 2020-10-29 建筑设计 发表回复 请登录后评论...登录后才能评论 提交 评论列表（15条） 陈胜鹏 2018-09-20 下午12:29 您好，请问第十步 AI中水纹素材是怎么制作出来的？ 回复 mangoleo 2018-09-20 下午8:13 这篇以前不是有发过嘛？ 回复 丶Idihol 2018-09-21 上午11:06 做了一次好像merge老出错，有点难度 回复 清淡 2018-09-29 下午5:26 资瓷一下，学到了 回复 樾来越好 2018-10-10 上午10:57 不明觉厉， 我平时就是QQ截个地图，然后画个五角星，写个“SITE”就完工 回复 陈辛昕 2018-12-23 下午1:26 截图软件可以用SnagIt，自动拼接 回复 Whisper 2019-10-10 下午6:20 你好 我想问一下你截图是怎么截的呢 回复 龙嘎哒℃ 2019-10-13 下午4:02 @Whisper：电脑PRTSC直接截就行了，或者用Snagit之类的软件直接截取 回复 匿名 2019-11-06 下午4:57 为什么我根本没有显示这个选项 没办法不显示名称这些 回复 C 2020-09-28 下午12:08 @匿名：我也是刷不出来啊 回复 C 2020-09-28 下午12:08 建筑什么都显示不出来来怎么解决呀 回复 喜欢阿 2020-12-29 下午2:12 在PS里面怎么把建筑图层分离开来的？？？一个一个选？道路用魔棒点一下就都选中了建筑怎么搞 回复 2018-09-23 上午7:16 截图的时候点击浏览器右上角网页缩放功能会方便很多 回复 泡芙小姐deWalkman 2018-09-23 下午2:12 讲的步骤很详细，很好玩 回复 Tarc1993 2018-09-30 下午3:14 哇，确实很方便，谢谢分享 回复 L...冰 2018-10-11 上午9:43 毕设开始了，学习 回复 冬瓜 2018-11-11 下午11:47 学到了，感谢 回复 MI∝東兒 2018-11-19 上午9:31 区位分析图 回复 時の薰り 2018-11-19 下午2:04 谢谢，一直不知道这是怎么做的，现在去学学 回复 芸 2018-11-23 上午8:13 很赞！ 回复 o 2018-11-26 上午10:50 为什么我的界面和你的不一样 回复 廿十三 2018-11-26 上午11:01 请问ps哪个版本的？图层样式里面的界面找不到你说的选项 回复 小五 2018-12-10 下午6:47 截图再拼确实很麻烦，有没有什么办法呢 回复 终觉浅 2019-01-10 下午11:30 为啥我的没有建筑轮廓~是因为地儿太小了么 回复 nubeξ 2019-04-15 下午1:12 。。。小村子没有，地图还是谷歌好 回复 西西西 2020-02-14 上午10:48 那个红色的图标怎么去掉呢 回复 西西西 2020-02-14 上午10:48 那个红色的图标怎么去掉呢 回复
