animate动画制作教程入门技巧
animate动画制作教程入门技巧的核心是把动画拆成「建文档、画元件、摆关键帧、调补间、测试导出」这几步,先在 Animate 里新建一个 ActionScript 3.0 或 HTML5 Canvas 文档,再用时间轴上的帧和图层把动作连起来。
- 第一步把文档和舞台尺寸定好
打开 Animate 后先新建文档,在新建窗口里核对文档类型,做网页动画可先选 HTML5 Canvas,做传统交互动画可先选 ActionScript 3.0。舞台宽高、帧频和背景色在属性面板里设置,帧频常用 24 或 30,先把尺寸和帧频固定下来,后面画元件和做补间时不容易因为画布不统一来回改。 - 第二步把要动的对象做成元件
在舞台上用椭圆、矩形、画笔或导入的图片画出角色或物体,选中后按 F8 或到「修改」菜单里找「转换为元件」,类型在弹出窗口里选图形、按钮或影片剪辑。图形元件适合放在时间轴上反复使用,影片剪辑适合内部再套动画,按钮元件用于点击交互。转换完成后双击元件进入编辑状态,画好的内容会保存在库面板里,后续做补间时直接拖库里的元件到舞台即可。 - 第三步用时间轴和关键帧摆出动作
在时间轴面板上把不同对象分到不同图层,每个图层单独做一种运动。在起始位置按 F6 或右键插入关键帧,再把播放头移到后面某一帧,同样插入关键帧,然后在舞台上把元件移动到结束位置或改变大小、旋转角度。首尾两帧之间构成一段动画范围,中间可以用 F5 延长帧,用 F6 复制关键帧,用 F7 插入空白关键帧。图层顺序决定遮挡关系,把背景层放在最下面。 - 第四步用补间命令让过渡自动生成
选中起始关键帧和结束关键帧之间的任意一帧,右键菜单里找「创建传统补间」或「创建补间动画」,属性面板里核对缓动、旋转方向和旋转次数。传统补间适合位置、缩放、透明度这类属性变化,补间动画适合在时间轴上直接拖动对象生成运动路径。如果补间没有生效,先检查首尾是否都是关键帧、对象是否在同一个图层、是否被误放成空白关键帧。想让动作更顺,可在中间加缓动或调整曲线。 - 第五步测试影片并导出成片
按 Enter 在时间轴上预览,按 Ctrl+Enter 或到「控制」菜单里找「测试影片」查看实际播放效果,重点看元件是否跳帧、循环是否顺畅、帧频是否过慢。确认没问题后到「文件」菜单里找「导出」下的「导出影片」或「导出图像」,格式可选 SWF、GIF、视频或序列帧。导出前核对舞台大小和帧频设置,导出后再播放一遍成片检查开头结尾和循环衔接。更多 Animate 相关整理可参考 https://www.hh3h.com/?p=436 。