打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
SITE ANALYSIS:从ELK到AI的工作流

相信大家都还记得,小编上一期对于GH平台ELK插件的讲解教程,快打开这个链接:极简神器ELK:秒出城市底图,迅速复习一下吧!

我们之前还有一期针对AI的基础教程:一张平面图教你AI入门,对AI不太熟悉的小伙伴们也可以温习一下~

上一期ELK教程,我们的投票结果已经出来了,感谢大家的踊跃参与!

最高票的是第4张图D,小编已经通过ELK和AI的工作流制作了这张图纸,先看看AI后期关键的操作步骤:

最后的成图效果是这样滴~

声明:原图纸和设计的版权属于原作者,而基于该素材的制图教程版权属于LAC~

这次我们的教程大致分为以下四步:

(1)获取OSM:在OpenStreetMap下载基地的原始地图数据,即OSM文件

(2)矢量底图:GH中用ELK插件读取OSM,生成并导出矢量格式的dwg底图

(3)分析图解:AI直接打开该dwg,逐个绘制分析图解

(4)汇总排版:AI中汇总各个分析图,完善排版

STEP 1

获取OSM

这个设计是一个主题为Infrastructure City的城市形态的探索研究,基地选址在Melbourne的郊区Sunshine。打开www.openstreetmap.com网站,输入“Melbourne Sunshine”找到基地。参考我们上一期教程的OSM下载过程:

即按照“导出——手动选择不同的区域——调整区域——导出(OSM文件)”的顺序,下载好该基地的OSM文件,命名为“MS”存在了E盘的LAC文件夹下,因此它的文件路径是“E:\LAC\MS.osm”。

Tips:如果选取的区域过大,可能会导出失败,需要调整至合适范围。

STEP 2

矢量底图

接着我们打开Rhino和Grasshopper,打开我们ELK上一期教程制作好的电池组文件(公众号后台回复“elk”即可获得下载链接)。就是这两个家伙啦~

打开这两个文件,分别替换掉文件路径名称为“E:\LAC\MS.osm”:

电池组的形式仍然跟ELK上一期教程相同,除了替换掉的文件路径名称:

替换好之后的电池组文件也已经打包好了,小编另存为如下两个文件(公众号后台回复“elk2”即可获得下载链接):

接着我们在Rhino里就能看到矢量格式的基地底图啦,我们逐一bake,记得一定要bake到不同的图层中,并把图层改为对应的名称,养成这个好习惯,后期各种编辑会省力很多~我们得到了如下的线稿和图层:

然后画一个圆,剪切掉圆圈外多余的线稿,我们的底稿在Rhino环节基本就结束啦。其实有些图层的线稿在本次教程中用处不大,但是呢,未来画其他分析图说不定也是要用到这些图层信息的!

也许小伙伴们要问小编如何裁剪得这么干净,那是因为小编耐心的抠图抠的~~这时我们就该选中所有线稿了,点击“文件——导出选取的物件”,导出矢量格式的底图线稿啦,格式选择dwg。

STEP 3

分析图解

首先打开AI,然后用AI直接打开刚保存的dwg文件,记得选择“缩放以适合画板”哦~

于是我们在AI中就得到了矢量线稿作为后续编辑的基础。打开AI的图层编辑界面,会发现和Rhino中是一一对应的,并且可以新建/删除图层。

我们把这个AI文件作为底图模板,每画完一个分析图解,就另存为一个新的AI文件,保持模板文件不变。在最终的成果图中,有6个分析图解需要画,编号顺序1-6由下往上:

图解01和02

图解01和02可以一起完成,只需要把图解02去色即可。所以让我们先画图解02。

打开AI底图模板文件,Ctrl+A全选,建立实时上色组,然后改变填充色(前景色),用填充工具逐一填充不同的颜色。

这些颜色代表城市功能分区,小编先填充青色(水域)和红色(可能是商业),再填充大面积的橙黄色(也许是住宅),具体的填充模式取决于你的设计表达意图,小编就先这样示意一下啦~

在这个填充过程中,你可能需要在图层编辑界面按住Alt键切换图层可见性。

现在整个填充面域过于单调大块,因此我们还需要用主要的路网来分割这些区域。做法是把路网描边白色,并赋予一个宽度。根据需要,主要道路等描边粗一些,最次级的道路描边细,要区分开。

再把路网线稿所在的图层往上挪,挪到填充色块的图层上,这样白色路网才会在视觉上分割了色块。然后我们图解02就完成啦,微调的事就不啰嗦啦~

在图解02的基础上,通过“编辑——编辑颜色——转换为灰度(G)”,即可实现PS去色的效果,这样我们就得到了图解01。

图解03和04

图解03相对比较简单,选中所有道路线稿,描边黑色,并赋予一个较细的宽度:

再切换图层,只打开高速公路(highway)、主要道路(main roads)线稿所在的图层,选中线稿并描边黑色,并赋予一个较粗的宽度:

类似地,根据需要再把一些线稿描边加粗,最后得到图解03:

图解04和图解03是一样的原理。打开AI底稿模板文件,按住Alt键切换显示不同的图层(即highway,waterway,railway),我们选中对应的线稿,并用不同颜色描边,赋予不同的宽度,就得到了图解04:

图解05和06

图解05应该是放设计的总平,相应地,小伙伴们可以把自己的设计总平放进去。为了简化,小编就放了个不是任何设计的线稿啦~

图解06相当于前面区域填色和道路描边的方法结合,相同之处不再赘言~

首先利用AI底图模板填充色块区域,然后按住Alt键切换图层,描边道路。但是图解06里还有两个闭合路径,需要自己用钢笔工具手动绘制,并作为填色区域,记得把手动绘制的路径放入新的图层哦~

STEP 4

汇总排版

上面我们已经集齐了图解01-06,可以召唤最终成果图啦!!!

首先,新建一个AI文档,在里面绘制定位框。在AI中画一个矩形,然后旋转45度,再缩小纵向上的长度,再逐一复制。

定位框是用来把俯视图的图解01-06变形为轴测视图,它也是整个排版的基础。

接着我们通过“文件——置入”,把图解01的AI文件导入进来。把图解01逆时针旋转45度,按快捷键E进行变形编辑,用自由变形反正拖拽图解01的控制点,直至和最底下的定位框重合:

放大看一下:

按照同样的办法,我把依次把图解02至图解06导入AI中,并依次放置变形至和定位框重合,顺序如下:

最后我们添加好纵向对位的虚线,还有相应的文本说明,调整一下图层叠加顺序和透明度,整个图纸就大功告成啦~

之前有小伙伴问,如何改变Grasshopper电池的显示模式,在图标和英文全称之间切换?小编在这里回答一下:只需要在Grasshopper界面,点击“display——draw icon”,即可在两种显示模式间切换啦~

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
极简神器ELK:秒出城市底图
经验 | 你要的场地拆分图我知道 | 建筑学院
百度地图秒出dwg线稿教程
秒出高逼格地图的技巧
教你用GH绘制酷炫的流线分析图 | 建筑学院
AI简单将图片转换成矢量图
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服