教程|极限出图攻略，教你用低强度做出高效率的效果图

于子小样 · 发表于 2018-6-4 17:41:28

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

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

×

<blockquote>本文由意周设计课堂译自visualizingarchitecture.com</blockquote> 6月底，向来是出图旺季。 无论是学生党还是工作党，总有赶图交工的时候。要问什么图最费时间？无疑是作为看家门面的效果图了。效果图一多，就真的很花功夫了。 意周君也曾面临这样的困境，时间有限，我需要再画很多张图，所以我用了低强度高产出的工作流程，这也就意味着出图是采用极简的风格，舍弃部分表达3D模型细节，简化繁琐的P图步骤。这一切，都建立在你对图面内容的理解上。 以波士顿文化中心为例，看看如何低强度高效率、表现还不俗的效果图吧~ 先以SU导出的阴影图和线框图，Vary渲染的素模三张图作为起点开始：

<section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ7eYB1BLze9SpgDKicoNzyC5EJVSib7Ry0tt6CQXGnCynic8z1iceowcZHdOxgQxXV0bXuw0HjzsnXfQ/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">1</section></section></section>建立阴影

将SU线框图和阴影图导入PS，接着给阴影着色。选择蓝色是因为整个图面的色调是冷色调。 <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ7eYB1BLze9SpgDKicoNzyC5EJVSib7Ry0tt6CQXGnCynic8z1iceowcZHdOxgQxXV0bXuw0HjzsnXfQ/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">2</section></section></section>叠加素模渲染图

想要表现建筑更多细节，于是把素模渲染出来的图叠加到最上一图层，降低了不透明度，保证渲染图呈像精细。 <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ7eYB1BLze9SpgDKicoNzyC5EJVSib7Ry0tt6CQXGnCynic8z1iceowcZHdOxgQxXV0bXuw0HjzsnXfQ/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">3</section></section></section>赋予颜色

基础步骤做完后开始上颜色。采用一次性赋予一个区域的方式，从天空开始，到周边环境，到地面，最后是建筑本身。快速用各种色块填充不同的区域，以便有更多时间去调整，同时在这个过程在体会最佳的配色效果。一次性就成功往往不现实。 <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ7eYB1BLze9SpgDKicoNzyC5EJVSib7Ry0tt6CQXGnCynic8z1iceowcZHdOxgQxXV0bXuw0HjzsnXfQ/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">4</section></section></section>天空细节

思量很久的天空细节做法，最终采用的是真实的云和抽象的云相结合的方式。我追求精细，添加了一些纹理，同时与图面所追求的极简化表达相一致。 <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ7eYB1BLze9SpgDKicoNzyC5EJVSib7Ry0tt6CQXGnCynic8z1iceowcZHdOxgQxXV0bXuw0HjzsnXfQ/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">5</section></section></section>街道生活化

让公共区域有生活化的气息而引入了人，树木和小汽车。所有这些元素在PS里都编组放进一个图层里，以便可以通过图层样式一次性着色。具体做法是选择组，接着选择“图层>图层样式”。在对话框里选择“颜色覆盖”，我选择的是与作品整体感觉相一致的颜色。对所有图层着色后细节被抽离，留下的是外观抽象的轮廓。 <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ4y99xDKtmAe7vCLjxOlQ8SKcoPKGfrvuXmZYc4GN5AQYRh8XWl8PbWg9zhOOAF1UzIC73dicaTGw/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">6</section></section></section>添加噪点

最后是给图面添加噪点，柔化边界，隐藏掉小瑕疵，营造一种怀旧感。方法是新建图层，填充50％灰，接下来，“滤镜>噪点>添加噪点”。接下来的对话框，调整“数量”到60％，将“分布”设置为“均匀”，点击“单色”，最后将新的噪点涂层设置“覆盖”并应用于图像的背景。调低了不透明度，降低视觉冲击力。<section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="872551"><section style="text-align:center;"><section style="width: 3em;height: 3em;color: rgb(255, 255, 255);font-size: 1em;line-height: 3em;display: inline-block;text-align: center;background-image: url("https://mmbiz.qpic.cn/mmbiz_gif/eqObE7LMUDZ7eYB1BLze9SpgDKicoNzyC5EJVSib7Ry0tt6CQXGnCynic8z1iceowcZHdOxgQxXV0bXuw0HjzsnXfQ/640?wx_fmt=gif");background-repeat: no-repeat;background-size: 100%;background-position: 0px center;margin: 0px auto;">7</section></section></section>最终呈现

整张图虚实结合，灰色调凸显高冷气质，就表现的建筑主体而言，也完全不输lumin渲染后再PS加工过的效果图。 这种方式重在取舍，善用巧劲，舍弃华而不实的细节。 原文链接https://visualizingarchitecture.com/culture-center-intro-illustration/ <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="726612">

</section><section class="xmt-style-block" data-style-type="6" data-tools="新媒体排版" data-id="2911"><section style="background-image:url("https://mmbiz.qpic.cn/mmbiz_png/nBk1cDbtciaTUAAKSCdsujuPcH4Kapj3B15yresniawkvicUdKcHCqM4PcCRiaM4z5oLjvox32E4ugagrr8VcU5atQ/640?wx_fmt=png");background-repeat: repeat;background-size:200px 200px;"><section style="padding: 15px;">更多图文教程 1.分析图制作教程 教你用Rhino制作一款简单易学的爆炸图 那些你想做却做不出来的剖面图 2、平面及场地分析类地形制作+速成场地分析,不想深入学gh的捷径 3、效果图制作教程 sketchup_vray玻璃杯渲染图文教程 4、作品集制作教程 </section></section></section> <section class="xmt-style-block" data-style-type="5" data-tools="新媒体排版" data-id="726612">

</section> <iframe class="video_iframe" data-vidtype="2" allowfullscreen="" frameborder="0" data-ratio="1.7647058823529411" data-w="480" src="https://v.qq.com/iframe/preview.html?vid=r0672mn52cg&width=500&height=375&auto=0"></iframe> <iframe class="video_iframe" data-vidtype="2" allowfullscreen="" frameborder="0" data-ratio="1.7647058823529411" data-w="480" scrolling="no" src="https://v.qq.com/iframe/preview.html?vid=a06547tp10v&width=500&height=375&auto=0"></iframe> 欢迎关注意周设计作品|课程|经验|留学|素材

<p style="white-space: normal;max-width: 100%;min-height: 1em;color: rgb(62, 62, 62);font-family: 微软雅黑;text-align: center;widows: 1;font-size: 14px;letter-spacing: 2px;box-sizing: border-box !important;word-wrap: break-word !important;">微博@设计e周 @PS素材哥 <p style="white-space: normal;max-width: 100%;min-height: 1em;color: rgb(62, 62, 62);font-family: 微软雅黑;text-align: center;widows: 1;font-size: 14px;letter-spacing: 2px;box-sizing: border-box !important;word-wrap: break-word !important;">意周官网：ieday.cn 意周教育：v.ieday.cn<p style="white-space: normal;max-width: 100%;min-height: 1em;color: rgb(62, 62, 62);font-family: 微软雅黑;text-align: center;widows: 1;font-size: 14px;letter-spacing: 2px;box-sizing: border-box !important;word-wrap: break-word !important;">投稿邮箱：esheji@163.com <section style="font-size: 16px;white-space: normal;display: inline-block;max-width: 100%;color: rgb(62, 62, 62);font-family: 微软雅黑;line-height: 25.6px;width: 30px;box-sizing: border-box !important;word-wrap: break-word !important;"></section><section class="" data-brushtype="text" style="margin-left: 5px;white-space: normal;display: inline-block;max-width: 100%;color: rgb(62, 62, 62);font-family: 微软雅黑;vertical-align: middle;font-size: 12px;box-sizing: border-box !important;word-wrap: break-word !important;">

[后期处理] 教程|极限出图攻略，教你用低强度做出高效率的效果图

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

回复