[分享]建筑设计表达系列:彩色线稿图的套路

发表于2018-05-22     2073人浏览     1人跟帖     总热度:697  

建筑设计表达系列:彩色线稿图的套路_1
建筑设计表达系列:彩色线稿图的套路_2
其实上面的动态图看完之后,软件熟悉的同学应该已经知道其中的套路了,这一类图呢我总结为彩色线稿效果图,这类图不是正常我们看到的渲染效果图,也不是现在比较流行的拼贴效果图(但是还是有一点的拼贴图的味道),这种图其实就是一类纯粹线稿图纸的色彩升级版。那你可能会问纯粹线稿图是什么样子,找了一张城市设计作业的图纸给大家对比看看,如下图(横屏看):

建筑设计表达系列:彩色线稿图的套路_3
       区别就是一种以su线稿的黑白灰去表现,一种则是以不同颜色的线稿和一些特殊的素材去表现,当然很明显彩色线稿图的表达是建立在纯黑白线稿的表达之上的,更多就是一些小技能的了。
        除了后期表达,这里涉及一个很重要的问题,就是建模方面,大家都懂得想要出一套不错的线稿效果图表达的话,模型必须很细致,这里就是怎么样建模和导出的问题了,这其中的一些Tips也许后面可以发一篇专文写,这里就不说了。
 
         进入正题,先大致解析下这类彩色线稿效果图的特征:
1.比较细致的模型
2.比较协调的色彩关系
3.一些比较特殊的素材拼贴
4.一个可能出现的具有纹理的天空
5.阴影关系(可有可无)

         那这这篇文章用开篇动图的案例来一步步说,先看最后要达到的成果(如下图横屏看):
建筑设计表达系列:彩色线稿图的套路_4
NO1.su中分组件或者分图层导出线稿
        这张图导出su线稿的的方法决定着图的成败和最终花费时间的长短,如果直接把全模导出,后面会很麻烦,所以需要分层导出或者分组件导出,这样后期操作才方便。例如分组件导出:显示环境组件,其他的全部隐藏,导出线稿;然后显示建筑主体组件,其他的全部隐藏,导出线稿;然后显示立面构件组件,其他的全部隐藏,导出线稿。。。以此类推导出N张图如下:

建筑设计表达系列:彩色线稿图的套路_5
建筑设计表达系列:彩色线稿图的套路_6
建筑设计表达系列:彩色线稿图的套路_7
建筑设计表达系列:彩色线稿图的套路_8
。。。。。。 
(诸多组件分开导出多张图)

NO2.su导出完整模型线稿
       上面第一步分开导出线稿后,需要导出一张完整模型的线稿,因为后期在叠加线稿的时候需要用这张完整模型的线稿图做参照。

建筑设计表达系列:彩色线稿图的套路_9
NO3.su导出完整阴影稿
       然后需要再导出一张完整模型的阴影稿,不含任何线稿,后期叠加以增强场景体积感和区分面的关系。

建筑设计表达系列:彩色线稿图的套路_10

NO4.ps后期合并图纸
       把刚才su导出的完整模型的线稿图+分组件导出的线稿图+纯阴影图分别导入ps,完整模型的线稿图放在最下,分组件导出的线稿图按照顺序依次拖入(正常的叠加方式覆盖),纯阴影图放在最上(正片叠底的叠加方式)。

建筑设计表达系列:彩色线稿图的套路_11
NO5.线稿颜色的调整
        接下来需要做的就是怎么样把不同的构件线稿调整成不同的颜色了。因为开始我们把一些组件例如:屋顶、立面格栅、栏杆、街景、环境等分别导出了,所以这里自然可以分层控制不同层的颜色,这会节省很多时间并且使得建筑不同构件之间因为颜色而区分明显,具体调整线稿颜色的方式如下(为了方便大家直观感受,我直接用整张图调色):

建筑设计表达系列:彩色线稿图的套路_12
1.选中图层,调出色相/饱和度,快捷键ctrl+u

建筑设计表达系列:彩色线稿图的套路_13
2.拖动色相调整线稿颜色,拖动饱和度调整颜色浓度 

       就是上面的方式的方式改变线稿的颜色,技巧很简单,关键效果就看大家最终调整出的色彩之间的和谐关系了,一般这种图建议是调整成色彩比较鲜艳、亮的颜色(一般线稿建议亮色、色块建议高级灰色)。按照上面的结果分层调整色彩(如下):


建筑设计表达系列:彩色线稿图的套路_14
(1)

建筑设计表达系列:彩色线稿图的套路_15
(2)

建筑设计表达系列:彩色线稿图的套路_16
(3)

建筑设计表达系列:彩色线稿图的套路_17
(4)

建筑设计表达系列:彩色线稿图的套路_18
(5)


NO6.拼贴一些卡通的人物及植物等配景
       这种风格的图纸就不要拼贴那种真实的素材了,为了使得画面更加活跃和动感,建议去p站上或者别的网站搜集一些卡通的人物素材和其他素材拼贴,拼贴的时候注意人物要有远近关系,人物和建筑之间要有遮挡关系等,这样画面细节才够饱满,这张图找了一些卡通人物如下(p站上一大堆):


建筑设计表达系列:彩色线稿图的套路_19
建筑设计表达系列:彩色线稿图的套路_20
然后p进画面大概如下:


建筑设计表达系列:彩色线稿图的套路_21
同样的道理寻找一些其他的配景例如车,动物等等继续充实画面,拼贴的结果如下:


建筑设计表达系列:彩色线稿图的套路_22


NO7.填充细微纹理再一次丰富画面
        素材拼贴完后,其实画面已经完成一大半了,但是可以感觉到有很多空白,你可以选择在此戛然而止的留白效果图,也可以继续绘下去。这里我们用ps的填充工具--图案填充给画面空白处填充一些颜色不同的纹理:点、斜线、方格线等(显示有bug):


建筑设计表达系列:彩色线稿图的套路_23
NO8.制作一个自由的、带有纹理的天空
        经常看到有人在整理天空图案然后收集用,但我觉得这类图往往活跃度和自由度很大,不必用一些看起来很漂亮但实际上可能不适合你的图的现成的天空,那怎样根据自己的图和喜好去简单快速的制作这类图的天空呢?其实方法也很简单,先看看最终的天空效果(天空色彩因人而异,不同颜色产生不同的效果,关键是要协调):

建筑设计表达系列:彩色线稿图的套路_24
(终稿颜色)

建筑设计表达系列:彩色线稿图的套路_25
(其他色彩举例 )

制作流程如下:


建筑设计表达系列:彩色线稿图的套路_26
1.新建图层,填充一个颜色,再把这个色彩层复制一层,下面的色彩层降低透明度垫底


建筑设计表达系列:彩色线稿图的套路_27
2.百度上随便搜索你想要的纹理


建筑设计表达系列:彩色线稿图的套路_28
3.纹理调整成黑白(快捷键ctrl+shift+u)


建筑设计表达系列:彩色线稿图的套路_29
4.纹理复制到第一个纯色层的蒙版里(已经看到了效果了)


建筑设计表达系列:彩色线稿图的套路_30
建筑设计表达系列:彩色线稿图的套路_31
5.再拖入一些纹理,叠加方式改成正片叠底即可,微调纹理层不同明度和两层色彩层的不透明度就完事了。

NO9.从色彩和配景上微调画面
       天空加些小飞机风筝什么的,加一加近景素材等,然后色彩方面,微调下色彩提升画面的颜色亮度或者微调饱和度等以改善画面效果。

建筑设计表达系列:彩色线稿图的套路_32
NO10.一些可有可无的最后技巧
       如果整张效果图很大然后还觉得天空太无聊什么的(因人而异),可以以加加分割线什么的无聊一下呗。
建筑设计表达系列:彩色线稿图的套路_33
      所以整体来看,这类图的套路还是很简单的,分层导入和色彩搭配掌握之后就基本可以hold住这种场景了!


扫码加入筑龙学社  ·  建筑设计微信群 为您优选精品资料,扫码免费领取
分享至

分享到微信朋友圈 ×

打开微信"扫一扫",扫描上方二维码
请点击右上角按钮 ,选择 

 发表于2018-05-22   |  只看该作者      

2

这个教程很良心了

推己及人

中国  | 室内设计

9 关注

230 粉丝

392 发帖

65 荣誉分

该博主未添加简介

猜你爱看

添加简介及二维码

简介

还可输入70字

二维码(建议尺寸80*80)

发站内信息

还可输入140字
恭喜您已成功认证筑龙E会员 点击“下载附件”即可
分享
入群
扫码入群
马上领取免费资料包
2/20