智慧社区展厅设计

文/魏之铭(能猫)四川大学锦城学院

编者按:本文由@能猫原创,并授权本站发表,非常感谢!昨晚在“老韩和他的朋友们”交流群里,@能猫发表了他最新制作的展厅效果图,效果非常棒,我便向他约稿,希望能够在我的平台上公开展示一下这张作品。本想的是最近期末考试周,可能要寒假或者是春节后才会收到投稿,没想到@能猫转天就写完了这篇帖子,执行力真是高。看完文章以后,我更是佩服,3天时间,设计+表达+视频动画,这工作效率已经爆表。

使用软件:Rhinoceros, Vray for Rhinoceros, Photoshop,Lumion

最终成果(点击放大)

Lumion视频动画

前言

(首先感谢陈太中同学的技术支持,老合伙人)项目是实际项目,业主希望能够在四天时间给出设计方案+效果图+效果动画,所以时间紧张导致效果图很多细节处理不到位,只是希望通过这个案例与大家分享一些出图流程,同时也分享一下效果图之外的工作流程。

整个案例并没有非常详细的描述整个效果图的具体参数步骤,但是希望能与大家更多的交流,也很希望看到大家的批评指正,成为我今后进步的动力。

本文可能会讨论到一些工作流程和建模的问题,如果大家有兴趣也可以看看。

正文

因为是实际项目,首先拿到手的是一张PDF的平面图彩图,like this:

项目是为某公司在某高端别墅社区的售楼处设计一个智慧社区展厅,业主在第一天晚上七点左右给了我这一张平面图了之后,约定第二天中午第一次面对面接触,期间只给出了具体位置的建筑高度和一张毛坯现场图。

那么第一天的晚上需要做什么呢?我的工作流程是:

  1. 首先去了解你要做的智慧社区到底是个什么玩意儿,在很快速的情况下了解你面对的业主的主营业务之后,你才能在第二天的接触过程中避免因为不熟悉而导致对方对你的专业性产生质疑,这种质疑可能会延伸到之后对你设计的不认可上。同时开始角色转换。
  2. 把自己定位为业主,那么业主的核心关注点是什么,我们做设计需要针对的最核心的角色又是什么,想在前面才能更好地去完成设计。
  3. 分析平面空间,通过对平面空间的分析,需要简单的得出流线关系,并且把场景的原始结构建出来。这一步起到两个目的,第一点是能和业主更好地沟通空间布局,第二点是在之后绘制效果图的过程中也会用上,节省时间。
  4. 找效果参考配图,这一步等于就是在出素材,在第二天面对面接触的时候能给出自己专业筛选后的方向,给业主一个引导的过程,同时也要做自己擅长的设计,避免后期自己再找案例浪费时间去考虑,为自己之后的思路提供一个方向。
  5. 做出平面布局草案,因为是做展厅,展厅我在分析效果参考的同时也开始找大量的展厅空间的资料,通过资料来分析,得出了两种方向:展品尽可能多的展示,展品少而精。以这两种方向我分别做了两个平面布局方案供业主选择,体现一下自己的专业性,让业主能更信任设计师。

做完了这五点差不多就晚上三点了,然后抓紧时间睡前熟悉一下自己做的这些东西,整理成册,为第二天的面对面提供书面材料。

第二天的接触因为第一天的准备,所以相对顺利,从业主的反馈中,得出了他们的想法,他们给出了项目的主题,也从我给出的效果参考中选出了自己最希望看到的形态。同时,业主给出了最关键的信息,关键词:“科技、高端、梦幻、恍然大悟”。

其实对于我来说,最重要的就是了解业主的思路,以及他们最希望见到的东西,以及我们设计的核心词汇,然后把这种感性词汇转化成建筑语言,这就是这一天的最大收获。

第二天原本是希望能很快地回去开始设计,结果把业主说高兴了,陪了他一下午,吃了晚饭一直忙到晚上十点。说这些啰嗦的流程主要是想表达一下作为设计师把自己得定位成一个服务人员,BIG事务所的一个口号喊得挺好“yes is more”。

晚十点后,又要给自己的设计任务定下list:

  1. 整理业主给出的信息,作为设计围绕的重心,哪些具体设备需要保留。同时根据业主所提供的关键词,如何转化成为建筑语言,然后随时手边一张白纸,把所希望营造的空间布局简单画下来,成为之后建模的依据。
  2. 根据整理的资料完善平面空间。(下图为平面空间规划的草图)
  3. 开始造型建模,把他所需要的设备在空间上排好了之后,根据手绘稿的墙体造型形态建模。

建模过程其实主要就是体力活了,因为时间紧,所以很不要脸的造型上对扎哈的东西进行了模仿,在处理墙面时做了N版设计,最后还是选择了voronoi形态结合patch,做出墙体投影薄膜的形式,为空间营造未来感。

而中部隔墙有意识地平面倾斜以达到空间由大到小的引入感,入口处吊顶下压变化走道空间的比例,与之后的空间形成高低差,反馈“恍然大悟”的关键词。


这是顶部和底部做的发光带,目的是把墙体间的边缘阴影消除,因为是曲面造型,那么就是应该模糊化边界,给出流畅的空间体验。这也是分析扎大妈的设计得出的结论,扎大妈毕竟大师,很多曲面造型会出现的问题都能解决。(作为学生,我觉得追求创新的同时也要通过大师作品来解决自己遇到的问题,因为无论是算法,还是美学,建筑都是滞后的艺术,多参考CG图和大师作品,对自己的进步也应该会有一定的帮助。)

到这一步都已经是第三天中午了,因为甲方希望在第四天中午收到回复,而手头目前只有模型,那么渲染之后留给自己的时间就不多了,简单规划一下接下来需要做的事情,就是渲染着睡觉。大概在第三天晚上八点,起床继续。

这时候手头是:一张RGB图 一张反射图 一张渲染id图(因为小场景的原因,我更喜欢使用渲染ID图而不是材质ID图,特别是曲面造型的场景,这样在后期PS的时候区域会比较细化)然后还有一个经验是出图的时候我比较喜欢选用PNG的格式输出而不是JPG,当然我不知道其他同志讨论过这个问题没有,其实问题在于他们成像机制不太相同,JPG格式的图会在细部有一个色彩偏移的问题,在选区的时候很容易在边缘外还有漏色。


RGB图


反射图


渲染id图

首先规划时间,我需要在一个半小时的时间把效果图做出来,这样我才有时间把剩下的动画做完,那么肯定就要提出工作重心了。

我的思路是首先要把之前提出的关键词找出来,然后根据设计来决定之后要做的工作的优先程度。


首先是要把整体亮度提升来体现材质反射,营造梦幻效果。同时调整对比度,让黑白关系更加明确。同时叠加高透明度的反射渲染层增加场景反射感,并再次复制选取地面再叠加,让地面色调更沉,与天光营造的轻盈感受相对比。


然后就是添加人物,让整个空间动态起来,人物选择的话,根据业主所追求的高端品质,我去抠了几张国外时装周的人物来作为素材。并且考虑到材质反射的特性在人物周边的场景中增加人物反射,同时因为抠出来的图的色彩与环境差距比较大,所以对人物的肤色,女性模特口红的色彩都进行了调整,避免了色差过大抢走了整个空间的核心。


接下来的一步是添加墙体内电视的画面、修改窗框的反射程度、添加墙面投影屏幕的画面。

墙体电视就是画面素材的叠加,与整体透视的契合,然后复制图层加入高斯模糊并透明来体现光感。

窗框的反射过强,所以在渲染ID图层选区区域然后叠加了一层透明的黑色,让窗框效果更沉。

因为接下来要做光源的效果,看了下时间觉得有点来不及了。所以投影屏幕的画面也仅仅是素材的叠加以及复制图层模糊叠加。


接下来的一步是给光源一个柔化效果,我的思路是给光源和光的指向位置用画笔工具上白色,然后高斯模糊。然后模糊后,光源效果会很强烈,影响人的视线,所以就是橡皮擦调整到最低硬度,然后低百分比的透明度和流量来擦拭。


最后给墙面加上展厅的标题,复制文字图层右下方向移动一点,然后栅格化稍微擦一下,给他加上一些透视效果,然后文字栅格化再在局部擦拭一下,让文字产生一些反光效果。

最后降低一下色彩饱和度,并调整了一下亮度和对比度,一个半小时做到了这个程度。


前后对比

确实因为时间关系,存在了很多BUG和细节问题,但是也是希望从这个展厅小设计,提供一个从设计到制作效果图的工作流程,希望对大家有所帮助。

渲染图完成后,我用接下来的时间做了文章开篇的lumion视频,用来大概展示一下整个空间的形态。

感谢你的阅读!

魏之铭(能猫)
2016.1.12

版权声明

本文由四川大学锦城学院魏之铭授权本站发表,转载之前请务必联系原作者或站长:联系站长

网站推广阶段,欢迎您关注网站的微信公共平台:
扫描关注“韩的日志”微信订阅号

  • 请注意,为了保证我能看到所有留言的提示,留言将通过审核后才会显示,请不必重复留言。
韩世麟

韩世麟

站长,天津大学研究生毕业,天津人
存为书签: 本文的固定链接.

6 条评论

  1. 大神请受我一拜

  2. 这个效果用什么材料做出来啊~大神的想法是……是厂家预制么~怎么出这样的施工图啊

  3. 我觉得作为方案,可行度太低。作为室内表现图还是很棒的。

  4. 昨天看了最强大脑就想到了这个图,原来是同宗同源!不明觉厉!!

  5. 学长你好棒啊!!!能发现这个网站真是太幸运了,听了你关于PS的讲解,真的受益匪浅啊,太感谢了,想问一下能开一期关于犀牛入门的课程吗?

发表评论