创建变形动画

使用“变形”动画器，您可以更改形状的形式并为原始形式和新形式之间的过渡设置动画。变形动画可能看起来很复杂，但是您会发现使用SVGator创建动画实际上非常容易。
请注意，除了路径以外，Morph动画师不适用于其他类型的元素。如果您的元素不是路径，则可以使用shift + cmd / ctrl + P快捷方式对其进行转换。不幸的是，您无法在SVGator中将文本转换为路径。
如果您的元素是路径，请在画布上选择它，然后单击此处的动画师列表：

使用“变形”动画器和第一个关键帧将元素添加到时间轴后，请选择“节点”工具。

使用此工具，您可以查看元素的节点。将播放头移至下一秒，然后尝试通过使用鼠标拖动来更改节点的位置。您也可以通过移动贝塞尔曲线来使形状均匀。在这种情况下，我们将圆形蝴蝶变换为：

您可以使用cmd / ctrl键多选节点。
从头开始播放动画，以了解元素如何改变其形状。请注意，CSS不支持变形，因此在导出文件之前，必须选择JavaScript作为动画类型。
您可以在此处观看有关如何使用SVGator创建变形动画的教程。