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