技巧篇 | 在Fusion页面绘制虚线
本期看点
在上一期《基础篇 | 使用关键帧和修改器设置动画》中，我们分享了复古风格旅行地图的创建方法，不仅在地图上标示出飞机的飞行轨迹，还为地图添加了风格化的滤镜。
假如把案例中绘制的带圆点的路径变成由短线组成的虚线，该如何实现呢？
通常，我们要在Fusion页面绘制这样一条虚线，很容易想到使用“Text+”文本工具，通过填充无数个“-------”符号，来实现类似的效果。
今天我们分享另外一种更简便、调整更灵活的方法，需要用到两个工具：
● “Mask Paint 遮罩画笔”工具
●“Polygon多边形”工具
——准 备 工 作——
这是上一期创建旅行地图的节点图，我们在此基础上进行修改。
1 删除“Paint 1”、“Transform 1”节点，在“Merge 1”节点后添加“Merge 3”节点，用于连接我们接下来要绘制的虚线。
2 在“Merge 3”节点上方的空白区域单击，然后按“Shift+空格键”，在弹出的“选择工具”选项卡搜索栏中键入“Mask Paint 遮罩画笔”，选中该工具，点击“添加”。
3 在创建的“MaskPaint 1”节点下方空白区域单击，然后在工具栏中点击“Polygon多边形”工具，添加“Polygon 1”节点；
4 将“MaskPaint 1”、“Polygon 1”节点连接到“Merge 3”节点的绿色“前景输入端口”上。
——思 路 解 析——
准备工作做好后，接下来应该如何操作呢？
第一步，绘制与飞机运动路径相吻合的路径；
第二步，对路径细节进行参数调整；
第三步，创建与飞机保持相同速率出现的动画。
——操 作 演 示——
前面我们在“Transform 2”节点，为飞机创建了平滑的运动路径以及关键帧动画，并将该路径设置了“发布”，这样别的工具也能使用这条路径了。
第一步：绘制路径
1 选中“Mask Paint 1”节点。
按数字“1”，可在“检视器1”查看效果；单击检视器工具栏中的第5个工具——“Polyline Stroke (多边形折线笔刷)”，我们只需要在检视器中的任意位置添加两个控制点，就可以创建一条任意长度的线。
提示 “Polyline Stroke (多边形折线笔刷)”是一种类似贝塞尔(Bezier)的绘制工具，单击，即可添加绘制笔刷的控制点。有了多边形折线笔刷，我们就可以对其进行修改，使用飞机的路径来定义笔划的形状。
2 在检查器中，打开“笔刷控制”，在“鼠标右键单击此处为形状设置动画”标签上单击鼠标右键→选择“Connect to (连接到)→ Path1：Polyline (路径1：多边形折线)→ Value (值)”。
3 选中“Polygon 1”节点。
在检视器中任意添加两个控制点，绘制一条路径。打开右侧检查器面板，“鼠标右键单击此处为形状设置动画”标签上的关键帧已经被点亮，单击鼠标右键→选择“移除Polygon 1多边形折线”。
4 继续在“鼠标右键单击此处为形状设置动画”标签上单击鼠标右键→选择“Connect to (连接到)→ Path1：Polyline (路径1：多边形折线)→ Value (值)”。
5 这时候，“MaskPaint 1”、“Polygon 1”节点上已经绘制好与飞机运动路径相吻合的路径了。
第二步：调整参数
1 选中“Mask Paint 1”节点。
在“Inspector (检查器)”中“Modifiers (修改器)”选项卡的顶部，展开“Brush Controls (笔刷控制)”，调整“Soft (柔化)”笔刷的大小和柔化值；
2 在此处的“Stroke Controls (笔刷控制)”中，将“Spacing (间距)”滑块一直向右拖动，直到在检视器中创建一条带圆点的虚线，我们可以看到圆点刚好像珍珠一颗挨着一颗排布在绘制的路径上。
3 为了获得更理想的虚线间距，我们可以在输入框里键入比滑块范围更大的数值。这里，我们在“Spacing (间距)”的数字输入框中，输入“2.0”，并按Enter (回车)键确认。
那么，如何将虚线中的圆点转变为短线呢？
1 选中“Polygon 1”节点。
在右侧“检查器”中可以看到“绘制模式”被激活，点击它，在下拉菜单中选择“Minimum”，此时，我们会发现“检视器”中并没有变化，这是因为我们现在还没有给绘制的路经添加“边框宽度”。
2 在检查器面板中适当增加“边框宽度”后，检视器中已经开始显现由细小的短线构成的虚线路径，我们还可以对其进行更精细的调整。
提示 当“边框宽度”超过“Mask Paint 1”节点中绘制的圆点的直径以后，虚线的形态就会趋近于圆点。
所以，重点调整这几个参数，可以使虚线的形态达到最佳的效果。
● “Polygon 1”节点👇👇
● “Mask Paint 1”节点👇👇
1. 调整此处的“大小”。
2. 调整此处的“间距”。注意，不要轻易调整此处的“大小”，它是针对整个路径来调整大小的。
第三步：创建动画
如果想让虚线路径跟随飞机的飞行轨迹显现，我们可以选中“Mask Paint 1”节点，打开“Modifiers (修改器)”选项卡，在“Write On (书写)”的“End (结束值)”控制手柄上单击鼠标右键→选择“Connect to (连接到)”→“Path1：(路径1)→Displacement (位移)”。
以上就是此类虚线的创建方法，简单几步就能实现，且可调空间很大。
——更 多 玩 法——
玩法一：
我们在工作中还可以给人物创建类似效果的描边路径（仅示意）。
1 添加“Polygon 1”节点，在检视器中描绘出人物的大致轮廓；在检视器的工具栏中，单击“Select All Points (选择所有点)”按钮， 然后按“Shift+S”组合键来平滑绘制的路径，或单击检视器工具栏中的“Smooth (平滑)”按钮，可以快速获得更加平滑的路径；
2 打开右侧检查器面板，“鼠标右键单击此处为形状设置动画”标签上已经被点亮，单击鼠标右键→选择“移除Polygon 1多边形折线”；然后在“鼠标右键单击此处为形状设置动画”标签上再次单击鼠标右键→选择“发布”。
3 新建“MaskPaint 1”遮罩画笔节点，并将输出端口连接至“Polygon 1”节点的蓝色“效果遮罩输入端口”，然后在检视器中任意绘制两个控制点，生成一条线；打开右侧检查器面板，进入“修改器”选项卡中的“笔刷控制”选项，在“鼠标右键单击此处为形状设置动画”标签上右键→选择“Connect to (连接到)→ Path1：Polyline (路径1：多边形折线)→ Value (值)”。
4 通过调节“Polygon 1”的“边框宽度”、“MaskPaint 1”的“笔刷大小”、“间距”来调整虚线的形状和间距。
5 通过“Write On (书写)”的“End (结束值)”控制手柄设置路径动画。
玩法二：
我们还可以创建如图所示的带虚线的箭头，把案例中的“飞机”替换为“三角箭头”。
或者，把“三角箭头”替换为其他图案。
注意事项：
1 给运动的对象绘制运动路径后，需要使用“路径”修改器，并将该路径“发布”，便于其他工具也可以使用这条路径。
2 路径“发布”以后，需要给运动的对象匹配运动方向。常见的操作是右键单击“Angle (角度)”→选择“Connect To (连接到)” → “Path1 (路径)” →“方向”。将“Angle (角度)”参数连接到“Path (路径)”修改器以后，就会自动定向该对象。
3 绘制虚线线段时，可以充分利用已发布的路径。常见的操作是打开对应节点的检查器面板，在“鼠标右键单击此处为形状设置动画”标签上右键→选择“Connect to (连接到)”→“Path1：Polyline (路径1：多边形折线)”→ “Value (值)”。
4 在为绘制的虚线线段创建动画时，常见的操作是打开对应节点的检查器面板，在“Write On (书写)”的“End (结束值)”控制手柄上单击鼠标右键→选择“Connect To (连接到)” → “Path1 (路径)” →“位移”。
玩法三：
如果绘制的路径不想设置为虚线（由短线组成），还可以将其设置为其他形状，那便只需要添加“MaskPaint ”节点即可。
如图所示，在检查器面板中，可充分利用“笔刷形状”来设置路径形状。这里有五种类型可供选择，以第三种“图像”类别为例，“图像来源”提供了三种选择，点击“笔刷”，在下拉的菜单中选择笔刷“预设”，则可以得到如图所示的效果。通过对“MaskPaint”节点进行设置，我们可以做出丰富多样的路径效果，不妨多多尝试。
页:
[1]