引言 现在就为大家献上基础教程的最终篇——《案例解析》。前三篇分别讲述了参数、材质和灯光,本篇将讲述一个完整的案例,详细讲述从渲染到后期的完整流程,将前三篇所提到的内容应用到一个实例当中,希望能为大家提供一个参考。目的是为大家提供一种表现设计的方法,而非限定了表现的思维。个人觉得,设计的表现能力还是要有的,毕竟有很多细节跟感觉难以用文字来表达,只有设计者自己懂得,若是连基本的表达能力也不具备,就难以让人看到自己的想法。至于有人反对用计算机图像来作为建筑可视化的工具,我想说,目的是一致的,只是途径不一样而已,技术在发展,时代在改变,计算机图像自然有它自身的优势,选择它并不代表忽略其它的途径,并不代表最原始的手绘表达已经被淘汰,计算机图像也要求我们有对色彩、明暗、空间等的深刻理解,我们不妨认真思考掂量下。
引言
现在就为大家献上基础教程的最终篇——《案例解析》。前三篇分别讲述了参数、材质和灯光,本篇将讲述一个完整的案例,详细讲述从渲染到后期的完整流程,将前三篇所提到的内容应用到一个实例当中,希望能为大家提供一个参考。目的是为大家提供一种表现设计的方法,而非限定了表现的思维。个人觉得,设计的表现能力还是要有的,毕竟有很多细节跟感觉难以用文字来表达,只有设计者自己懂得,若是连基本的表达能力也不具备,就难以让人看到自己的想法。至于有人反对用计算机图像来作为建筑可视化的工具,我想说,目的是一致的,只是途径不一样而已,技术在发展,时代在改变,计算机图像自然有它自身的优势,选择它并不代表忽略其它的途径,并不代表最原始的手绘表达已经被淘汰,计算机图像也要求我们有对色彩、明暗、空间等的深刻理解,我们不妨认真思考掂量下。
本篇将分为 ①场景模型的细化和赋予材质 ②布光 ③渲染出图 ④ps后期 四个大部分,其中的细节我会在接下来的讲解中逐一讲解。
本篇教程最后将会提供教程案例的模型场景以及PS的后期PSD文件的下载地址。
注意:本篇教程将会改用vray1.6进行讲解,因为之前被1.49逼惨了,BUG实在是太多了,各种崩溃各种慢。
一、场景模型的细化&材质赋予
首先打开模型,如下图。可见是一个较为简单的建筑模型,加上一个沙盒做的地形,还有一个水面。
渲图之前,先选择需要表现的角度,这样可以节省不少不必要的工作,一切细化工作和材质调整都针对需要表现的角度,集中火力,效果好效率高。假设我就选择了下图的角度~
定好大致的角度以后,把这个角度保存下来,以便出图的时候直接切换到这个角度,无需每次调整。点击“视图”→“动画”→“添加场景”,保存场景的视角。 接下来,根据基地来进行场景的布置。我假设坡地上铺的是草,建筑的背后是树林。首先就可以给坡地赋予一个草地的材质,su 中赋予材质的方法我就不展开了,相信大家都知道。
现在整体感觉比之前要完整了些,大家不要急着去弄树,因为树的模型会影响操作的流畅性,现在应该转向调整建筑主体的材质。给材质之前,先把前面的那些人删掉=.=看着略蛋疼。 看模型,其总共才5种材质,这个调节起来比较快。
1号材质,假定为灰色的亚光表皮。 2号材质,假定是白色的亚光墙面。 3号材质,玻璃。 4号材质,石砌的墙。 5号材质,刷了黑色亮面漆的金属。
1号材质的赋予
一般来说,物体表面都会有反射。定义为灰色亚光的材质,我们可以给予灰色的漫反射颜色,然后加上微弱的反射,将光泽度调低使其产生模糊的反射。但是,如此大面积的墙,只给予一个如此单调的材质,效果肯定非常生硬。一般来说,墙面的颜色会有细微的随机变化,此时我们可以采用带有随机效果的贴图作为素材来制作一张贴图。
在ps中打开上图,在它上面新建两个图层。如下图
在新建的两个图层里填充灰色,要求两者有细微的差别,一个颜色稍微深一些。
选定最上方的图层后,点击红色标记处为其添加蒙版,如下图
【此处解释一下何为蒙版,可能有些同学会不太了解。通俗的说,蒙版就像是窗花,我们透过窗花看东西,有部分的画面就会被窗花挡住,蒙版也一样,其作用就是遮挡图层,使其只露出一部分。蒙版使用灰度来控制遮挡的,255,255,255的白色表示完全不遮挡,绝对的黑色表示完全的遮挡,而灰色就是过度,颜色越深,遮挡的强度越大。于是我们可以利用蒙版来控制图层所要显示的部分。此处使用蒙版制作贴图,是希望大家能够掌握这个知识点,提升应变能力,其实现成的贴图还是有很多的。】 选择“背景”图层,也就是打开的那张图片,按ctrl+a全选整张图片,再按ctrl+c复制。此时,按住alt,再左键单击上一步创建的蒙版,进入到蒙版的编辑,再按ctrl+v粘贴,把图片用作蒙版。如下图
此时可以点击下图位置来退出蒙版的编辑
此时可以看到视图呈现的是下图的效果,我们已经获得了一张贴图。
把刚制作的贴图赋予到场景的对象中,调整大小直到合适。接下来就可以在vray的材质编辑器中编辑该材质,点击vray工具栏的“M”打开vray的材质编辑面板,可以看到,在漫反射(diffuse)的一栏中已经添加了贴图,也就是刚刚制作的贴图,在预览视口中也能看到大致的效果。如下图
接下来创建反射图层,右击该材质创建反射图层(reflection),此时预览视口中可以看到陶瓷一般的反射效果,如下图。
【注意:在vray1.6和更高的版本中,创建反射图层的时候会自动添加菲涅尔贴图,低版本的话需要手动添加】
亚光墙面不可能有如此光滑的反射,所以需要把高光(hilight)和反射(reflect)的光泽度(glossiness)降低,这里我都使用0.75,还有反射的强度也太大了,虽然已经添加了菲涅尔贴图,但是对于亚光的墙来说,强度还是太大,于是我调到0.2.如下图
【注意:曾经有些同学问我,为什么光泽度调低了,表面还是那么光滑?是因为只将高光的光泽度调低了,大家要注意,应该同时调整高光跟反射的光泽度】
此时的效果已经可以接受了,往后微调要在打灯以后进行调整。(在我放出的场景中,我使用了光泽度贴图,也就是在光泽度一栏的高光和反射右边的m处添加了贴图,目的在于使物体表面的光泽度富有变化,比单一的光泽度效果要好)
2号材质的赋予
白色的亚光材质,跟上一个材质一样,墙不可能全白,需要有微弱的颜色变化,所以我使用下图作为漫反射贴图赋予到对象上。
操作的步骤与上一个材质调整基本上一样,创建反射层,调节反射强度和光泽度大小,此处我直接给出参数,如下图。
3号材质的赋予
玻璃,这个材质没什么好说的,唯一值得提醒的就是,玻璃的模型需要有厚度。下图直接给出参数。
4号材质的赋予
石砌的墙,这个也非常简单。首先找到一张合适的贴图。
操作步骤也与一号材质基本相同,用su的材质编辑器赋予场景对象材质后,打开vray的材质编辑面板进行编辑。砖的材质只需再添加凹凸贴图即可。如下图,在凹凸(bump)处添加漫反射所使用的贴图就行了。
5号材质的赋予
黑色的亮面漆。大家可以观察身边类似的材质,思考一下应该调整哪些参数。据观察,除了黑色的底色意外,还带有淡淡的反射,而有点模糊。此时参数的调整方法已经明确了,只需将漫反射调成黑色,再创建一个反射图层,然后将光泽度调低。如下图
到这里为之,建筑主体的材质和初步场景的材质已经完成了。
这时候开始细化周围的环境。首先从水下手。看上图那个水,是绝对不及格的。水的漫反射不能直接贴水的照片,需要有属性的设定,而且水是有厚度可言的,我建议大家使用一个有体积的水。创建一个长方体,代替原来的水面,删掉原有的水,并且要创建一个平面或方体作为水底。如下图
水材质赋予
水材质的调试曾在材质篇中提到过,本案例中的水材质调整方法与其基本相同。只需根据场景来调整噪波的尺寸和凹凸的强度。下图是我的调试结果。
噪波的设定
我随便选了一张HDR作环境,目的在于测试。这里我就不展开HDR的用法了,因为灯光篇里我提及过,而且本案例往后的内容中将会详细讲到布光的部分。现在来测试一下场景。
从上图可以看到,各种材质已经没有太大的问题了,如果有问题,可以独立进行调整。 这时候可以着手为环境添加细节了。看上图“草地”的效果,不太理想,完全没有草地应有的一丝丝的感觉。所以我决定在上面铺一些“草”。首先,把场景中现有的对象全部隐藏,方便操作。 新建一个图层,命名为“grass”(目的在于分图层管理,方便显示和隐藏),并在这个图层中创建一个矩形,赋予它一张贴图并调整好贴图的大小和位置,如下
接下来旋转复制并成组,如下图
现在在vray材质编辑器中编辑这个草的材质。在透明度(transparency)中添加alpha通道。如下图
添加alpha通道的目的在于,过滤平面多余的部分,让其呈现出“草”的形状。如下图
现在可以把草铺到坡地上了。【给大家推荐一款插件MatrixProximity,用于组件的阵列,下载地址http://www.sublog.net/archives/44226 其使用方法非常简单,这里不展开了】 铺完后,效果如下。
现在渲染一下查看效果。。没渲完就直接放上来了,草的效果不太理想,而且有些地方的alpha失效了。。。估计是beta版的bug,毕竟还不是正式版。但是有ps,后期的时候可以处理。【机子不太好的同学可以省去这一步,因为VFS对于漫反射中加通道的优化比较差,渲染速度不理想,要是时间过长,倒不如省去这一步,直接使用平面的草地】
草地已经弄完了,现在开始着手添加树木。大家可以从网上下载一些树木的组件添加到场景中。本案例中就使用了中等精度的树木组件,效果较为理想而且速度较快。 新建一个图层并命名为trees,选定该图层,把树木组件拖入到窗口中,复制并移动。如下图
远处的树可以使用平面树,方法就是在坡地后建平面,然后添加平面树木贴图,最好是png格式(自带alpha),如此一来,丰富场景的同时降低了电脑的负担节省了时间。
此时再次进行渲染测试,可见效果还是可以接受的。如下图
场景的细化和材质赋予已经完成,现在可以进入布光的步骤。
二、布光
从之前的测试图中看到,光照均匀,效果类似于阴天,美感不足,表现力太差。本案例中,我考虑使用黄昏的光照效果,同时室内有少量灯光。黄昏的光照,理论上来说可以用vray自带的vraysky来实现,但是,有过使用经验的同学都应该知道,vraysky做出来的黄昏颜色达不到黄昏的光照效果,所以我使用vray的球形光来代替太阳,用HDR来代替天空。 首先,选择一张黄昏的HDR天空。如下图
在环境(environment)面板的全局光颜色(GI skylight)和背景颜色(background)同时载入上图所示的HDR天空,如下图
此时渲染测试一下(测试的时候隐藏树木和草的图层以便提升速度),看太阳在哪个位置,以及光照的强度。
从上图中可以看出,天空的亮度过大,部分的地方已经爆掉了,而且太阳的位置有问题,细心观察,可以看到太阳在建筑的背后,这与我预想的光照方向不一致。下图是最终的效果
此时就应该旋转HDR贴图【注意要同时修改全局光颜色和背景颜色】,点击环境面板的“M”进入HDR贴图的面板,找到UVW一栏的水平方向(horizon),在旋转(rotation)那里输入旋转的度数(以顺时针为正),此处我估计其大概要旋转160度,如下图
此时太阳的位置已经没什么问题了,接下来创建球形光(sphere light)或者泛光灯(omni light)来模拟太阳光。在《灯光篇》中我已经提及如何用球形光来模拟太阳了,此处我不再展开解释。本案例使用球形光,如下图创建一盏球形光,注意灯光尽量离建筑远些
灯光参数如下,注意要把“无衰减”(no decay)勾上,因为默认参数下的球形光发出的光会随距离增长而变弱,这与太阳光的特征不符合,把无衰减勾上后,光的强度就不会发生变化。
测试效果如下图。效果勉强,但是有ps,这时候无需纠结了,直接开始室内的布光。
这个模型的室内并没有做什么细节,简单的打灯把室内照亮就好了。下图蓝色的部分就是灯所在的位置
su移动灯光真是略麻烦,相信大家都领略到。灯光用的都是同一个颜色。如下图
渲染测试效果如下图。
效果勉强过关了,大家再略微调整灯光的强度,此处我就不再改了,有什么不足可以用ps后期。
三、渲染
这时候可以取消全部图层的隐藏,进行一次整体的测试渲染了。使用我在第一篇教程给出的测试参数以提升速度,有经验的同学也可以随喜好自己设置。【这里做个特别提醒,由于渲染的时候,vray会所所有的cpu资源都消耗掉,无论你的cpu有多牛逼。这样的话会造成电脑的卡顿,硬件温度偏高,尤其是用笔记本的同学要更加注意散热,同时限制vray消耗的cpu资源。方法是:打开任务管理器,在进程一栏找到sketchup.exe *32,右键再选择设置相关性,取消部分核心的勾选,如下图,这样一来,cpu就不会100%占用,温度也就会降低】
当测试完成,觉得整体效果满意以后,就可以调高参数,开始出图。 要修改的参数有 图像采样器(image sampler),把过滤模式改为“自适应纯蒙特尔卡罗”,抗锯齿过滤器用catmull rom,这可以获得清晰的边缘并且能够保留像毛发之类物体的细节。如下图
发光贴图(irradiance map),此处只需修改最大和最小比率,一般不大于0,本案例中使用-3和-1已经足够了,如下图
灯光缓存(light cache),将细分度调到1000,模型并不复杂,这个值已经足够了,如下图
最后把灯光的细分度都调到16甚至更高,这样的话,灯光的阴影噪点会更少,重点修改太阳光(球形光)的细分度,因为图中大面积的阴影都与其有关。 我最终渲染效果如下图....
这个效果实在是略蛋疼...渲图一时爽,后期火葬场!前期功夫不足,后期就要补
四、PS后期
看渲染出来的图,整体偏暗,灰蒙蒙的,对比不足,颜色不够跳跃,缺乏表现力....这时候,就应该想办法提升画面的对比,让亮的地方更亮,暗的地方暗些,增强色彩感和空间感。 首先打开photoshop。本案例的后期教程要求大家有一定的PS使用经验,因为在这里讲述基本操作的话太过于繁琐了,所以一些按钮的位置我就不详细展开了,只提供方法思路。 在photoshop中打开刚渲染所得的图片。左键拖拽背景图层到新建图层的按钮处,以复制背景图层,这是良好的习惯。如下图
一般来说,针对刚列出的问题,可以先用曲线来调整整体的明暗对比。点击底下的那个小按钮,选择“曲线”,在弹出的小窗口中调整曲线,使亮部更亮,如下图
下面两张中第二张是经过调整的一张,可见亮度已经上来了,但是建筑主体偏红了(个人喜好),此时用颜色平衡来调整其颜色。
创建“色彩平衡”调整图层,使其颜色偏向黄色,然后用黑色填充该图层,用白色画笔将建筑主体擦出来【也就是蒙版】,目的在于调整建筑主体的颜色同时不影响周围环境的颜色。如下图
室内的灯光强度不足,现在要将其提亮。这里我使用了曝光度来进行调整,再用白色画笔将灯光的部分擦出了。如下图
树木亮面不够亮,按照生活经验,树木的受光面应该更加亮才对(个人看法)...这次我选择用曲线来调整亮度,然后同样,用白色画笔将应该提亮的部分擦出来。如下图
再做写细部的颜色调整,我就不详细展开了,作为建筑学学生,相信大家都具备一定的美术基础,而且都有自己独特的看法。请大家在我给出的psd文件中查看详细的调整。这里就直接调至光晕的添加了。 选择最上端的图层,按shift+ctrl+alt+e盖印,生成一个新的图层,把之前所有的修改都整合到一个图层。再将这个图层变为黑白。如下图
按ctrl+l打开色阶调整,调整至下图效果,并将图层的叠加方式改为“滤色”,老版本的话是“屏幕”
对这个图层使用高斯模糊,调节模糊的半径,直到觉得合适位置,如下图
把过亮的地方用黑笔涂掉,调节图层的透明度,如上图的左上角部分,天空过亮。这个操作的作用是使曝光的部分产生光晕,我们可以参考一下照片,亮的地方总会有光晕,如下图
此时为灯光添加眩光效果,将素材拖入画面中,栅格化图层,把叠加方式改为“滤色”,素材如下图
然后把该图层复制移动到有灯的地方。最终效果如下。
到这里为之已经差不多了。在此我再补充一下添加污垢的方法,不少同学对于这个比较感兴趣,我就介绍一下在后期中添加污垢的办法。 首先要找到污垢的ps素材,如下图
把素材拖入到画面中,选择“柔光”或“正片叠底”的叠加方式,如下图用的是柔光
使用菜单栏的“编辑”→“变换”→“透视”变形图片,讲“污垢”移动到适当的地方,修改其透视使其与模型相匹配,按enter结束编辑,效果如下图
污垢这东西,有人觉得很有感觉,有人觉得多此一举,这是个人的喜好问题,觉得有需要的同学不妨学习一下。还有一些细节添加,例如镜头晕影,镜头模糊我就不展开说了,大家可以查看我上传的psd文件。 最后我还使用了曲线进行了最后的调整,使画面色调更加暖。下面便是最终的效果
原图如下,大家可以对比一下~是不是好些了?
好了,案例解析篇就到此为止了。
教程案例的模型场景以及PS的后期PSD文件下载:
本文PDF电子版下载
本系列文章作者:余德杰(已授权)
往期精彩:
【设计实操】第三期 vray for sketchup渲染教程③——灯光篇
【设计实操】第二期 vray for sketchup渲染教程②——材质篇
【设计实操】第一期 vray for sketchup渲染教程①—渲染参数设定篇