[平面UI] 插画风格的效果图表现

查看:278 |回复:0 | 2019-12-12 01:09:44

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

x
本帖最后由 foxfox 于 2019-12-11 16:17 编辑

最近正在整理四号作品集,觉得需要重新做几张图来更生动的表达建筑设计,或者说更好的把设计理念表达完整。然而,时间有限,我需要再画很多张图,所以我用了低强度高产出的工作流程,这也就意味着出图是极简的风格,没有表达更多3D模型细节。接下来的步骤分析图选的项目是波士顿文化中心设计。
以SU导出的带阴影的图和线框图,Vary渲染的素模三张图作为起点开始。 1.jpg
1、建立阴影
将SU线框图和阴影图导入PS,接着,给阴影着色,选择蓝色是因为整个图面的色调是冷色调。
2.jpg
2、叠加素模渲染图
想要直观看到建筑更多细节,于是把素模渲染出来的图叠加到最上一图层,降低了不透明度保证渲染图呈像精细。

3、赋予颜色
基础步骤做完后开始赋予颜色。采用一次性赋予一个区域的方式,从天空开始,到周边环境,到地面,最后是建筑本身。我快速用各种色块填充不同的区域,以便有更多时间去调整,同时在这个过程在体会最佳的配色效果。一次性就成功往往不现实。

4、天空细节
思量很久的天空细节做法,最终采用的是真实的云和抽象的云相结合的方式。我追求精细,添加了一些纹理,同时与图面所追求的极简化表达相一致。

5、街道生活化
接着是让公共区域有生活化的气息。引入了人,树木和小汽车。所有这些元素在PS里都编组放进一个图层里,以便可以通过图层样式一次性着色。具体做法是选择组,接着选择“图层>图层样式”。在对话框里选择“颜色覆盖”,我选择的是与作品整体感觉相一致的颜色。对所有图层着色后细节被抽离,留下的是外观抽象的轮廓。

6、添加噪点



最后是给图面添加噪点,柔化边界,隐藏掉小瑕疵,营造一种怀旧感。方法是新建图层,填充50%灰,接下来,“滤镜>噪点>添加噪点”。接下来的对话框,调整“数量”到60%,将“分布”设置为“均匀”,点击“单色”,最后将新的噪点涂层设置“覆盖”并应用于图像的背景。调低了不透明度,降低视觉冲击力。最终呈现:






原文链接https://visualizingarchitecture. ... intro-illustration/


评分

参与人数 2元素币 +13 活跃度 +22 展开 理由
源支始 + 13 + 10
胖纸Jeremy + 12 【感谢】楼主分享的内容!很棒!

查看全部评分

2019-12-12 01:09:44  
 赞 赞 0

使用道具 登录

0个回答,把该问题分享到群,邀请大神一起回答。

CG 游戏行业专业问题

图文教程技术文章技术文库UEUI
显示全部 11
您需要登录后才可以回帖 登录 | 注册

本版积分规则

快速回复 返回顶部 返回列表