动画师和关键帧

如果您是SVGator的新手,则应从本主题开始,以了解如何向时间线添加动画师和关键帧。
您必须在画布上至少选择一个元素才能查看动画师列表。您将在此处找到列表:
动画效果和关键帧 - 图1
如果您是Trial用户,则可以使用列表中的所有动画师,但是在导出文件时,该动画师仅会使用基本功能进行保存。您可以在定价页面上了解有关高级功能的更多信息。
您可以从右侧栏中的相应面板中找到每个动画师的属性:

动画师 右侧栏
Position
位置
Transform
变换
Anchor
描点
Scale
缩放
Rotate旋转
Skew偏斜
Fill color填充颜色 Fill
填充
Fill opacity填充不透明度
Stroke color
描边颜色
Stroke
描边
Stroke opacity描边不透明度
Stroke width描边宽度
Stroke offset描边偏移
Stroke dashes描边虚线
Opacity不透明度 Compositing
合成
Filters筛选器 Filter
过滤
Morph变形 Path
路径
Size尺寸 Radius
半径
Corner radius角半径

仅适用于路径元素
*
仅适用于矩形
使用右侧栏中的输入,可以为动画设置更精确的值。
例如,如果添加“比例”动画器,则还可以在“变换”面板中编辑动画的值。如果您选择了“过滤器”动画器,则必须在相应的面板中添加过滤器类型:
动画效果和关键帧 - 图2
请注意,CSS动画类型不支持所有动画师。请在此处查看兼容性表。
所有动画均由时间轴上的关键帧定义,代表起点和终点。您可以将它们一个或一组拖动以更改动画的时间。您还可以复制,粘贴,复制甚至反转它们:
动画效果和关键帧 - 图3
请注意,您不能将关键帧从某种类型的动画制作者复制到另一种动画制作者。例如,如果您从“旋转”动画制作器复制了关键帧,则不能将它们粘贴到“位置”或“倾斜”,而只能粘贴到“旋转”。复制关键帧不适用于Morph动画制作者,因为节点的数量可能因元素而异。
您可以为每个关键帧设置不同的缓动效果。您可以在此处了解更多信息。
使用某些动画师,您可以实现更多目标。例如,可以使用“位置”动画器沿自定义路径设置元素的动画。您可以在此处观看有关如何创建跟随路径动画的教程。