合并路径的问题和如何规避它们
到目前为止，虽然在 After Effects 中形状图层的合并路径效果通过 Bodymovin 和 Lottie 有基本的支持。然而不幸的是，在使用向量资产的许多工作流中，合并路径是一个极其重要的部分。例如，你需要合并路径将字母 “O” 的中心剪掉，这样当它被放置在其他元素、颜色或背景上时，你就可以看到它的中心了。幸运的是，在 After Effects 中有一些技巧可以使用，它可以给导出的 JSON 提供类似的功能，并允许你不必依赖合并路径。
如果需要动画的对象是单线描边，一个简单的选择就是使用高描边宽度的一条路径，而不是使用合并路径的两条路径。这在上面提到的字母 “O” 或需要制作某种圆环动画时非常有效。如果你需要动画的两个环彼此独立，你可以动画化它的尺寸，同时动画化它的路径描边宽度，以模拟两个独立动画化的路径。这种方法的好处是，矢量资产仅仅使用了一半的点，更容易被动画化。
另一种方法是，如果你需要使用不同的描边，你可以在你的形状图层中把多个路径叠加在一起，然后稍微修改路径以获取想要的效果，而不必管理一个非常复杂的复合路径。使用带有描边的路径始终是动画化移动资产最简单的方法之一。根据场景的复杂性，点的数量可能会更低，但总体来说，比起尝试动画复合路径的内部和外部点，这些点更容易被动画化和控制。
对于更复杂的复合形状，你可以在 After Effects 中通过叠加路径使用一些技巧，利用路径方向和使用 “填充规则” 将一个物体从另一个物体中切割出来。当在 After Effects 或 Illustrator 中创建路径时，这两个应用程序都会跟踪路径创建的方向，顺时针还是逆时针。这些方向对于创建正确渲染的复合路径非常重要。我们将使用下面所示的示例图像来讨论如何正确地构建复合资产
在本例中，我将重点关注几个关键组件。首先，用填充和描边将两条路径叠加在同一组中。第二个是在右边突出显示的路径方向图标。
为了能够以一种正确渲染的方式构建复合路径，首先要将参与的路径分组到相同的形状图层组中。这将告诉 After Effects 和 Bodymovin/Lottie 哪些路径应该相交创建复合形状。路径在上面或下面的顺序是无关的。更重要的方面是路径的创建方向，这将引导我们进入第二点。
如上所述，创建路径的方向对这个过程非常重要。就我所知，没有简单的方法来分辨这一点，除非通过试错。在上面的例子中，单词 “COMPOUND” 是在 Illustrator 中使用字体创建的，然后使用插件 Overlord 将其转换为轮廓并导出到 After Effects 中。通过着手这个例子, 似乎该例子所使用的字体是使用路径创建，并且已经互相颠倒, 这意味着伴随着这个字体的字母 “O” 的创建，其中一条路径是沿着顺时针方向建立的，而另一条是沿着逆时针方向建立的。当你看到上图右边高亮的路径方向按钮时，可能你会感到困惑。如果你用 After Effects 的话，你会认为这两个路径是在同一个方向创建的，因为按钮是突出显示的方式，但不幸的是，这是 After Effects 一个错误的部分。在一个完美的 UI 世界中，动画师会希望当你在 After Effects 中引入两个路径时，它会被正确地设置，但下面我已经展示了为什么不是这样。
左边是 UI 应该的样子，右边是 UI 目前（当两条路径构建在彼此相反的方向上时）的工作方式。那我们该怎么办呢? 在 AE 中引入两条路径时，需要做一些实验来正确显示复合路径。这意味着，如果你引入两个已经相互反转的路径，那么我在上面强调的 “错误” 设置应该会给你想要的结果。另一方面，如果你引入两个方向相同的路径，那么上图所示的 “正确” 设置就是你设置路径方向的方式。当你改变两个路径之一的方向，如果你的路径方向按钮设置正确的话，After Effects 应该显示正确的复合路径。
为了使复合路径正确显示，需要对路径方向按钮进行一些试验。如果 AE 中正确显示复合路径，则 Bodymovin 和 Lottie 应该正确导出。
一个不断发展的工作流
由于 Lottie 和 Bodymovin 仍在发展中，一些信息将成为正在进行的讨论、更改和更新的一部分。听到关于工作流的新贴士和新技巧总是很棒的，尤其是在为移动平台导出数据时，每一 bit 的数据都很重要。请随时在下面的评论中分享你的想法和技巧。感谢您的阅读!
