PS效果图后期—环艺后期处理篇.pptx

第八章后期环艺后期处理篇课前目标：本章主要讲述建筑效果图后期处理的应用，photoshop对于这方面的处理，常见的有应用前期的图片素材合成的建筑效果图；运用通道来完成最后渲染制作的。8.1实例一室内设计效果后期处理该案例主要讲解使用photoshop如何对室内效果进行后期美化处理，通常我们用VR选出来的图会发灰、发暗，光感不是很好，所以在photoshop中的后期处理就很重要。8.1.1 相关工具介绍【图层混合模式】前面的综合海报章节已经讲述，在此不多赘述。【照片滤镜】打开菜单图像调整照片滤镜命令，可以为图片改变和校正色温。主要功能就是模拟在照相机的镜头前增加彩色滤镜，镜头会自动过滤掉某些暖色或冷色光，从而起到控制图片色温的效果。照片滤镜的对话框打开后也较为简单，滤镜里有自带的各种颜色滤镜，中间的是颜色，下面的是浓度，用来控制需要增加颜色的浓淡。保留名都选项是提示是否保持高光部分，勾选后有利于保持图片的层次感。照片滤镜的对话框，如图8-1所示。图8-1 照片滤镜【自由变换】自由变换工具处于菜单编辑自由变换，其快捷键是Ctrl+T,主要用来旋转、按比例放大缩小图像以及倾斜、扭曲、透视和变形等工具对图形进行控制。配合三个功能键Ctrl、Shift、Alt来使用，Ctrl键控制自由变化；Shift控制方向、角度和等比例放大缩小；Alt键控制中心对称。如图8-2所示。图8-2 变换工具8.1.2 操作步骤例一：室内设计效果后期处理（1）打开一张做好的室内设计效果图，先来分析下图片，并从整体入手，将需要处理的地方列出来。画面整体偏暗，墙面有些灰。如图8-3所示。图8-3 室内效果图原图（2）整体调整，常用的调整方法：饱和度、色阶、曲线和色彩平衡的调整；也可以使用图层模式来进行调整。复制一个背景图层，在背景副本层，使用图像亮度、对比度来进行调节。然后，将背景副本的图层混合模式改为“柔光”。设置图层的不透明度为40%。效果如图8-4所示。图8-4 背景副本图层混合模式改为柔光（3）合并背景副本图层和背景层，将其再复制一层，将图层混合模式改为滤色模式，用不透明度来控制亮度的强弱。效果如图8-5所示。图8-5 将再复制的背景层改为滤色模式（4）可以为画面加入一些窗外的环境光，在这里我们将背景副本层和背景层合并，并再次复制一次，在复制的图层上，使用图像调整照片滤镜命令，如图8-6、8-7所示。图8-6 添加照片滤镜图8-7 添加照片滤镜后效果展示（5）为调整为冷色调的背景副本图层加一个蒙版，前景色和背景色为默认的黑色和白色，使用渐变工具在蒙版上做线性渐变，可以多试几次，然后更改图层的不透明观察效果。效果如图8-8所示。图8-8 添加图层蒙版（6）接下来可以做局部的调整了，在这里我们可以为图像加入以下点光源。如果原图像有点光源，我们只需调亮灯光效果即可。如下图所示的灯光效果。如图8-9所示。图8-9 调整灯光效果制作时，使用椭圆选框工具，设定椭圆选框工具的羽化值为10，在需要加点光源的地方拖出一个椭圆选区，设定前景色为白色，按下快捷键Alt+Delete填充白色。填充完成后，保持选区不要取消，按下Ctrl+T对选取里的图像进行调整，调整的过程中，我们需按下Ctrl键不要松开，对控制框底部的两个点进行调整。效果如图8-10所示。图8-10 灯光效果制作1调整好后，双击进行确定。按下Ctrl+D，取消选区。现在效果如图8-11所示。图8-11 灯光效果制作2再次使用椭圆选框工具，将我们做好的上半部分选中删去，并移动到合适的位置。效果如图8-12、8-13所示。图8-12 删除不需要部分并移动图8-13 灯光效果制作完成（7）另外还可以使用粘贴入命令，为电视加入画面贴图。选择一张合适的画面图片，进行全选、复制（快捷键Ctrl+A、Ctrl+C），选取电视的有效区域，并按下键盘上的Ctrl+J复制一层，使用菜单编辑选择性粘贴“贴入”命令（快捷键AltCtrl+Shift+V）进行粘贴。对贴入的图片进行调光即可。效果如图8-14所示。图8-14 为电视做贴图（8）到这里基本就差不多了，如果还需要细部的微调，可以使用椭圆选框工具，设定羽化值后，进行细部的微调。最终效果如图8-15所示。图8-15 完成效果图8.2 实例二室外空间效果夜环境的后期处理本节实例主要讲述大型建筑的灯光渲染技巧，在完成3ds max模型制作的基础进一步对画面进行修饰，将复杂的制图过程简单化，艺术化。内容主要包括photoshop的基础操作、素材的准备和应用、照片的合成及处理、色调的调整方法以及效果图深化完成等。此案例选择了表现热闹的城市夜景效果，内容丰富且造型多变。夜景图在灯光表现是要做到鲜亮而透气，不能因为是夜晚而显得沉闷灰暗。为了突出表现灯光效果，只要表现出大的结构变化关系，以及所使用的照明方法，如表现出例如泛光灯、LED灯、霓虹灯等灯具的照明效果即可，不必交代任何造型上的细节部分，用光来突出建筑的立体感和轮廓线即可。8.2.1 相关工具介绍【光照效果】打开菜单滤镜渲染光照效果命令，我们可以看到光照效果的对话框。这个滤镜是一个设置复杂、功能极强的滤镜，它的主要作用是产生光照效果，通过光源、光色选择、聚焦、定义物体反射特性设定来达到3D绘画的效果。如图8-16所示。图8-16 光照效果在此对话框中，我们可以设定光照效果的类型，包含光源、光照类型、强度、聚焦方式和颜色方块等；还可以设定光泽、材质、曝光度和环境光；也可以设定纹理通道及纹理的高度等。在本例中主要用光照效果来加强环境光，营造晚上的灯光效果。【盖印图层】盖印图层的原理和合并图层差不多，只不过盖印图层不将可视图层合并，只是在所有图层的顶部再覆盖一层，很像我们平时使用的复写纸。由于盖印图层的特性，是不影响之前处理的单个图层，所以用起来较为方便。具体操作：按下快捷键Ctrl+Shift+Alt+E可以盖印所有可见图层。8.2.2 操作步骤例二：室外空间效果夜环境的后期处理(1)打开一张由3ds max模型制作的图像，如图8-17所示。我们考虑建筑的主题部分采用LED智能控制技术的高科技照明方法,其它部分使用泛光的照明方法,营造特殊的夜景照明效果。怎样通过光和色的层次来突出建筑的特征，是后期处理时要解决的技巧问题。先用工具条上的套索工具勾选出建筑的轮廓，按ctrl+J创建新的图层。使用滤镜渲染光照效果，将整个建筑的色彩降暗，参数如图8-18、8-19所示。图8-17 原图图8-18 光照效果参数设置大楼的幕墙玻璃可以用同样的方法再设置一盏灯光，使玻璃有一些蓝色渐变的效果。图8-19 光照效果展示（2）准备一张繁华的城市夜景图、路灯及树木等资料图片备用。如图8-20、8-21、8-22所示。图8-20 夜景展示图像图8-21 树木图8-22 路灯（3）将繁华的城市夜景图、路灯及树木与建筑进行合成；背景自带的繁华景象已经让图像具有夜晚的灯光效果，接着将进行大楼的照明制作。如图8-23所示。图8-23 为大楼制作夜背景(4)在制作照明效果时，我们先处理大楼一层的上也空间灯光效果，在这里，我选用一张图片对其进行贴图。制作时先选出大楼一层前面的玻璃橱窗，保持选取不变，按ctrl+J创建一个新的图层，准备一副颜色以暖色为主的室内图片，最好是照明效果明显的。如图8-24、8-25所示。图8-24 勾选大楼底部选区图8-25 为橱窗制作准备图片（5）将图片复制后按下Alt+Shift+Ctrl+V快捷键将其粘贴在玻璃的选框中，再按ctrl+T快捷键编辑图像的比例，以适合室内环境的尺度。图片在完成粘贴如亮度不够，可调整亮度对比度。如图8-26所示。图8-26 制作大楼橱窗（6）用套索工具勾选中间区域的局部，用来制作幻光灯源，单击工具条上的色彩方块，将前景色设为绿色（3AF906），背景色设黑，将前面的选择框设置一个新图层以便修饰。制作流动光源区，从工具条选渐变、线性渐变，从上往下拉动并观察效果的变化。由于LED灯光是一种可随意控制的“动态光源”，所以制作时要表现出它的动感和光感。如图8-27所示。注意：练习时注意选择纯度高的色彩，以别于其他的灯光，使之成为画面的亮点。图8-27 流动光源制作1（7）将工具条上的前景色和背景色分设为黑、白二色，用同样的方法，使用渐变工具将两边制作出灯光的变化效果，放置在中间LED灯两侧。如图8-28所示。图8-28流动光源制作2（8）用选框工具勾选大楼的外轮廓，进行描边，做出大楼外观的灯光效果，在这我们使用蓝色画笔工具制作出来大楼的轮廓灯光，画笔参数及色彩的选项设定为：主直径：4像素、硬度0%、颜色值:10DFF。描边完成后将不需要的部分，使用硬度为0的橡皮擦掉。如图8-29所示。图8-29 制作大楼外轮廓灯光效果（9）制作大楼顶部的字体。使用字体工具在大楼顶部，输入白色字体dashanghai，并为其加入外发光和投影效果。如图8-30所示。图8-30 大楼顶部字体的制作（10）制作大楼外的LED屏，选择一张有合适光感的图像，裁切为大小合适的图片，拖至屏幕框内，使用ctrl+T自由变化工具，并结合使用ctrl键，将图片合适的放在屏幕框内。如图8-31所示。并在LED屏的上方，输入大厦的名字或标识，在这里我们输入“大上海”，并未文字加入图层效果，斜面浮雕、外发光和投影。如图8-32所示。图8-31 LED屏制作图8-32 制作大厦的名字（11）现在装饰路灯与路面，使图像的前景变得内容丰富，置入人物，盆景等，并加入汽车配景，根据人物的比例控制它的尺度，是较易掌握的方法。如图8-33所示。图8-33 加入配景（9）把前面准备好的树木，汽车等加入画面，做最后的修饰，最后调色调的大关系，前面的景物用色彩平衡加点暖色，天空的顶部试着适当加深，可使灯光效果更加明显，对一些细部的深化修饰也会使画面效果增色不少。如图8-34所示。图8-34 添入前景树木（10）最后使用快捷键shift+ctrl+Alt+E盖印一层，调整画面整体的色调关系,效果如图8-35所示。图8-35 最终效果展示8.3 实例三效果图后期色彩通道渲染通常我们用3D和VR最终渲染的效果图都会发灰，主要的原因是对比度和色相纯度不够，最终都需要通过Photoshop的后期润才能变得较为理想。在这里就讲解下效果图的后期润色处理。在此案例中，主要是使用渲染后的效果图和通道图进行快速准确的进行选取并操作。8.3.1 相关工具介绍1、【曲线】选择“图像调整曲线”可以打开“曲线”的控制面板，或是按下快捷键“ctrl+M”。如图 836 所示。图836 曲线控制面板A 编辑点以修改曲线B 通过绘制来修改曲线C设置黑场D 设置灰场E 设置白场F 白场和黑场滑块G曲线下拉菜单H黑场吸管I灰场吸管J 白场吸管K 显示修剪具体操作实例中有详细讲解。2、【色阶】选择“图像调整色阶”可以打开“色阶”的控制面板，或是按下快捷键“ctrl+L”。如图 837 所示。图837 色阶控制面板【输入】图像修改前的色阶数值。【输出】是图像经过修改后的色阶数值。【0255】代表256色，从0255,0代表黑场，128代表灰场的中间值，255是白场。085为暗部控制区，86170为中部，171255为高光控制部分。3、【USM锐化】选择“滤镜锐化USM锐化”，可以打开其对话框，如图838所示。图838 USM锐化对话框【数量】控制锐化效果的强度。【半径】用来决定作边缘强调的像素点的宽度。如果半径值为1，则从亮到暗的整个宽度是两个像素；如果半径值是2，则边沿两边各有两个像素点，那么从亮到暗的整个宽度是4个像素。半径越大，细节的差别也清晰，但同时会产生光晕。【阈值】决定多大反差的相邻像素边界可以被锐化处理，而低于此反差值就不作锐化。阈值的设置是避免因锐化处理而导致的斑点和麻点等问题的关键参数，正确设置后就可以使图像既保持平滑的自然色调的完美，又可以对变化细节的反差做出强调。8.3.2 操作步骤1、在PS中打开要处理的效果图原图和与其相对应所渲染的通道图，如图839、840所示。图839 效果图原图图840 渲染的通道图2、按下shift键，使用移动工具，把通道图拖至效果图中，图层的现实中，在背景层上覆盖了图层1（内容即是通道图）。按下键盘上的数字键，比如这里按下“5”，图层1（通道图）的“不透明度”为50%，这样通过一定的透明度调节可以检查两个图层是否重合在了一起，检查好后需要按下“0”，将不透明度仍改回100%。如图841所示。图841 通道层移动后的效果3、选择图层面板最下边的背景图层，按下ctrl+J复制一个图层，并调整图层顺序，将其拖动至“图层1”的上方，并命名为“效果图 副本”，以后的效果将在此图层上进行修改处理。如图842所示。图842 调整图层顺序并命名4、从这里开始，我们将利用通道图层，遵照先大后小、先整体后局部的原则，对效果图各个部分的受光对比度和色相进行相应调整。先整体调整名都对比度和色相。保持“效果图 副本”图层为当前选择图层，按下ctrl+M打开“曲线”面板，先调整体明度对比度，具体调整方法如图843所示，注意调整幅度不可过大。图843 效果图副本的整体曲线调节5、按下ctrl+L打开“色阶”面板，整体调整色阶，把白场滑块向左移动，同时把黑场滑块向右移动，调整到满意为止。如图844所示。图844效果图副本的整体色阶调节6、将诶下来进行局部调整，主要用的命令还是“曲线”和“色阶”。一般遵循先大面积后局部的原则，这里从地面开始。在图层面板中选图层1（即通道图），使用“魔棒”工具，按下shift键，以加选的方式选择地面部分包括地板和地砖。如图845、846所示。图845 在通道层使用魔术棒进行选取图846 回到效果图副本图层选取效果展示7、选择完成后，在图层面板，切换为“效果图 副本”图层为当前作用图层。按下ctrl+M，如图 所示，调整地板的亮部更亮，暗部更暗，目的是让暗部和亮部拉开对比。（不是所有面的调节都是这样，有时只需调节亮面，有时只调节暗面，要依据具体的情况而定）。效果如图847、848所示。图847 效果图副本的地板曲线局部调整图848效果图副本的地板曲线局部调整效果8、按下ctrl+L调整色阶，一般情况下高光滑块调节相比暗部滑块要稍微多一些，暗部滑块有时可以不做调节，特别是感觉暗部的受光不是很好的情况下。如图849所示。图849效果图副本的地板色阶局部调整效果9、接下来如左右面墙、沙发、茶几等等的调节方法都一样，最好调节完各个大的墙面后，从近处开始直到饰品都进行耐心的调节，遇到受光不好的暗部还可以适当调节下“色阶”的中间滑块。如图850所示。图850 受光不好的暗部调整10、整体到局部的“曲线”和“色阶”都调整完成后，如果想再调整以下整体色调可以点击“图像”“调整”中的“色彩平衡”，如图851、852所示，色彩平衡的设置，可以使整体效果稍微偏冷一点。图851效果图副本的色彩平衡调节图852效果图副本的色彩平衡调节效果展示11、最后，我们再给效果图加一个锐化处理。具体步骤为：滤镜锐化USM锐化，具体数值如图853所示。数值的设定依据实际图形的情况进行调节。图853 锐化处理效果12、最终调节的效果和原图对比。如图854、855所示。图854 效果图原图图855 最终效果小结：通过本章的学习，熟练掌握Photoshop处理虚拟实物图的操作，在处理的过程中注意灯光的渲染和细节的调整，应该强化效果图所表现出来的真实性。实训练习：1熟练使用通道图快速的进行选取操作。2尝试用通道图结合效果图来处理一张室内效果图。3如何将一张效果图处理成夜环境下的效果？