如何给图层添加基础动效

SVGA DIY 内置了一组「基础循环」动效——浮动、摇摆、呼吸缩放、持续旋转、透明度呼吸——可以直接加到任意图层上，不需要你手动打关键帧。这篇教程同样用 angel.svga 演示，但这次专门挑了一个动效效果一目了然的图层：角色头顶的光环。光环原地旋转起来的效果非常直观，一眼就能看出"这个图层现在有动效了"——这也正是这篇教程的重点，所以下面有几步会用短视频而不是静态截图展示，因为要展示的本来就是"动起来"这件事本身。

第一步：打开 SVGA 文件

打开修改器，用顶部工具栏的 打开 SVGA 按钮加载 angel.svga。把预览滑块拖到画面完整可见的帧——这个文件的第一帧恰好接近全透明。

第二步：选中要添加动效的图层

在图层面板里，点击 GuangHuan 图层行右侧的编辑（铅笔）图标——它就是悬浮在角色头顶的那个光环。和这个文件里的很多精灵不同，这个名字在图层列表里只出现一次，不用担心点错行。点击后会打开该图层的属性页。

第三步：打开动效面板

在属性页里往下滚动，点击 动效。这个图层目前还没有添加过任何动效，所以列表是空的。

第四步：添加「持续旋转」动效

点击 添加动效 打开动效目录，从「基础循环」分组里选择 持续旋转。SVGA DIY 会用一组合理的默认值把它加上——顺时针整整转一圈（360°）、循环播放——并立即打开这条动效自己的详情页，方便你继续微调。

第五步：调整动效参数

预览停在动画播放到一半的某一帧，拖动 每周期角度 滑块。因为预览区始终展示当前编译后的最新结果，光环的旋转角度会随着你拖动滑块实时更新——不需要点播放才能看到参数改动的效果。

第六步：播放查看最终效果

点击预览区的 播放。启用持续旋转后，光环会随着文档循环播放持续转动——这正是一张静态截图永远无法真正展示出来的效果。

第七步：导出文件

确认效果满意后，从顶部工具栏导出文件。SVGA DIY 会重新编码整份文档——动效已经按每一帧烘焙进图层的变换数据里——所以导出文件在任何 SVGA 播放器里的播放效果都和预览完全一致。

以上就是完整流程——不需要账号，不需要上传，原始文件全程只停留在你的浏览器标签页里。