幼儿园多媒体课件设计与制作 第5章 Flash动画型课件制作

添加补间动画
绘制并调整蝴蝶2的 飞行路径
完成补间动画的创建
5.3.6 添加声音
第24页
声音在动画中起着重要的衬托作用，它是Flash动画的重要组成部分之一，直接关系到动画的表现力和效 果。下面将在“舞蹈课件-好宝宝”文档中添加声音，其具体操作如下。
5.3.7 认识骨骼动画
第25页
骨骼动画也叫反向运动，是使用骨骼关节结构对一个对象或彼此相关的一组对象进行动画处理的方 法。使用骨骼后，元件实例和形状对象可以按复杂而自然的方式移动，即只需做很少的设计工作。通常 使用反向运动进行动画处理时，只需指定对象的开始位置和结束位置。
学前教育 第1页
幼儿园多媒体课件设计与制作微课版教程
第5章 Flash动画型课件制作
第5章 Flash动画型课件制作
目录导航
内 容 导 航 第2页
5.1 制作动画背景 5.2 绘制“跳舞的小熊”动画 5.3 制作“舞蹈课件”动画 5.4 练习
5.1 制作动画背景
第3页
本节将通过制作一个动画背景来具体讲解在Flash CS6的操作界面中进行新建文档、导入图像、 变形图像等操作的方法，参考效果如图所示。
5.1.1 Flash概述
2. 动画设计流程
第5页
发 布 动 画
测 试 动 画
与 优 化
后 期 调 试
制 作 动 画
搜 集 素 材
前 期 策 划
5.1.2 认识Flash CS6操作界面
第6页
安装好Flash CS6后，双击其桌面图标或单击“开始”按钮，在打开的菜单中选择“Adobe Flash Professional CS6”命令即可启动该软件。启动Flash CS6后，并不是直接进入其工作界面。
5.3 制作“舞蹈课件”动画
第17页
前面学习了动画对象的绘制，本节将通过制作“舞蹈课件”动画来具体讲解Flash动画的基本知 识和在FlashCS6中制作动画的方法，参考效果如图所示。
5.3.1 Flash动画的基本知识
1. Flash动画的基本类型
第18页
逐帧动画
补间形状 动画
传统补间 动画
补间动画
在Flash中也可以向单独的元件实例或单个形状的内部添加骨骼。在一个骨骼移动时，与启动运动的 骨骼相关的其他连接骨骼也会移动。通过反向运动，可以使制作的动画运动更加自然。
5.3.8 制作骨骼动画
第26页
在向形状或元件添加骨骼时，Flash会将形状或元件以及关联的骨架移动到时间轴中的新图层，该新 图层称为姿势图层。每个姿势图层只能包含一个骨架及其关联的实例或形状，其具体操作如下。
5.1.2 认识Flash CS6操作界面
只有在创建好Flash动画文件 后，才能进入到其操作界面， 使用各个面板的功能。 FlashCS6的操作界面主要由 菜单栏、工具箱、面板、辅 助线以及场景和舞台等组成。
第7页
5.1.3 新建并保存Flash文件
下面以新建“舞蹈课件”为例介绍新建并保存Flash文件的方法，其具体操作如下。
5.1.1 Flash概述
1. Flash 动画设计简介
第4页
Flash动画一般由矢量图制作，无论将其放大多少倍都不会失真，且动画文件较小，利于传播， 因此无论在计算机、DVD还是手机等设备上播放Flash动画，都可以获得非常好的画质与动画 体验效果。
Flash动画具有交互性，这是很多游戏开发者甚至很多网站使用Flash进行制作的原因。 Flash动画制作的成本低。 Flash动画采用先进的“流”式播放技术，用户可以边下载边观看，完全适应当前网络的需要。 Flash支持多种文件格式的导入与导出，除了可以导入图片外，还可以导入视频、声音等。
5.1 制作动画背景 5.2 绘制“跳舞的小熊”动画 5.3 制作“舞蹈课件”动画 5.4 练习
5.2 绘制“跳舞的小熊”动画
第13页
使用Flash制作动画时可从外部调用相关的素材图像，当外部图像不能满足使用时，就需要制作 者自行绘制图像。本节将通过绘制小熊、云朵和花朵来具体讲解在Flash CS6中绘制图像并填充图 像的相关操作，参考效果如图所示。
5.2.1 绘制并填充白云
1、禁用椭圆笔触颜色
2、绘制椭圆
3、组合形状
第14页
4、复制云朵形状
5.2.2 绘制小熊和花朵
1、绘制圆形
2、绘制小熊头部
3、绘制小熊身体
第15页
4、绘制蝴蝶结
5、绘制花朵
6、复制小红花
第5章 Flash动画型课件制作
目录导航
内 容 导 航 第16页
5.1 制作动画背景 5.2 绘制“跳舞的小熊”动画 5.3 制作“舞蹈课件”动画 5.4 练习
第8页
5.1.3 新建并保存Flash文件
第9页
5.1.4 导入素材文件并进行编辑
第10页
下面启动Flash CS6，设置画布大小，然后将所有素材导入到库中，然后将其移动至舞台，其具体操作 如下。
5.1.4 导入素材文件并进行编辑
第11页
第5章 Flash动画型课件制作
目录导航
内 容 导 航 第12页
第19页
5.3.2 制作补间动画
1、导入文件到库
2、转换为元件
3、创建传统补间动画
第20页
4、变形纸飞机元件
5、编辑Biblioteka Baidu间动画
6、调整飞机的移动路径
5.3.3 创建元件
第21页
（1） 选择“花朵”图层中的花朵，在其上单击鼠标右键，在弹出的快捷菜单中选择“转换为元件” 命令，打开“转换为元件”对话框，在其中设置名称和类型分别为“花朵1”和“图形”，完成后单击 “确定”按钮。
（2） 选择场景中的红色花朵，使用相同的方法将其转换为图形元件，其中名称为“花朵2”，类型 为“图形”，完成后单击“确定”按钮
5.3.4 制作传统补间动画
1
2
3
4
5
第22页
5.3.5 制作引导动画
第23页
引导动画可分为只能对单一图层作用的普通引导动画和可以作用于多个图层的多层引导动画。运 用一个引导层同时引导多个被引导层中的对象的动画被称为多层引导动画。下面将继续在“舞蹈课件-好 宝宝”文档中通过创建引导动画来制作蝴蝶飞舞的效果。
遮罩动画 引导动画
5.3.1 Flash动画的基本知识
2. 各种动画在时间轴上的标识
补间动画：是一段具有蓝色背景的帧。 传统补间动画：带有黑色箭头和浅紫色背 景，起始关键帧处为黑色圆点。 补间形状动画：带有黑色箭头和淡绿色背 景，起始关键帧处为黑色圆点。 不完整动画：用虚线表示，是断开或不完 整的动画。