返回列表 发布新帖

[分析图制作] 一张NB分析图的形成思路及制作过程——以波士顿绿道馆为例

   火...
37953 208
Amlin 发表于 2014-12-29 21:56:15 | 查看全部 阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
本帖最后由 Amlin 于 2014-12-29 22:12 编辑

【本文原文由Alex编写,后经设计e周翻译及细化,希望能对大家有所帮助!】
1、概念来源
   在这个波士顿绿道馆的设计方案中,我将建筑内所有的模块进行拆解分析,此时我发现可以由此做一组分析图。同时将不同模块拆解也是一种能够说明建造过程方法,这样就能表明你在设计过程中是对建造有所考虑的。在对建筑内不同模块的拆离与组合时,可以依据的是功能、材料属性、空间复杂程度等等因素。在这个案例中,我依据的是博物馆的各类空间进行拆离。因此,我首先分离模型的底座,后将空间分为垂直交通空间,公共交流空间,建筑主体功能空间,玻璃幕墙结构空间。
0.jpg
2、分析图配色选择
·这是我为这组分析图设置的背景颜色。一个配色方案时常会给我接下来作图的思路,所以在选择配色方案是我会十分谨慎。一般情况我会选择黑暗的背景  ,因为这给了我使用高亮线条强调设计的机会。这次的配色方案中,深蓝色部分就起到了强调作用。
0.jpg
3、渲染及叠加
·首先将模型体块关系及模型俯视图进行渲染(俯视图渲染是为了接下来给平面图加阴影,也可以按照你个人习惯绘制阴影),体块可以添加部分细节,比如案例中垂直交通的体块就并不是单纯的圆柱体。适当的细节展现可以让分析图内容更加充实。注意渲染主要为了体现体块关系(黑白灰),个人感觉Keyshot渲染较适合分析图使用。
·之后,我把它带到PS中,将准备好的背景色拖进来,设置图层混合模式为“叠加”。(叠加后的图我们称它为图一,即下图中右侧)
0.jpg
4、添加线框
·添加线条可以起到简化阅读,明确模型体量关系的作用。
·我的方法就是先将SU模型设置为隐藏线模式(窗口—样式—隐藏线),然后导出二维图形。(这里需注意sketchup窗口要与上面渲染出图时完全一样,也不要进行任何缩放,直接导出二维线框图即可,以确保接下来两个图叠加的顺利进行)。

0.jpg
·将线框图片放入ps中,后将图片反向,线条呈白色,背景是黑色的。这样我们就有了白色线框(设为图二)。
·接下来我们把图二拖进图一中(按住shift保持图的位置不变,由于图一与图二大小一致,按住shift后便可无缝重合),然后设置图层
混合模式为“柔光”或者“滤色”
0.jpg

0.jpg
0.jpg

5、添加轮廓线
·加一个粗一些的轮廓线,可以使用钢笔描边。这样的轮廓线可以使建筑主体更加突出。
0.jpg
6、建筑颜色选择
·强烈的颜色能够吸引观图者的眼球。所以我故意用强烈的颜色比如红色来表达所需主要介绍的各类空间。然后我用了第二强烈的青色,来表达次要信息。要注意分析图内色彩不宜过多,一般只有三分之一面积颜色为最抢眼的颜色。过多的颜色会使得图面信息混乱!
·颜色是使用多边形工具来进行选择添加的(个人建议也可在线框图层中选择需要添加色彩的区域,更方便)。新建图层,然后使用油漆桶工具填充选区。最后,将填充色彩的图层调整混合模式为“叠加”。

0.jpg
0.jpg

7、添加纹理
·对许多人来说,到了上一步就可以结束了。然而,我喜欢通过添加一些纹理,使得图面有更多的“人情味”。这里我选择了一个金属横纹。同样使用“叠加”的混合模式。
0.jpg
·之后就是多张分析图的合成。我还在平面图阴影部分增加了红色线条,以此来表示建筑的原始位置。

0.jpg

·在这个分析图制作中,最重要的是不要使用太多太多的元素与几何形状,或太多的颜色,这不利于清晰的读图。注意一张分析图不要掺杂过多信息!

·下面放几张这组设计项目中其他图纸。基本的元素与色彩和上面的分析图相一致。
0.jpg
0.jpg
0.jpg

【附件中有纹理及背景色高清图片】





1_bcc_background_color.jpg
6_bcc_read.jpg

评分

参与人数 1米粒 +20 收起 理由
0eat0 + 20 很给力!多谢原创分享,共同进步。

查看全部评分

本帖被以下淘专辑推荐:

评论208

小辉侠Lv.1 发表于 2016-9-20 18:17:31 | 查看全部
Fyaor 发表于 2015-1-8 11:29
谢谢Amlin,我在做第6步时,颜色叠加后饱和度下降,达不到你上述的效果,有高人能帮我解决下吗

选正片叠底就行了
lyf312Lv.1 发表于 2015-2-7 12:03:25 | 查看全部
很便捷很实用的样子,学习了
画房子的程序员Lv.1 发表于 2016-11-16 16:00:53 | 查看全部
不错的分析图教程,很多时候感觉要做分析图,但是就是无从下手不知道干什么,有时候多看看教程把例子下载下来等到需要做的时候拿出来照着做,做多了的话总会有一点感觉的。喜欢附件,是一个很不错的素材
FyaorLv.1 发表于 2015-1-8 11:29:26 | 查看全部
谢谢Amlin,我在做第6步时,颜色叠加后饱和度下降,达不到你上述的效果,有高人能帮我解决下吗
何遣Lv.1 发表于 2015-6-1 10:46:11 | 查看全部
Alex~~大神啊   网站只有英文版都看不懂  有人翻译简直不能更棒!
zs1992925Lv.1 发表于 2014-12-29 22:42:57 | 查看全部
支持了
anxiaotaiLv.1 发表于 2014-12-30 09:50:35 | 查看全部
赞  谢谢楼主分享
0eat0Lv.9 发表于 2014-12-30 10:10:54 | 查看全部
附件在哪里啊,看不到呢
温水煮清娃Lv.2 发表于 2014-12-30 10:31:22 | 查看全部
谢谢分享
Amlin楼主Lv.8 发表于 2014-12-30 10:34:12 | 查看全部
0eat0 发表于 2014-12-30 10:10
附件在哪里啊,看不到呢

就是两个图片,最下边
0eat0Lv.9 发表于 2014-12-30 10:46:55 | 查看全部
Amlin 发表于 2014-12-30 10:34
就是两个图片,最下边

好吧
awdsm26Lv.1 发表于 2014-12-30 15:00:01 | 查看全部
很棒的表达方式,学习了~
银龙鱼Lv.2 发表于 2014-12-30 19:54:35 | 查看全部
alex好厉害
ThierryLv.2 发表于 2014-12-31 08:12:15 | 查看全部
厉害
小阿凯Lv.1 发表于 2014-12-31 08:39:23 | 查看全部
很好啊{:soso_e179:}
darkst2Lv.1 发表于 2015-1-1 00:21:00 | 查看全部
很棒的表达方式,学习了
alvinlwlLv.2 发表于 2015-1-1 05:39:59 | 查看全部
!!楼主好棒!!!
shenzhenqinLv.2 发表于 2015-1-1 18:27:08 | 查看全部
学习了,谢谢~~
shenzhenqin007 发表于 2015-1-1 19:47:04 | 查看全部
喜欢~~~
075111Lv.1 发表于 2015-1-3 23:08:23 | 查看全部
感谢楼主分享啊。。。。
时间之外51138Lv.2 发表于 2015-1-4 09:01:59 | 查看全部
很便捷很实用的样子,学习了
362392156Lv.1 发表于 2015-1-4 10:15:31 | 查看全部
感谢楼主分享
edwardzoeLv.4 发表于 2015-1-4 15:11:41 | 查看全部
本帖最后由 edwardzoe 于 2015-1-9 11:50 编辑

教程内容好细致
冰冻三尺Lv.2 发表于 2015-1-4 15:15:07 | 查看全部
值得学习  不错的分析效果图

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表