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

BMD

往期回顾

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

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

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

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

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


本期看点
在前面的文章中，我们已经学会使用“Text+ (文本+)”工具和“样条曲线编辑器”来创建平滑滚动的片尾字幕，本文将利用前面已经掌握的工具和技巧，在Fusion页面中完成标题字幕的创建，并将其另存为标题模版，以便能直接在剪辑页面或快编页面中重复使用。

---

分析图示的标题模板，由三部分组成：标题文字、带圆角的横幅背景、以及带炫光的圆角矩形边框组成。



思路解析：

• 创建主标题
• 创建副标题
• 创建带圆角的横幅背景
• 创建带炫光的圆角矩形边框
• 使用蒙版来显示文本（为主、副标题添加动画）
• 给带圆角的横幅背景添加动画
• 为圆角矩形边框添加动画(复制节点数据)
• 为炫光效果添加动画
• 补充：使用跟随器来设置动画
• 调整关键帧时间
• 尝试版本功能
• 保存为标题模版
  

创建主标题
1.在剪辑页面中设置文本样式
剪辑页面中的“Text+(文本+)”与Fusion页面中的“Text+(文本+)”相同。我们要制作标题动画，可以从“剪辑页面”创建“Text+”片段开始，在时间线中更改片段时长，在“检查器”中设置文本样式，然后导入Fusion页面，添加更丰富的内容。



1 打开“特效库”，选择“工具箱”→“标题”类别→“字幕”→“Text+(文本+)”；
2 将“Text+(文本+)”模版拖到时间线采访片段上方；
3 选择添加的“Text+(文本+)”片段，右键单击→选择“更改片段时长”→格式“Frames”→时长“120”；
4 选择DaVinci Resolve顶部导航栏，单击“显示”→“安全框”→勾选“标题安全框”，选择“开启”，便于定位。



5 文本默认对齐方式是居中对齐，不用调整；
6 在“检查器”中，单击“Text(文本)”选项卡，填充文本内容并设置文本格式：“Text(文本)”栏内键入Brian Terwilliger；将“字体”设置为“Open Sans”；将“字重”设置为“Extrabold italic(加粗斜体)”；
7 单击“Layout(布局)”选项卡：在“中心”的X和Y栏拖动数值，直到把文本移动到“检视器”左下角的位置，挨着标题安全框左侧边线；
8 单击“Shading(着色)”选项卡：在“Type(类型)”中选择“Gradient(渐变)”，并填充颜色，▶#393B40 ▶#FFFFFF；将“映射角度”和“映射大小”稍微调整，增加一些层次变化。


💡 提示
渐变条上默认只有两个色标，并不意味着只有两种颜色可供选择。在渐变条上单击，即可添加新的色标，进而填充更多颜色；拖动任意色标可以重新定位渐变色的分布；要删除色标时，按住色标向“Inspector(检查器)”顶部拖动，松开鼠标就删除了。



我们还可以根据自己的需要改变渐变色的角度。向下滚动“检查器”，找到“Mapping(映射)”控制，当“Mapping Angle(映射角度)” 到-90时，渐变效果就会水平地穿过每个字母；我们还可以在“Mapping Level(映射级别)”中选择“Line(行)”，让渐变效果分布在整个文本行上，而不是单个字母上。

在DaVinci Resolve中创建标题的方法有很多，我们使用“Text+ (文本+)”标题还有一个好处，就是可以把它导入Fusion页面，然后在此基础上添加更丰富的元素或者设置更丝滑的动画。



2. 将文本导入Fusion页面

前面我们了解了将视频片段、新建的Fusion片段或Fusion合成片段导入Fusion页面的方法，将文本从剪辑页面导入Fusion页面，操作是一样的。只需要选中该片段，右键→“在Fusion页面打开”，或者将播放头放在“Text+(文本+)”片段上，单击底部导航栏的“Fusion”按钮就能跳转到Fusion页面。



在“节点编辑器”中，该节点被标记为“Template(模版)”，因此我们知道它是来自剪辑页面的标题模版。



为了方便接下来的操作，我们使用快捷键将参考线和控制点显示出来，如图所示。



创建副标题

在“Template(模版)”节点仍处于选定状态时，按快捷键“Command+C”、“Command+V”创建第二个模版节点“Template_1(模版)”。这两个节点会自动通过“Merge1(合并)”节点合并在一起，“Template(模版)”节点连接到“Merge1”节点的黄色背景输入端口，新的“Template_1 (模版)”节点连接到绿色前景输入端口。



为了方便区分，我们可以给这两个节点重命名。选中节点，右键→“重命名”，在弹出的对话框里分别键入“Full_Name”，“Job_title”，默认不能显示空格，可以用“_”符号区隔开来，建议使用英文字母重命名。



1 选择“Merge1”节点，按“1”键，将其显示在“检视器1”中；
2 选择新粘贴的“Job_title”节点，在“检查器”的“Text(文本)”中输入PRODUCER(制作人)，并将“字体”更改为“Open Sans / Light(细体)”，；将“大小”调整到合适大小，将“字距”调大，直到与主标题两端对齐为止；
3 在“检查器”顶部，单击“Layout(布局)”选项卡，拖动“中心”的Y值，把文本移到Brian Terwilliger下方。


创建带圆角的横幅背景

在前面《基础篇 | 如何保持片段的分辨率和控制Fusion合成的分辨率》中，我们在文末介绍了“Background(背景)”节点的更多玩法，其中就包括利用“Background(背景)”节点自带的蓝色“效果遮罩输入端口”，为形状或者文字添加背景色。这时，它就作为一种色彩生成器，为形状填充背景色，从而让叠加在视频上的标题更加醒目。

1. 添加渐变背景色



1 从工具栏中，将“Backgound(背景)”工具拖动到“节点编辑器”的空白区域；
2 选择“Backgound1(背景)”节点，按“1”键在“检视器”中查看默认背景色；
3 打开“检查器”，在“颜色”选项卡中的“Type(类型)”菜单中，选择“垂直”，为背景填充渐变背景色 ▶#230707 ▶#FC1800。


2. 添加蒙版制作背景形状



1 选择“Background1(背景)”节点后，单击工具栏中的“Rectangle(矩形)”蒙版工具。此时，矩形蒙版连接到选定节点的蓝色“效果输入端口”，将背景剪裁成一个更小的矩形，并且位于检视器中心；
2 选择“Rectangle1(矩形)”节点，并使用“检视器”中的屏幕控制把它移到与文本居中对齐的地方；
3 在“检查器”中 ，设置合适的宽和高的数值或者在“检视器”中手动调整大小；
4 “Rectangle(矩形)”蒙版工具应用以后，它的四角默认是“直角”，我们在“检查器”的“圆角半径”控件中，将数值改为“1.0”，“直角”就变成非常圆润的“圆角”了。


3. 将文本作为前景合并到横幅背景上

如果要将这个带圆角的横幅背景添加到文本的后面，我们需要将文本作为前景合并到横幅背景上。如果选中“Merge1(合并1)”节点，在工具栏中点击“Merge(合并)”工具，创建“Merge2(合并)”节点，那么文本将作为背景合并到横幅背景上，文字就会被背景挡住，所以这种处理方式是不恰当的。



1 选择“Background1(背景)”节点，在工具栏中点击“Merge(合并)”工具，创建“Merge2(合并)”节点；
2 将连线从“Merge1(合并)”的输出端拖到“Merge2(合并)”节点绿色前景输入端口上，将连线从“Merge2(合并)”节点的输出端口拖到“MediaOut1”输入端口上；
3 选择新创建的“Merge2(合并)”，然后按“1”键，此时“检视器1”中文本正确显示在了横幅背景上。




创建带炫光的圆角矩形边框

这时候，如果我们想要为标题添加一些趣味性的小元素应该怎么办呢？比如，给横幅背景添加一个边框，并装饰一些类似炫光的效果。也许我们第一反应是去找各种插件，其实，只要在“Background”节点的“检查器”面板，灵活使用“渐变”填充，再搭配“Rectangle(矩形)”蒙版工具和DaVinci Resolve自带的“Highlight(高亮)”工具就能做到。

1. 为圆角矩形添加边框



1 为了保持位置不变，我们全选“Background1(背景)”节点和“Rectangle1(矩形)”节点，“Command+C”复制，然后点击“节点编辑器”空白区域，“Command+V”粘贴，创建“Background1_1)”节点和“Rectangle1_1”节点。
2 选择“Rectangle1_1”节点，按“1”键，在“检视器1”中查看。
3 打开“检查器”，去掉“实体”控件前的“√勾”，圆角矩形就变成了空心的，将“边框宽度”调至“0.01”左右，圆角矩形就有边框了。


2. 更改圆角矩形边框颜色



1 选择“Rectangle1_1”节点，按“Command+P”键，将该节点暂时隐藏起来；
2 选择“Background1_1”节点，按“1”键，在“检视器1”中查看背景色，和“Background1”节点颜色一致；
3 我们打开“检查器”，在“颜色”选项卡的“Type(类型)”菜单中，将“垂直”改为“渐变”，这时渐变条默认只有两个色标，显示黑白渐变；
4 我们在渐变条上中间位置单击，添加一个新的色标，三个色标依次填充▶#A5A8AA ▶#FFFFFF ▶#A5A8AA。



5 重新定位渐变色的分布，拖动两边的色标，向中间的色标汇集，模拟“光束”的效果；



6 调整渐变的起始点，使中间的“光束”微微倾斜；



7 选择“Rectangle1_1”节点，按“Command+P”键，将隐藏的圆角矩形边框显现出来，这时，边框上出现了两个高亮显示的白点；
8 再次选择“Background1_1”节点，在“检查器”中，调整“偏移”控件的数值，就能模拟出“流动的光效”了。


3. 利用“Highlight”工具增强炫光效果



1 选择“Background1_1”节点，按住“Shift+空格”键，在弹出的“选择工具”菜单中键入“Highlight”，点击搜索到的“Highlight”工具，选择“添加”；
2 选择创建的“Highlight1”节点，按“1”键，在“检视器”中查看；
3 在“检查器”中，改变高光的强度和角度，就可以模拟“炫光”效果了。


4. 将圆角矩形边框作为背景合并到横幅背景中



1 选择“Highlight1”节点，在工具栏中点击“Merge(合并)”工具，创建“Merge3”节点；
2 将连线从“Merge2”节点的输出端拖到“Merge3”节点绿色前景输入端口上，将连线从“Merge3”节点的输出端口拖到“MediaOut1”输入端口上；
3 选择新创建的“Merge3”，然后按“1”键，此时“检视器1”中圆角矩形边框正确显示在横幅背景之下；
4 我们还可以针对显示效果做出微调。


假设片段时长设为120帧，初步设想动画的演变过程，大致是这样的：



💡 设置动画效果


入场方式：
0-12帧，带圆角的横幅背景由中心向两边展开；
12-105帧，炫光从横幅背景的右侧慢慢向左持续移动；
15-30帧左右，主标题文字从下往上滑动出现；
18-33帧左右，副标题文字从上往下滑动出现。

出场方式：
95-105帧左右，主标题原路返回；
98-105帧左右，副标题原路返回；
105帧左右，炫光完全消失；
105-120帧，背景横幅向中心聚拢，直至消失。


使用蒙版来显示文本

1. 为主标题设置动画
按照设想，主标题在15-30帧左右，从矩形外部开始滑动到现在这个位置。



1 在“节点编辑器”中，选择主标题“Full_Name”节点，按“1”键，在“检视器1”中查看；
2 从工具栏中单击“Rectangle (矩形)”工具，创建“Rectangle2”节点。该矩形蒙版会默认添加到“检视器”中心位置，因为主标题文字在矩形蒙版外面，我们一开始只能看到它的一角；
3 我们在“检视器”中用屏幕控制移动矩形蒙版的位置，直到矩形蒙版的下边线与“Full_Name”文本内容的底部对齐，让主标题完全显示出来；我们还可以适当改变矩形蒙版的长和宽，特别是宽度要足够大，才能覆盖所有可能输入到模版中的标题文字。



4 选择主标题“Full_Name”节点，在“检视器”窗口底部，输入“30”，将播放头快速跳转到第30帧；
5 在“检查器”中单击“Layout(布局)”选项卡，在“中心”X和Y的右侧，单击“Keyframe(关键帧)”按钮。



6 在“检视器”窗口底部，输入“15”，将播放头快速跳转到第15帧；
7 拖动”Center(中心)”Y值，让“检视器”中的文本向下移动，直到“Full_Name”节点的文本在矩形蒙版中消失。
8 同理，在95-105帧左右设置关键帧，让主标题原路返回。
9 “Command+[”跳转到首帧，单击“Play(播放)”按钮或者按“空格键”查看动画效果。


2. 为副标题设置动画
按照设想，副标题在18-33帧左右，从矩形外部开始滑动到现在这个位置，让它比主标题延迟几帧出现，营造一种错落感。步骤和显示主标题的方法一致，只不过运动的方向是相反的。



1 在“节点编辑器”中，选择副标题“Job_title”节点，按“1”键，在“检视器1”中查看。
2 从工具栏中单击“Rectangle (矩形)”工具，创建“Rectangle3”节点。该矩形蒙版默认添加到“检视器”中心位置，因为副标题完全在矩形蒙版之外，所以我们一点也看不到。
3 我们在“检视器”使用屏幕控制移动矩形蒙版的位置，直到矩形蒙版的上边线与“Job_title”文本内容的顶部对齐，让副标题完全显示出来，并将矩形蒙版调到合适的大小。



4 选择副标题“Job_title”节点，在“检视器”窗口底部输入“33”，播放头快速跳转到第33帧；
5 在“检查器”中单击“Layout(布局)”选项卡，在“Center(中心)”X和Y的右侧，单击“Keyframe(关键帧)”按钮；
6 在“检视器”窗口底部，输入“18”，将播放头快速跳转到第18帧；
7 拖动”Center(中心)”Y值，让“检视器”中的文本向上移动，直到“Job_title”节点的文本内容在矩形蒙版中消失。
8 同理，在98-105帧左右设置关键帧，让副标题原路返回。
9 “Command+[”跳转到首帧，单击“Play(播放)”按钮或者按“空格键”查看动画效果。


给带圆角的横幅背景添加动画

按照设想，0-12帧，带圆角的横幅背景将由中心向两边展开，我们只需要给矩形蒙版的宽度打关键帧就可以。



1 选择“Background1”节点，按“1”键，在“检视器1”中查看；
2 选择“Rectangle1”节点，将播放头放在第12帧，在“检查器”的“宽度”控件右侧，单击“Keyframe(关键帧)”按钮；
3 “Command+[”跳转到首帧，在“检查器”中的“宽度”右侧，填写“0.0”，带圆角的横幅背景消失。
4 同理，在105-120帧左右设置动画，让横幅背景向中心聚拢，直至消失。
5 “Command+[”跳转到首帧，单击“Play(播放)”按钮或者按“空格键”查看动画效果。


为圆角矩形边框添加动画

按照设想，0-12帧，圆角矩形边框由中心向两边展开，和带圆角的横幅背景动画一样，但是我们可以不用手动去打关键帧，就能轻松实现同步的效果。



1 选择“Background1_1”节点，按“1”键，在“检视器1”中查看；
2 选择“Rectangle1_1”节点，鼠标移动到“检查器”中的“宽度”控件的“关键帧按钮”位置上，右键→“连接到”→“Rectangle1”→“宽度”，这样就可以复制“Rectangle1”的关键帧数据了；
3 “Command+[”跳转到首帧，单击“Play(播放)”按钮或者按“空格键”查看动画效果。


为炫光效果添加动画

按计划，12-105帧，炫光从横幅背景的右侧慢慢向左移动，模拟流动的光效，直到第105帧完全消失。这里我们只需要为背景色的“偏移值”添加关键帧即可。



1 选择“Background1_1”节点，按“1”键，在“检视器1”中查看；
2 在“检视器”窗口底部，输入“12”，将播放头快速跳转到第12帧；
3 在“检查器”中找到“偏移”控件，点击右侧的“关键帧按钮”，拖动”偏移”的滚轮，直到高光移动到边框的右下角接近消失。



4 在“检视器”窗口底部，输入“105”，将播放头快速跳转到第105帧，拖动”偏移”的滚轮，直到高光移动到边框的左上角接近消失；
5 “Command+[”跳转到首帧，单击“Play(播放)”按钮或者按“空格键”查看动画效果。



到这里，我们的标题模板的基础动画部分就完成了。

后面我们将继续利用“修改器”、“样条曲线编辑器”、“关键帧编辑器”来优化动画效果，并尝试使用版本功能来满足多方案的要求，还会演示如何将它设置为标题模板，便于在剪辑和快编页面快速添加和修改其中的参数。



获取学习资料
下载DaVinci Resolve软件及课程文件
Blackmagic Design官方推出的《DaVinci Resolve Fusion视觉特效指南》，不仅能帮助学习者了解节点知识和工作原理，还提供了丰富的素材资料便于学习者做实例练习。

1 DaVinci Resolve软件下载
①您可前往Blackmagic Design网站www.blackmagicdesign.com支持页面下载DaVinci Resolve。
②也可通过以下网盘链接下载：https://pan.baidu.com/s/1lk91ceSZR6mpEDywNuiHyg
提取码: bvcc

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

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

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

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

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

· end ·

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