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

BMD

本期看点
今天我们将在Fusion页面中继续创建三维场景，添加简易的三维文本和形状并设置动画，以及尝试使用最简单的方法初识Fusion中的“材质”。

主要内容：

• 准备工作
• 添加三维文本并设置动画
• 添加三维形状并设置动画
• 优化三维元素及场景（初识材质）
  

准 备 工 作



我们所有的演示素材都来源于Blackmagic Design官网培训页面提供的学习资料，可根据文末的引导进行下载和学习。

1 在“项目管理器”中，打开“Fusion 17 Lessons Part 3”的项目。

2 在“剪辑页面”的时间线媒体夹中，找到“Lesson 10 START”片段 ，鼠标右键点击，选择“在Fusion页面打开”。

打开的合成与我们在《基础篇 |在Fusion合成中建立三维场景》中完成的合成相比，添加了黄色条纹装饰与新的月球风格。从检视器1中可以看到，黄色条纹也是由二维元素，通过添加“Shape 3D”节点、使用三维形状，有了检视器2中的三维立体效果。


操 作 演 示

添加三维文本并设置动画
标准的二维“Text+(文本+)”节点只能连接到二维合成上，不能连接到“Merge 3D(合并3D)”合成中。所以，在开始三维合成的时候，我们必须使用“Text 3D(文本3D)”节点来添加文本。

1. 将三维文本添加到场景中

1 选择“Merge 3D1”节点，按数字“2”键，在三维检视器2中查看它。



2 从工具栏中，将“Text 3D(文本3D)”工具拖拽到“节点编辑器”的空白区域。按数字“1”键，在三维检视器1中显示该节点。



3 选中“Text 3D1”节点，打开右侧检查器，在“Styled Text(样式文本)”输入框中，输入两行文字“BREAKING NEWS”(突发新闻)，字体设为“Open Sans”，字型为“Bold Italic”，大小在0.5左右，适当缩小行间距。



4 滚动到检查器的底部，我们会发现与“Text+(文本+)”节点相比，“Text 3D(文本3D)”节点有了更多三维控制的选择，例如挤压和倒角，它们可以增加文字的厚度，让标题更有质感。



适当增加“Extrusion Depth(挤压厚度)”、“Bevel Depth(倒角厚度)”和“BevelWidth(倒角宽度)”。



* 注意 在检视器1中点击鼠标右键，选择“三维选项” > “灯光”，启用检视器中的默认着色，才能看到挤压厚度、倒角厚度与宽度的变化。



* 或者在检视器右上角，如图所示的位置，选择“灯光”，也能查看着色细节。


2. 为三维文本设置动画

为三维文本设置动画，我们也有很多方式，比如前几期的分享中就涉及了关键帧、表达式和修改器等方式。这里，我们为三维文本创建一个简单的关键帧动画，然后把它连接到三维场景中。

1 将播放头移动到第40帧，在“Text 3D1”检查器的“Transform(变换)”选项卡中，点击“X轴”旋转参数旁边的“关键帧”按钮，然后使用“X轴”旋转滑块向右拖动，直到文本内容几乎面朝下的状态，“X轴”旋转值大约为60度。



2 再将播放头移动到第60帧，并将“X轴”旋转设置为0，使文本旋转回正前方，然后点击播放，查看动画效果。



这样就创建了一个快速抬起的动画，但旋转的轴心在文本的底部。如果文本围绕两行文字之间的轴心旋转，看起来效果会更好一些。此时我们可以使用“Pivot(轴心)”控制来改变旋转的轴心点。

3 修改“Pivot(轴心)”。

将播放头移动到第60帧之后的某个位置上。这将方便我们查看轴心点的位置，在检查器中，打开“Pivot(轴心)”控制。使用“Y轴”滑块向右拖动，直到检视器中的轴心点位于两行文字的中间位置。



再次播放动画来查看新的旋转轴心点，这时候，文本使用两行文字之间的轴心点进行旋转。


3. 为场景中的文字设置动画

通过在摄像机与三维场景的环境中查看动画，可以更好地为其余部分设置动画。因此，我们需要将三维文本连接到主节点树中。

1 添加新的“Merge 3D(合并3D)”节点。

在“节点编辑器”中，选中“Merge 3D1”节点，按“Shift+空格键”打开“选择工具”对话框，输入Merge来搜索“Merge 3D(合并3D)”工具，从工具列表中，选择“Merge 3D(合并3D)”工具，然后点击“添加”，这个工具会直接添加到选中的“Merge 3D1”节点后面。

2 将三维文本连接到合成中。

将“Text 3D1”节点的输出端口拖动到“Merge 3D3 ”节点的输入端口上，然后选中“Merge 3D3”节点，按数字“2”键，在三维检视器2中查看它。



3 使用摄像机视图查看。

在检视器左下角“Perspective(透视图)”控制上点击鼠标右键，选择“Camera 3D1”，就可以在检视器中查看摄像机输出的画面了。



此时，文字被地球遮住了，需要先右移，再往前移，同时要注意避免撞到旋转的月球。

4 将三维文本移到合适的位置。

选择“Text 3D1”节点，向右拖动“X轴”平移滑块，将文本从地球球体内部移出，然后拖动“Z轴”平移滑块把文字向前移动。



5 选择合适的视图。

为了更容易更准确地看到文字在场景中的变化，在“节点编辑器”中，选中“Merge 3D3”节点，按“1”键和“2”键，同时显示在两个检视器中。检视器1，设置“Perspective(透视图)”，使用摄像机查看整个场景；检视器2，设置“Camera 3D1”，查看摄像机的输出画面。



6 选择“Text 3D1”节点，将播放头移动到第60帧，点击“Z轴”平移参数旁边的“关键帧”按钮。



7 再将播放头移回第40帧，并把文字向前放置，直到它超出画面放到摄像机的后面（如下图检视器1所示）。



现在，播放动画来查看效果，我们有了一段从摄像机镜头后面飞进来的突发新闻动画。通过添加一些其他的三维动画元素，可以为合成带来动感与动态视觉效果。


添加三维形状并设置动画

1. 创建三维形状

这里，我们只创建一个三维形状，然后使用复制节点在场景中放置多个偏移克隆后的形状。

1 点击“节点编辑器”内三维文本节点右侧的空白区域，按“Shift+空格键”打开“选择工具”对话框，输入“shape”，从工具列表中，选择“Shape 3D(形状3D)”工具，然后点击“添加”，将这个工具直接添 加到“节点编辑器”中。



2 按“1”键，在检视器1中查看“Shape 3D3”节点，点击检视器并按“F”键，在检视器中匹配选中的形状。



3 在检查器中，点击“Shape(形状)”菜单，将形状从“平面”改为“立方体”，去掉“锁定 宽度/高度/深度”复选框前的对钩，在下面的选项中找到“Depth(深度)”，把它的参数降低，给立方体一点点厚度，以此来创建一个薄薄的平板。



4 在检视器1中，点击右上角如图所示的图标，选择“灯光”，启用默认着色。




2. 弯曲、扭曲和倾斜三维形状

接下来我们稍微让它变形，使这个静态矩形在视觉上更有冲击力。

1 添加“Bender 3D(弯曲3D)”节点。

选中“Shape 3D3”节点，在“特效库”中，选择“Tools(工具)” > “3D”，然后点击“Bender 3D(弯曲3D)”工具，把它添加到“Shape 3D3”节点后面，然后按数字“1”键，在检视器中查看“Bender 3D1”节点。



2 效果测试。

“Bender 3D(弯曲3D)”工具可以用来弯曲、变尖、扭曲或倾斜它所连接的几何体，我们在检查器中，来回拖动“Amount(数量)”滑块就能看到变化。默认的配置会设置为沿Y轴弯曲几何体，但还有其他设置可能更适合我们的栏目包装设计。



3 更改弯曲类型。

重置“Amount(数量)”滑块，然后将“Bender Type(弯曲类型)”菜单更改为“Shear (倾斜)”，并拖动“Amount(数量)”滑块。




3. 复制三维形状

创建好一个基本的三维形状以后，我们可以为它创建副本，并对它们的位置进行偏移，能很好地丰富我们的三维场景。多次复制对象，我们可以使用一种简单方法——“Duplicate 3D(复制3D)”节点。

1 添加“Duplicate 3D(复制3D)”节点。

选中“Bender 3D1”节点，从“特效库”中点击“Duplicate 3D(复制3D)”工具，把它添加到“节点编辑器”中，并按数字“1”键在检视器中查看它。



2 快速复制三维形状。
选中“Duplicate 3D1”节点，在检查器顶部的“Last(最后一个)”输入框中，输入10来创建它的“Copies(复制数量)”，也可以拉动滑块来确定数量；另外，复制的数量不限于10，可以输入更高的数值。



注意 将“First(第一个)”输入框的值设置为大于0的数字将排除原始形状，就只能显示副本。

3 将三维形状有序排列。

向右拖动“X Offset(X轴偏移)”来摊开10个副本，直到每一个副本之间都留有空间；点击检视器1中的空白区域，然后按“F”键来适配检视器中所有复制好的矩形。这样一来，“X Offset(X轴偏移)”就创建了一排三维矩形。



现在，我们有10个摊开的矩形副本，每个副本都是前一个副本的副本。默认情况下， 所有的副本排成一行，使用“Jitter(抖动)”选项卡，可以用来偏移每个副本的控制。

4 设置偏移。

在检查器顶部，点击“Jitter(抖动)”选项卡。



将“Y轴”和“Z轴”平移抖动滑块拖动到0.5左右。



5 连接到合成中。

选中“Duplicate 3D1”节点，按“Shift+空格键”打开“选择工具”对话框，添加一个“Merge 3D (合并3D)”节点，并按数字“2”键，在检视器中查看新“Merge 3D4”节点的合成效果。



将“Merge 3D3”节点的输出端口拖拽到新的“Merge 3D4”节点上。此时的矩形在检视器中显示为黑色，因为“Merge 3D3”节点没有将灯光传递到新的合并节点上。



6 这时候，要选中“Merge 3D3”节点，然后在“检查器”中勾选“Pass Through Lights(直通灯光)”。这样我们就可以在其他对象和灯光的环境中看到这些矩形，把它们放在合适的位置并为它们设置动画。（如果在工作中遇到类似的情况，记得检查该设置。）



“Duplicate 3D(复制3D)”节点只能来偏移副本内容。若要移动整行复制好的矩形，我们可以移动原始的那个对象。

7 先选中“Shape 3D3”节点，然后使用屏幕控制将这个形状放置在画面的左下角位置；



打开“检查器”中的“变换”选项卡，为确保它们与地球球体都不相交，将“Z轴”平移向摄影机方向移动；移动过程中发现矩形对整个场景来说有点大了，可以把“Scale(缩放)”滑块向下拖动到0.6和0.7之间，然后使用“Y轴”平移将它们放置在画面稍高的位置上。

8 设置关键帧动画。

选中“Shape 3D3”节点，并将播放头移动到第60帧的位置，在检查器中，向右拖动“X轴”平移滑块，直到这行形状完全离开画面，然后点击“X轴”平移滑块右侧的“关键帧”按钮来设置第一个关键帧。再将播放头移动到第110帧，并向左拖动“X轴”平移滑块，直到这行形状又离开画面。



播放合成，查看动画效果。现在，每个矩形都在屏幕前自右向左滑动，然后离开画面。


优化三维元素及场景

Fusion可以使用材质来操控三维对象的外观。在三维环境中，材质会覆盖对象，就好比人的皮肤或衣服。



Fusion内置“材质”选项卡，可以使用每个三维对象的检查器中的“材质”选项卡将简易材质应用到对象上。

我们也可以使用Fusion中的“着色器”节点来创建更为复杂的材质。


1. 为三维文本着色

1 使用“Shading(着色)”选项卡。

将播放头移动到第60帧，在检视器中查看“Text 3D1”节点。

选中“Text 3D1”节点，在检查器中打开“Shading(着色)”选项卡，在“色样”中，选择一个鲜艳的红色。



* 色样参数可以用来设置对象的漫反射颜色。漫反射颜色是对象的原始颜色。还可以将表面颜色与倒角边缘分开。

2 在色样上方，去掉“使用同一种材质” 复选框里的对钩。禁用这个复选框会在检查器底部显示“倒角材质”控制选项。默认是白色。



从检视器中来看，白色的倒角与红色文字搭配起来效果还不错。

我们也可以在“倒角材质”中，修改材质上的高光参数。“Specular(高光)”选项，可以给有光泽的材质创建高光。这里有两个主要选项可以控制材质的光泽。

• “Specular Intensity(高光强度)”，控制高光的亮度级别；
• “Specular Exponent(高光指数)”，决定高光是像金属高光那样小而尖锐，还是像塑料那样宽而柔和。
  

* “Text 3D(文本3D)”使用“Shading(着色)”选项卡，而其他的三维对象 则使用“材质”选项卡。这些控制的相似之处在于，它们提供了“Diffuse(漫反射)”颜色控制与“Specular(高光)”控制。

对任何对象使用内置“着色器”或“材质”选项卡是控制对象表面外观最简单的方法。还可以使用Fusion的着色器节点。


2. 为三维矩形添加材质

在三维动画软件中，对象都使用称为着色器的光照材质来为表面提供更逼真的外观。Fusion 在“特效库”的“Templates”(模板)类别中提供了一些着色器模板，这里，我们将为自己创建的一排三维矩形平板来添加简单的表面反射材质。

1 在特效库中，选择“Tools”>“3D”>“Material(材质)”。



这些材质着色器都需要建立节点块，才能应用到三维表面材质上。

• “Blinn”，可以用于塑料、木材或任何粗糙表面等通用表面，它类似于在“Text 3D1”节点上使用的默认“着色器”选项卡。
• “Cook Torrance”和“Ward”是更高级的着色器，用来创建反射很强的金属或玻璃质感。
• “Reflect(反射)”节点与其他着色器节点一起用于添加反射效果。
  

这里，我们使用“Cook Torrance”和“Reflect(反射)”节点为“Shape 3D3”平板建立一个有光泽的反射金属表面。

2 将“Cook Torrance”着色器拖拽到节点编辑器中“Shape 3D3”节点附近的空白区域，按数字“1”键在检视器1中查看该着色器。



检视器会改为材质检视器，并在球体上显示着色器的结果，但是这个形状与我们实际项目无关。它只是为了帮助我们在三维环境中看清材质的样子。Fusion还为这个检视器添加了默认灯光，所以我们可以看到材质的表面是如何对灯光做出回应的。

提示 如果想要在不同对象上来显示材质，可以在检视器中点击鼠标右键，然后从三维形状列表中进行选择。

3 在检查器中，从色样中选择浅蓝色/浅灰色作为漫反射颜色。



在某个对象上使用内置材质控制和使用着色器节点，它们之间其中的一个主要区别就是能够将纹理与漫反射颜色进行混合。我们可以使用预先制作好的纹理，也可以用Fusion自己生成的纹理。现在我们花点时间来生成自己的纹理。

4 从工具栏中，将“Background(背景)”工具拖拽到“Cook Torrance”节点的上方，在“Background1”节点中设置基本颜色与纹理大小。



在检查器中，为背景选择一个中灰色，然后在“Image 图像)”选项卡中，禁用“Auto Resolution(自动分辨率)”复选框，也就是去掉这里的对钩，并在宽度和高度上都输入256。



在创建纹理时，从显卡内存的角度来看，最好保持它们的分辨率不大而且又是正方形的。

5 在“特效库”“Filter(滤镜)”类别中，点击“Filter(滤镜)”节点，把它连接到“节点编辑器”的“Background(背景)”节点输出端口上，然后按数字“1”键在检视器中查看效果。



6 在检查器中，将“Filter Type(滤镜类型)”设置为“Noise(噪点)”，将“Power(力度)”设置为10，然后取消选中“Animated(动态的)”复选框，以便让噪点图案不会随时间而改变。



我们刚刚创建了一个非常简单的灰色噪点纹理。因为我们制作的是金属纹理，所以将这些噪点转化成更真实的条纹状，就像在拉丝金属上看到的那样，接下来我们可以用方向模糊来实现。

7 在“特效库”“Blur(模糊)”类别中，点击“Directional Blur(方向模糊)”节点，把它连 接到“节点编辑器”的“Filter(滤镜)”节点输出端口上，然后按数字“1”键在检视器中查看效果。



8 在检查器中，改变“Length(长度)”的参数值。



9 将“Directional Blur(方向模糊)”的输出端口拖动到“Cook Torrance”节点的黄色漫反射颜色输入端口上。选择“Cook Torrance”节点，然后按数字“1”键，在检视器中查看它。



现在我们有了一个很好的拉丝金属材质的底子，但还需要添加反射，才能真正让它看起来像金属材质。


3. 为三维矩形添加反射

最好就是通过在主着色器节点的后面直接添加“Reflect(反射)”节点来创建反射效果。

1 选中“CookTorrance”节点后，从“特效库”>“3D”>“Material材质)”类别中， 点击“Reflect(反射)”节点，然后按数字“1”键在检视器中查看它。



“Reflect(反射)”节点将用在“Cook Torrance”节点的漫反射材质上面叠加一层反射图像。因此，第一步是导入一张可以用作反射贴图的图像。

2 打开媒体池，找到“Italian Nights”(意大利夜晚)图像素材，将它添加到“节点编辑器”的“Reflect(反射)”节点附近。



3 按数字“1”键，在检视器1中查看图像。



这种HDR(高动态范围)的等矩图像可以在Fusion中作为创建表面材质的反射贴图。等矩图像不仅可以平铺开来，还能360°展示，但只将它连接到“Reflect(反射)”节点上并不能提供真实的反射。

4 先按住“Option”键(macOS)或“Alt”键(Windows)并将“MediaIn(媒体输入)”节点的输出端口拖动到“Reflect(反射)”节点上，接着释放鼠标按钮。从下拉菜单中，选择“Reflection Color Material(反射颜色材质)”，选择“Reflect( 反射)”节点，并按数字“1”键在检视器中查看它的效果。



虽然这样看起来还不错，但如果图像确实是反射，那么它就没有发生正确的畸变。若要创建更真实的反射，必须在图像接入“Reflect(反射)”节点之前将它先连接球体贴图。

5 选中“Media In 1”节点，然后按“Shift+空格键”来打开搜索窗口，输入“Sphere Map”，然后按“Enter”回车键，将“Sphere Map(球体贴图)”节点插入到“Media In 1”和“Reflect(反射)”节点之间。



“Sphere Map(球体贴图)”用来获取图像并使用它来模拟对象周围的环境，在球体的边缘周围会创建出正确的扭曲变形。

6 将“Reflect 1(反射1)”节点的输出端口拖动到“Shape 3D3”节点的绿色材质输入端口上。





现在，矩形元素具有了一些拉丝金属反射材质。我们还可以近一步探索 DaVinci Resolve 附带的其他“着色器”模板，能帮助我们优化合成效果。

今天的分享就到这里了。下一期，我们将继续完成这个三维场景里的新闻包装设计，让整体的合成效果有更好的观感。


学 习 资 料

下载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 下载后双击解压，就能开始学习了。



延 伸 阅 读

Fusion：人人都可以免费学的特效合成软件

基础篇 | Fusion页面工作流程及操作技巧

基础篇 | 如何保持片段的分辨率和控制Fusion合成的分辨率

基础篇 | 如何在Fusion页面制作滚动的片尾字幕(上)

基础篇 | 如何在Fusion页面制作滚动的片尾字幕(下)

基础篇 | 在Fusion页面制作个性化的标题模版(上)

基础篇 | 在Fusion页面制作个性化的标题模版(下)

基础篇 | 如何使用平面跟踪器和画笔工具替换标志和屏幕

基础篇 | 使用关键帧和修改器设置动画

技巧篇 | 如何在Fusion页面绘制虚线

基础篇 | 在Fusion页面进行绿幕合成（上）

基础篇 | 在Fusion页面进行绿幕合成（下）

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

· end ·

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