基础篇 | Fusion页面设计三维栏目包装(下)

BMD

本期看点

每个三维场景都要使用“Renderer 3D(渲染器3D)”节点来终结，这个节点就是将三维环境转成二维图像的关键所在。添加“Renderer 3D(渲染器3D)”节点之后，可以插入到其他的二维图像处理当中，并且可以通过“MediaOut(媒体输出)”节点，将输出直接渲染到剪辑页面的时间线上。

“Renderer 3D(渲染器3D)”节点不仅是从三维到二维的转换节点，还包括多种渲染处理方式，可增强工程文件的风格和质量。其中最重要的就是添加景深。

今天我们将继续完成三维新闻栏目包装设计，分享如何使用“Renderer 3D(渲染器3D)”节点配置景深效果以及强化二维风格。

主要内容：

• 将三维转成二维图像
• 配置景深效果
• 强化二维风格
• 回顾总结
  

操 作 演 示

将三维转成二维图像



这里，我们初识“节点编辑器”上方工具栏中最后一个工具，“Renderer 3D(渲染器3D)”。

1 在“节点编辑器”中，选中“Merge 3D4”节点，从工具栏中点击“Renderer3D(渲染器3D)”工具，将它添加到“Merge 3D4”节点后面。



2 按数字“2”键在检视器2中查看“Renderer 3D1”的输出效果。



3 选中“Renderer 3D1”节点，打开右侧检查器，可以看到“Renderer 3D(渲染器3D)”的默认渲染是透视图摄像机，所以我们首先需要关注的是选择我们渲染输出的摄像机。



在检查器中，从“Camera(摄像机)”菜单中选择“Camera 3D1”。



4 在“Renderer Type(渲染器类型)”菜单中，选择“Hardware Renderer渲染器引擎”。



“Renderer 3D(渲染器3D)”节点包括三种渲染引擎选项:

• Software Renderer软件渲染器引擎
• Hardware Renderer硬件渲染器引擎
• Hardware UV Renderer渲染器引擎
  

软件渲染和硬件渲染的区别主要体现在渲染技术、性能、应用场景等方面。

软件渲染器引擎主要依赖于系统的CPU来生成渲染图像。它通常比使用硬件渲染器引擎要慢一些，但它可以在所有的计算机上生成一致的结果。

硬件渲染器引擎则更多依赖于GPU，利用显卡的处理能力进行加速渲染，使用这种方法来输出可能因为系统原因会略有不同的结果，具体取决于我们使用的是什么显卡。

我们看到检视器中好像没有任何差别，因为这个三维合成并没有利用任何特殊的合成操作来区分这两种渲染引擎。

5 对比检视器1中的“Merge 3D4”透视图效果和检视器2中的“Renderer 3D(渲染器3D)”输出结果，可以看到它们之间存在明显的差异，“Renderer 3D( 渲染器3D)”节点没有开启灯光，所以看不到着色效果。



在“检查器”中，选中“Enable Lighting(启用灯光)”复选框来查看平行光与环境光的效果。



最后一项检查是确保“Renderer 3D(渲染器3D)”正确设置输出所需的镜头分辨率。现在，项目的分辨率是1920 x 1080，因此“Renderer 3D(渲染器3D)”也应该设置为 1920 x 1080。

6 在检查器中，点击“Image(图像)”选项卡，确保宽度和高度值都与1920 x 1080的项目分辨率相匹配。



此刻，我们的项目看起来还不错，但是画面还是有点平淡，我们可以添加景深来优化这个问题。


配置景深效果

若想让项目更加逼真，我们可以模拟摄像机的浅景深设置。景深(DoF)是出现在焦点平面范围的前面与后面，焦点平面看起来非常清晰，在这个范围以外的区域越来越模糊。

配置景深的第一步是在“Renderer 3D(渲染器3D)”节点中开启它，然后再设置摄像机的“焦点平面”。

1 在“Renderer 3D1”的检查器中，点击“Controls(控制)”选项卡，然后启用“Accumulation Effects(累积效果)”，并勾选“Depth of Field(景深)”复选框。

• “质量”：值越高，景深效果看起来越好，但计算机处理效果的时间就越久，难度也越大，通常32个采样的默认数量通常就足够了。
  

• “景深模糊数量”：会改变聚焦区域的大小。数字越小，聚焦的图像就越多。
  

2 将“Amount of DoF Blur(景深模糊数量)”减少到0.05左右，并播放动画预览它的效果。



此时场景明显模糊了，但文字也一样没有聚焦。这就像我们日常使用摄像机，需要在文字所在的区域上设置焦点，让视线聚焦在主体上。

3 完成动画预览后，我们停止播放，在检视器2中的摄像机坐标轴控制上点击鼠标右键，然后选择“顶视图”，摄像机会更容易精确地聚焦在文字上。



4 在“节点编辑器”中，选择“Camera 3D1(摄像机3D1)”节点，然后在检查器中滚动到下方打开“Control Visibility(控制可见性)”菜单。



我们可以在顶视图中使用“焦点平面”来确定摄像机聚焦的位置。“焦点平面”就像摄像机中的对焦点，它能告诉摄像机在三维场景中聚焦的地方。默认情况下，焦点平面是看不见的，但可以开启它并在“摄像机”节点的检查器中设置它的位置。

5 选择“Focal Plane(焦点平面)”复选框。



在检视器1中，摄像机视角会显示一个绿色矩形轮廓，来表示焦点平面。



将播放头移动到合成的第60帧，这是文字的最终位置，如果我们在这一帧上聚焦文字，可以将焦点平面直接放置在文字上。在检查器中，调整“Focal Plane(焦点平面)”滑块，直到绿色焦点平面轮廓与检视器1中的文字相交。



焦点平面现在就固定在文字所在的位置上了，可以在检视器2中看到文字是实的，后面的地球和月球等元素是虚化的。

因为前面给工程文件中的摄像机设置了后退动画，文字最终会再次变得模糊，因此需要为焦点平面设置关键帧。

6 为焦点平面设置关键帧。

在第60帧，点击“Focal Plane(焦点平面)”滑块右侧的“关键帧”按钮。



移动到渲染范围的末尾处，可以看到焦点平面落到了文字前面，所有元素都虚化了。



再次调整“Focal Plane(焦点平面)”滑块，让它直接位于文字上。



由于在合成的起始位置没有出现文字，所以我们可以将焦点先放在球体上，当文字进入视图时将它做变焦效果处理。移动到渲染范围的起始处，调整“Focal Plane(焦点平面)”滑块，让它直接位于地球球体的前面。



7 按“空格键”预览现在的变焦动画。



景深效果增强了图形的风格。在创建三维动态图形设计时，不能只依靠合并节点的三维处理。渲染器的三维选项以及其他的二维图像处理方式同样可以增强设计感。


知识拓展：
如果经常使用某个节点所配置的设置，可以在“节点编辑器”中鼠标右键点击这个节点，然后选择“Settings(设置)” > “Save Default(保存默认值)”。后面我们将该工具添加到“节点编辑器”中，它都会把当前配置作为默认预设。

以“Text 3D1”节点为例，当我在节点编辑器的空白区域再次添加一个“Text 3D”节点，初始状态就会变成下图所示的样子。




添加二维风格设计

配置“Renderer 3D(渲染器3D)”节点后，它输出的是一个二维图像，我们可以像任何二维源图像一样使用它。


当前节点图

这里，我们可以给场景添加一个“Background(背景)”节点，比如纯色背景，然后添加一个标准的“Merge(合并)”节点，将“Renderer 3D(渲染器3D)”节点作为它的前景。

1 点击“Renderer 3D(渲染器3D)”节点下方的空白区域，按“Shift+空格键”来添加“Background(背景)”节点，该节点默认的颜色是黑色。



2 将“Renderer 3D1”节点的输出端口拖拽到“Background 2”节点的输出端口上，会自动创建一个“Merge 1(合并1)”节点。此时，“Renderer 3D1(渲染器3D)”节点是“Background 2(背景)”的前景，按数字“2”键在检视器2中查看“Merge 1”节点。



目前合成是二维的，我们可以添加图像处理滤镜来增强风格。点击“特效库”按钮打开特效库。“特效库”包括“Fusion页面”中所有的合成工具，以及之前在“剪辑页面”和“调色页面”中使用的全部Resolve FX插件。

3 在“特效库”中，点击“OpenFX”类别，选择“Resolve FX Light”类别。



4 从“特效库”中将“镜头反射”拖下来，同时按住“Shift键”，拖到“Renderer 3D1”和“Merge 1”节点之间的连线上，直到连接线呈现蓝绿色时释放鼠标，该节点即可添加到两个节点中间。如下图所示：



“Lens Reflections 1(镜头反射1)”节点添加到工程文件中后，会根据镜头中高光的形状和运动来模拟镜头光斑效果。模拟后的反射也会根据元素的动画进行移动，从而在不添加关键帧的情况下创建动画效果。



检视器1显示的是“Renderer 3D1”节点图像；
检视器2显示的是“Merge 1”节点图像，它是添加了“背景”和“镜头反射”的“Renderer 3D1”。

如果感觉效果比较强，可以适当降低强度。在“检查器”中，点击“Settings(设置)”选项卡，并将“Blend(混合)”滑块拖动到0.5左右，来降低镜头反射的强度。



三维合成本身往往过于干净清晰，因此添加一些二维图像处理可以创建更加自然的合成效果。

5 连接“媒体输出”节点。

将“Merge1(合并1)”节点的输出端口拖拽到“Media Out 1(媒体输出1)”节点上。



本期的分享就到这里了。“Shape 3D(形状3D)”、“Merge 3D(合并3D)”、“Renderer 3D(渲染器3D)”和常规的“Merge(合并)”节点组合起来使用，可以在单个合成中创建多个三维与二维部分，这使得Fusion的三维合成功能非常强大。


回 顾 总 结


三维栏目包装的完整节点树

虽然演示已经结束，但是我们仍然可以回过头来根据自己的喜好去修改每个参数，尝试混合搭配新的二维滤镜，来观察它们是如何相互影响的。



《基础篇 | 在Fusion合成中建立三维场景》

在这篇分享中，我们在剪辑页面的媒体池新建了一个“Fusion合成”片段，并“在Fusion页面打开”，开始创建三维场景。

在创建三维场景的过程中，我们初步认识了“Shape 3D(形状3D)”工具，用它把二维的元素添加到三维场景中，比如这里的地图贴图与三维形状“Sphere(球体)相结合，成为“地球”。当创建了多个三维图像以后，我们使用“Merge 3D(合并3D)”工具将它们合并到同一个三维场景中。

在为三维对象创建动画时，我们初步接触了简单的表达式以及拾取功能，同时学会在三维视图中查看合成效果、为三维对象创建多轴旋转，为当前的三维场景添加灯光以及建立与设置摄像机动画。



《基础篇 | Fusion页面设计三维栏目包装(上)》

在这一篇分享中，我们没有继续使用贴图与三维形状的组合为三维场景添加元素，而是演示了另外两种常见方式。

一种是利用“Text 3D(文本3D)”工具添加三维文本，通过适当增加挤压厚度、倒角厚度和倒角宽度增强文字的立体感，使用“Shading(着色)”选项卡为三维文本着色。

另一种是直接利用“Shape 3D(形状3D)”工具为三维场景创建基本的三维形状，使用“Bender 3D(弯曲3D)”工具进一步改变形态，使用“Duplicate 3D(复制3D)”工具创建多个副本并进行管理，使用多种“着色器”为三维形状添加材质、反射等细节。



《基础篇 | Fusion页面设计三维栏目包装(下)》
也就是在本篇中，我们使用“Renderer 3D(渲染3D)”工具将前面完成的三维环境转化为二维图像，利用其检查器中的控制选项为图像配置景深效果，还添加“镜头反射”等工具让合成效果更自然。

在黄色“底图”所示的区域，我们还添加了黑色的背景，并为合成设置了合适的分辨率，然后使用“Merge（合并）”工具将“Renderer 3D(渲染器3D)”节点内容作为它的前景，最后与“MediaOut”节点连接起来，可将输出直接渲染到剪辑页面的时间线上。

希望以上内容能够帮助您很好地理解如何使用文本和对象来创建三维场景，并把这个“Fusion合成”的最终效果当做模板，应用到实际的项目中。


学 习 资 料

下载DaVinci Resolve软件及课程文件

Blackmagic Design官方推出的《DaVinci Resolve Fusion视觉特效指南》，不仅能帮助学习者了

解节点知识和工作原理，还提供了丰富的素材资料便于学习者做实例练习。

1 DaVinci Resolve软件下载

①可前往Blackmagic Design网站

www.blackmagicdesign.com支持页面下载DaVinci Resolve。

②也可通过以下网盘链接下载：
https://pan.baidu.com/s/19O1IGYwlQbeKJrrwbFTeoA?pwd=club

提取码: club

Fusion独立版本也同步更新在该文件夹内。

2 软件安装完成后，访问官网-培训页面：
www.blackmagicdesign.com/cn/products/davinciresolve/training

3 滚动页面，直到找到《DaVinci Resolve 17Fusion视觉特效指南》。



注意：《DaVinci Resolve 18Fusion视觉特效指南》英文PDF已经发布，用户可根据需要自行下载学习。

4 点击“课程文件第1部分”链接，下载课程文件（约6GB）。

5 下载后双击解压，就能开始学习了。

· end ·

「 专业平民化 创意专业化 」