内容正文:
nullnull
2.4 动画
角色变身
学习目标
01
学会创建补间动画
02
了解补间形状动画的概念
03
学习补间形状动画的创建步骤
制作一个倒计时水晶球动画,要求:动画时长9秒,其中球体逐渐变色,数字逐渐演化倒计时
学 习 任 务
倒计时水晶球动画演示(GIF版)
1. 动画角色分析
该动画有3个动画角色,各有特点
任 务 分 析
动画角色 内容 状态 来源
倒计时数字 5至1,两两之间变形生成 动态 可绘制
水晶球 带有渐变效果且不断变换颜色 动态 可绘制
架子 图片 静态 外部图像文件
2.角色动作设计
任 务 分 析
数字5向数字4变形的过程
2.角色动作设计
任 务 分 析
水晶球颜色变换过程
1. 新建文件并保存
①新建文件。
②“文件”→“保存”
命名为“倒计时”
操 作 指 南
2. 设计倒计时数字元件
(1)新建元件。
“插入”→“新建元件”命令,以“数字”为元件名,元件类型设为“影片剪辑”。
操 作 指 南
2. 设计倒计时数字元件。
(2)设置数字5的停留时间。
①修改图层名为“数字”。
②在舞台上输入数字5。
③第12帧中“插入关键帧”命令。
操 作 指 南
2. 设计倒计时数字元件。
(2)设置数字5的停留时间。
①修改图层名为“数字”。
②在舞台上输入数字5。
③第12帧中“插入关键帧”命令。
操 作 指 南
2. 设计倒计时数字元件。(3)创建数字5到数字4的变形动画。
①设置变形的起始关键帧。
②设置变形的终止关键帧。
③分离起、止关键帧的对象。
操 作 指 南
分离对象
2. 设计倒计时数字元件。(3)创建数字5到数字4的变形动画。
④创建变形动画
操 作 指 南
创建变形动画
2. 设计倒计时数字元件。(4)创建其他数字之间的变形动画
(5)退出元件编辑环境
操 作 指 南
创建其他数字之间的变形动画
3.设计水晶球元件
(1)新建元件
操 作 指 南
3.设计水晶球元件
(2)绘制水晶球
操 作 指 南
3.设计水晶球元件
(2)绘制水晶球
操 作 指 南
设置水晶球的颜色属性
3.设计水晶球元件
(3)创建水晶球的变形动画
操 作 指 南
创建水晶球的变形动画
4.导入架子图片
操 作 指 南
导入架子图片
4.导入架子图片
操 作 指 南
导入架子图片
5.场景调用各种元件
①调用水晶球
②调用数字
③调用架子
操 作 指 南
场景调用各种元件
6.调整图层层次
通过拖动图层上下移来实现
操 作 指 南
调整图层层次
7.测试影片,保存动画,导出影片
操 作 指 南
测试影片
(1)补间形状动画概念。
一个图形对象经过形状、颜色、位置、大小等变化,转变为另一个图形对象的动画。
任 务 小 结
(2)补间形状动画创建步骤。
①在起始关键帧绘制一个图形,或插入一个经过分离的元件。
②在终止关键帧绘制一个图形,或插入一个经过分离的元件。
③创建补间形状动画。
任 务 小 结
请同学们以小组为单位,制作一个倒计时水晶球动画,要求:动画时长9秒,其中球体逐渐变色,数字逐渐演化倒计时,并展示汇报
课 堂 练 习
倒计时水晶球动画演示(GIF版)
01
熟练地创建补间动画
02
补间形状动画的概念
03
补间形状动画的创建步骤
课 堂 总 结
作 业 设 计
利用补间形状制作一个进度条动画
下节课见!
Animate
$$nullnull