第6章创建动画
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
提示
利用“文件”-“导入”-“导入到舞台”，将一组序号有一定 规律的图片导入到舞台中。
23
24
例6-4 写字动画的制作
Click to edit Master subtitle style
学习指导
1、学习逐帧动画创建方法,即在每一帧中绘出画面。 2、学习插入关键帧的方法,关键帧是一种特殊的帧,它对定义和 控制动画的变化起关键作用。 3、学习在[时间轴]面板中将选择的帧进行头尾翻转.
13
实例要求：制作闪烁的特效。
步骤： 1、新建文档。舞台大小为550px × 400px。背景：暗红色。 2、图层1第1帧，文字工具，黑体，80，“我们的旧照片”。 3、图层1第15帧插入关键帧，在第1帧创建补间动画。 4、选中第15帧的文本，属性面板设置文本颜色为“色调”，值 为50%，255，255，0 。 5、第30帧插入关键帧，属性面板设置文本颜色为“色调”，值 为50%，0，255，0 。 6、第45帧插入关键帧，属性面板设置文本颜色为“色调”，值 为50%，255，255，255 。
空白的关键帧
•动画补间的关键帧之间有一个从左到右指向的黑色箭头，单元格之间的 背景为浅蓝色，如下图所示
运动补间动画
7
帧与动画
• 形状补间的关键帧之间也有一个从左到右指向的黑色箭头，不同的是单 元格之间的背景为浅绿色
变形补间动画 •如果看到两个关键帧之间是一条虚线，表示动画存在问题，两个关键帧 之间不能完成动画的正常变形
3
6.1 创建关键帧
❖ 创建关键帧 ❖ 帧与动画 ❖ 设置帧频率
4
创建关键帧
关键帧：就是动画的一帧，它是动画变化的控制点，是工作区中对象的性质 （包括位置、形状和色彩等）发生变化的位置 在时间轴中，建立其他关键帧的方法有以下几种： • 选中要转换为关键帧的某一帧的位置，然后选择“插入”→“时间轴 ”→“关键帧”命令 • 选中要转换为关键帧的某一帧的位置，然后右击，在弹出的快捷菜单中 选择“插入关键帧”命令 • 也可以使用快捷键F6来插入关键帧
Flash动画制作
Click to edit Master subtitle style
陶颖
第6章 创建动画
教学目标： • 掌握创建关键帧 • 掌握动画与图层 • 掌握创建运动动画 • 掌握编辑动画
2
本章内容
创建关键帧 动画与图层 创建逐帧动画 编辑动画
创建运动动画 创建补间形状动画 “帧－帧”动画
14
实例要求：制作闪烁的特效。
步骤： 7、第46帧插入关键帧，移动文本位置。铅笔工具在背景上随便 画上一些划痕效果。 8、第47帧中插入关键帧，移动文本位置。铅笔工具在背景上随 便画上一些划痕效果。 9、用步骤7-8多绘制几帧。 10、“窗口”-“动作”，打开动作面板，为第57帧输入 gotoAndPlay(45)语句。
5
创建关键帧
如果要同时创建多个关键帧，可以在时间轴上选中多个帧， 然后选择“插入”→“时间轴”→“关键帧”命令 这些关键帧可以是同一层的，也可以是不同层的 选择帧时，按住Ctrl或Shift键，可随意选择多个帧
6
帧与动画
可以从时间轴来认识动画内容的变化 • 单元格中有一个空心圆圈，如下图所示，表示一个空白的关键帧
19
实例要求：制作元件渐显渐隐的动画效果。
步骤： 5、图层1第20帧，图层2第40帧，图层3第60帧，图层4第80帧 插入关键帧。 6、图层1第1帧“风景1”元件属性Alpha值为“10%”，图层2第 20帧“风景2”元件属性Alpha值为“10%”，图层3第40帧“风 景3”元件属性Alpha值为“10%”，图层4第60帧“风景4”元件 属性Alpha值为“10%”。 7、分别在图层1第1-20帧，图层2第20-40帧，图层3第40-60帧， 图层4第60-80帧创建补间动画 。
15
6.2 动画与图层
在Flash动画中，可以为每一个场景创建任意多个层，通 过层将动画的对象一一分离开Βιβλιοθήκη Baidu避免各层中的对象互相影响
在设计时，一般将静止的对象放在背景层中，而其他群 组、元件、不同变化的内容等放在不同的层中。这样不仅利 于操作，也便于查看和修改
16
例6-2 多图层动画
Click to edit Master subtitle style
18
实例要求：制作元件渐显渐隐的动画效果。
步骤： 1、新建文档。舞台大小为500px × 375px。背景：白色。 2、将四张风景图片导入到库。名称为“风景1.jpg”等。 3、新建图形元件“风景1”，将库中“风景1”拖到舞台中，以舞 台为中心。其他相同。 4、场景1中插入四个图层，图层1第1帧插入关键帧，将“风景1” 元件拖入舞台。图层2第20帧插入关键帧，将“风景2”元件拖入 舞台。图层3第40帧插入关键帧，将“风景3”元件拖入舞台。图 层4第60帧插入关键帧，将“风景4”元件拖入舞台。
20
6.3 创建逐帧动画 ❖ 通过导入的方法将外部序列图像导入到舞台中而 自动生成逐帧动画。 ❖ 在每一帧中绘出画面形成逐帧动画。
21
例6-3 切换的风景
Click to edit Master subtitle style
学习指导
1、学习逐帧动画的一种简单创建方法,即通过导入的方法将 外部序列图像导入到舞台中而自动生成逐帧动画。 2、学习选择帧、移动帧、创建普通帧等基本方法。
存在错误的动画
8
帧与动画
•如果在某一关键帧上有一个小字母a，表示在这一帧中分配了动作Action， 当动画播放到这一帧时将执行相应的动作
已分配动作的帧 •如果在关键帧的小黑点上有一个小红旗，表明该关键帧包含标签，如下 图所示，将帧命名为圆
标签
9
帧与动画
• 如果在标签名字前加“→→”，表示为该帧加注释，如果在标签名字前 加 ，表示为该帧加锚记，在时间轴上的效果如下图所示
加注释
10
设置帧频率
帧频率：也就是动画的播放速度，以每秒播放的帧的多少计算
设置帧频率的步骤：
1. 可以选择“修改”→“文档” 命令
2. 然后在弹出的“文档属性”对 话框中的“帧频”输入框中， 输入设定的频率，如图所示， 默认值为12
修改帧频率
11
例6-1 制作闪烁的特效
Click to edit Master subtitle style
利用“文件”-“导入”-“导入到舞台”，将一组序号有一定 规律的图片导入到舞台中。
23
24
例6-4 写字动画的制作
Click to edit Master subtitle style
学习指导
1、学习逐帧动画创建方法,即在每一帧中绘出画面。 2、学习插入关键帧的方法,关键帧是一种特殊的帧,它对定义和 控制动画的变化起关键作用。 3、学习在[时间轴]面板中将选择的帧进行头尾翻转.
13
实例要求：制作闪烁的特效。
步骤： 1、新建文档。舞台大小为550px × 400px。背景：暗红色。 2、图层1第1帧，文字工具，黑体，80，“我们的旧照片”。 3、图层1第15帧插入关键帧，在第1帧创建补间动画。 4、选中第15帧的文本，属性面板设置文本颜色为“色调”，值 为50%，255，255，0 。 5、第30帧插入关键帧，属性面板设置文本颜色为“色调”，值 为50%，0，255，0 。 6、第45帧插入关键帧，属性面板设置文本颜色为“色调”，值 为50%，255，255，255 。
空白的关键帧
•动画补间的关键帧之间有一个从左到右指向的黑色箭头，单元格之间的 背景为浅蓝色，如下图所示
运动补间动画
7
帧与动画
• 形状补间的关键帧之间也有一个从左到右指向的黑色箭头，不同的是单 元格之间的背景为浅绿色
变形补间动画 •如果看到两个关键帧之间是一条虚线，表示动画存在问题，两个关键帧 之间不能完成动画的正常变形
3
6.1 创建关键帧
❖ 创建关键帧 ❖ 帧与动画 ❖ 设置帧频率
4
创建关键帧
关键帧：就是动画的一帧，它是动画变化的控制点，是工作区中对象的性质 （包括位置、形状和色彩等）发生变化的位置 在时间轴中，建立其他关键帧的方法有以下几种： • 选中要转换为关键帧的某一帧的位置，然后选择“插入”→“时间轴 ”→“关键帧”命令 • 选中要转换为关键帧的某一帧的位置，然后右击，在弹出的快捷菜单中 选择“插入关键帧”命令 • 也可以使用快捷键F6来插入关键帧
Flash动画制作
Click to edit Master subtitle style
陶颖
第6章 创建动画
教学目标： • 掌握创建关键帧 • 掌握动画与图层 • 掌握创建运动动画 • 掌握编辑动画
2
本章内容
创建关键帧 动画与图层 创建逐帧动画 编辑动画
创建运动动画 创建补间形状动画 “帧－帧”动画
14
实例要求：制作闪烁的特效。
步骤： 7、第46帧插入关键帧，移动文本位置。铅笔工具在背景上随便 画上一些划痕效果。 8、第47帧中插入关键帧，移动文本位置。铅笔工具在背景上随 便画上一些划痕效果。 9、用步骤7-8多绘制几帧。 10、“窗口”-“动作”，打开动作面板，为第57帧输入 gotoAndPlay(45)语句。
5
创建关键帧
如果要同时创建多个关键帧，可以在时间轴上选中多个帧， 然后选择“插入”→“时间轴”→“关键帧”命令 这些关键帧可以是同一层的，也可以是不同层的 选择帧时，按住Ctrl或Shift键，可随意选择多个帧
6
帧与动画
可以从时间轴来认识动画内容的变化 • 单元格中有一个空心圆圈，如下图所示，表示一个空白的关键帧
19
实例要求：制作元件渐显渐隐的动画效果。
步骤： 5、图层1第20帧，图层2第40帧，图层3第60帧，图层4第80帧 插入关键帧。 6、图层1第1帧“风景1”元件属性Alpha值为“10%”，图层2第 20帧“风景2”元件属性Alpha值为“10%”，图层3第40帧“风 景3”元件属性Alpha值为“10%”，图层4第60帧“风景4”元件 属性Alpha值为“10%”。 7、分别在图层1第1-20帧，图层2第20-40帧，图层3第40-60帧， 图层4第60-80帧创建补间动画 。
15
6.2 动画与图层
在Flash动画中，可以为每一个场景创建任意多个层，通 过层将动画的对象一一分离开Βιβλιοθήκη Baidu避免各层中的对象互相影响
在设计时，一般将静止的对象放在背景层中，而其他群 组、元件、不同变化的内容等放在不同的层中。这样不仅利 于操作，也便于查看和修改
16
例6-2 多图层动画
Click to edit Master subtitle style
18
实例要求：制作元件渐显渐隐的动画效果。
步骤： 1、新建文档。舞台大小为500px × 375px。背景：白色。 2、将四张风景图片导入到库。名称为“风景1.jpg”等。 3、新建图形元件“风景1”，将库中“风景1”拖到舞台中，以舞 台为中心。其他相同。 4、场景1中插入四个图层，图层1第1帧插入关键帧，将“风景1” 元件拖入舞台。图层2第20帧插入关键帧，将“风景2”元件拖入 舞台。图层3第40帧插入关键帧，将“风景3”元件拖入舞台。图 层4第60帧插入关键帧，将“风景4”元件拖入舞台。
20
6.3 创建逐帧动画 ❖ 通过导入的方法将外部序列图像导入到舞台中而 自动生成逐帧动画。 ❖ 在每一帧中绘出画面形成逐帧动画。
21
例6-3 切换的风景
Click to edit Master subtitle style
学习指导
1、学习逐帧动画的一种简单创建方法,即通过导入的方法将 外部序列图像导入到舞台中而自动生成逐帧动画。 2、学习选择帧、移动帧、创建普通帧等基本方法。
存在错误的动画
8
帧与动画
•如果在某一关键帧上有一个小字母a，表示在这一帧中分配了动作Action， 当动画播放到这一帧时将执行相应的动作
已分配动作的帧 •如果在关键帧的小黑点上有一个小红旗，表明该关键帧包含标签，如下 图所示，将帧命名为圆
标签
9
帧与动画
• 如果在标签名字前加“→→”，表示为该帧加注释，如果在标签名字前 加 ，表示为该帧加锚记，在时间轴上的效果如下图所示
加注释
10
设置帧频率
帧频率：也就是动画的播放速度，以每秒播放的帧的多少计算
设置帧频率的步骤：
1. 可以选择“修改”→“文档” 命令
2. 然后在弹出的“文档属性”对 话框中的“帧频”输入框中， 输入设定的频率，如图所示， 默认值为12
修改帧频率
11
例6-1 制作闪烁的特效
Click to edit Master subtitle style