flash逐帧动画与补间动画
flash基本知识介绍
数据流：即流式声音，在WEB中动画与声音同步，flash会强制控制动画播放 与流式声音播放同步。
元件行为的类型
1、图形元件：对于静态图像可以使用图形元件
2、按钮元件：使用按钮元件可以在影片中创建响应鼠标点击、滑过
或其它动作的交互式按钮。 3、影片剪辑元件：使用影片剪辑元件可以创建可重用的动画片段。 影片剪辑拥有它们自己的独立于主影片的时间轴播放的多帧时间轴， 即可以将影片剪辑看作主影片内的小影片 。
（普通）关键帧是指该关键帧里含有图形等内容，在时间轴上显示黑色实心点， 附着在该关键帧上的普通帧一般显示灰色： 空白关键帧是指关键帧里没有任何内容，在时间轴上显示黑色空心点， 附着在该关键帧上的普通帧一般显示白色。关键帧的作用是做转折。 在FLASH里，至少要有两效果：
要产生遮罩，至少要有二层，上层盖下层； 遮罩层（上层）： 决定看到的形状
遮罩层的特点，它是显示这个图层内形状的，对于这个形状里面的填充颜色它是不承认的
被遮罩层（下层）：决定看到的内容
遮罩在Photoshop中类似蒙板
Flash基本知识介绍
Flash动画的3种类型：
1、逐帧动画 （每个画面都是一个关键帧）
2、动画补间动画 （作用对象：元件，文字，图片）
作用对象是同一个，是由一个形态到另一个形态的变化过程
3、形状补间动画 (作用对象：图形，打散的元件、文字、图片
是由一个物体到另一个物体间的变化过程
帧的类型：
1、关键帧(普通关键帧、空白关键帧）
依附在关键帧上的帧，主要起到延长时间的作用。
声音的同步：
事件： 声音的播放同事件的发生同步。事件声音在其关键帧出现时开始播放， 并且播放整个声音文件。即使动画停止，声音的播放也照常进行，并 不受时间轴限制。 开始：与事件模式类似，区别在于开始模式不包括一个声音在播放时，另一 个声音事件发生。
FLASH动画几个概念
逐帧动画1．逐帧动画的概念和在时间帧上的表现形式在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。
什么叫补间动画?所谓补间动画又叫做中间帧动画，这里,又分为动作补间和形状补间动作补间是物体有一个状态到另一个状态。
补间动画有两种：动作补间和形状补间动作补间：是由一个形态到另一个形态的变化过程，像移动位置，改变角度等。
动画补间是淡紫色底加一个黑色箭头组成的。
形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。
形状补间是淡绿色底加一个黑色箭头组成的。
1、动作补间动画：动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。
运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，你甚至能做出令人称奇的仿3D的效果来。
动作补间动画的概念：在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。
构成动作补间动画的元素：构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。
动作补间动画制作实例实例——飞行的飞机实例简介巍巍群山，茫茫云海，轻烟似的白云缓缓飘过，一架飞机由近而远的飞去，渐渐消失在远方，如图3-4-3所示。
本例制作不难，但通过它，你可以掌握创建动作补间动画的方法。
图3-4-3 飞机飞行动画知识提要●创建动作补间动画●制作元件由大变小的效果●制作元件透明度变化的效果（1）创建影片文档步骤1 设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650×255像素，【背景色】为白色，如图3-4-4所示。
flash过渡动画
4.过渡动画的制作要点
⑴.形状补间动画：
注意：形状补 间动画只能面 对打散的对象
在第一帧 插入对象
在第30帧插入 关键帧，并插 入新内容
创建形状渐变
⑵.运动补间动画：
注意：运动补 间动画只能面 对群组化对象
在第一帧 插入对象
将原对象移 至第30帧处创建动画渐变源自4．动画关键帧的“属性”面板
选中动画关键帧，弹出动画关键帧的“属性”面板。利用该面 板可以设置动画类型和动画其他属性。在“补间”下拉列表框中 选择了“动画”选项（应该翻译为“动作选项”）后，该面板如 图所示。该对话框内有关选项的作用如下。
–（4）“缓动”文本框：可输入数据或调整滑条的滑块 （数值范围是−100到100），来调整运动的加速度。其 值为负数时为动画在结束时加速，其值为正数时为动 画在结束时减速。
–（5）“旋转”下拉列表框： 用来控制对象在运动时是否 自旋转和旋转方式。选择“无”，是不旋转；选择“自 动”，是按照尽可能少运动的情况下旋转对象；选择“顺 时针”，是顺时针旋转对象；选择“逆时针”，是逆时针 旋转对象。可以在其右边的“次”文本框内输入旋转的次 数。
特点：制作简便、占空间小 由于补间动画只是制作关键帧画面，中间过渡画面由系 统自动生成，因此，制作简便、占空间小。 说明：
形状补间必须是打散的对象，动作补间必须是群组化对象。 形状动画也可以伴随位置的变化，运动动画也可以伴随形 状的变化。
2．认识时间轴
时间轴窗口如下图所示。其中，有许多图层和帧单元格（简称 帧），每一行表示一个图层，每一列表示一帧。各个帧的内容会 不相同，不同的帧表示了不同的含义。
–（10）“效果”下拉列表框：该下拉列表框用来选择 导入声音的播放效果。
逐帧动画和补间动画
2．补间动画：补间动画又叫做中间帧动画，渐变动画，只 要建立第一帧和最后一帧内容，中间部分由Flash自动生成，省 去了中间动画制作的复杂过程。 补间动画又分为形状补间动画(变形动画)和动作补间动画 (动作动画)。 3．形状补间动画的概念和制作 形状补间动画的概念：在Flash的时间轴面板上，在一个时 间点(关键帧)绘制一个形状，然后在另一个时间点(关键帧)更改 该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状 来创建的动画被称为“形状补间动画”。 形状补间动画可以实现两个图形之间颜色、形状、大小、 位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动 画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状， 如果使用文字，则必先“打散”再变形。 形状补间动画建好后，时间轴面板的背景色变为淡绿色， 在起始帧和结束帧之间有一个长长的箭头。
动画补间，第1 【例4解题】 从截图中可以发现，该动画属于________ 帧上“葫芦”实例是直立的且长、宽比例为100%，第20帧“葫 30 ________°，长、宽比例变为 130 芦”实例通过顺时针旋转了 ________%，所以变大了。 A 【答案4】 ________
考试要求 考试属性 c c 必考
本节课的学习过程中要求理解补间动画和变形动画的概念， 学会制作简单形状补间动画。考查方式为选择题与填空题。
一、媒体素材的导入 可以通过“文件”菜单下的“导入”命令，导入图片、声音、视 频等各种素材。若将一张动态的GIF图像导入到库中，会产生一 个含有逐帧动画的影片剪辑元件。 二、Flash动画的分类 Flash动画分为两类：逐帧动画和补间动画。 1．逐帧动画是传统的动画制作方法，在时间轴上逐帧绘制 内容称为逐帧动画。 逐帧动画的四种制作方式： (1)导入序列图像：可以导入GIF序列图像、SWF动画文件或 者利用第三方软件产生的动画序列。 (2)导入静态图像：用JPG、PNG等格式的静态图片连续导入 Flash时间轴中，就可建立一段逐帧动画。 (3)文字逐帧动画：用文字作帧中的内容，实现文字跳跃、 旋转等特效。 (4)矢量逐帧动画：用鼠标在场景中画出每一帧的内容。
Flash发展历程及简介
Flash 简介与发展历程Flash 是由macromedia 公司推出的交互式矢量图和 Web 动画的标准，由Adobe 公司收购。
网页设计者使用Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。
Flash的前身是Future Wave 公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash 文档。
1996年11 月，美国Macromedia 公司收购了FutureWave，并将其改名为Flash。
后又被Adobe 公司收购。
Flash通常也指Macromedia FlashPlayer( 现Adobe Flash Player)。
2012年8 月15 日，Flash退出Android 平台，正式告别移动端。
软件简介Flash 是一种动画创作与应用程序开发于一身的创作软件，到2013 年1 月24 日为止最新的零售版本为AdobeFlash Professional CS6(2012 年发布)。
AdobeFlash Professional CS6 为创建数字动画、交互式Web 站点，桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。
Flash 广泛用于创建吸引人的应用程序，它们包含丰富的视频、声音、图形和动画。
可以在Flash 中创建原始内容或者从其它Adobe 应用程序（如Photoshop 或Illustrator）导入它们，快速设计简单的动画，以及使用Adobe AcitonScript 3.0 开发高级的交互式项目。
设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
通常，使用Flash[3] 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。
您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash 应用程序。
flash入门知识（帧、动画、元件）
flash入门知识（帧、动画、元件）一、几种类型帧的小结：（关键帧、空白关键帧、普通帧）1. 特点帧——是进行flash动画制作的最基本的单位，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。
关键帧——有关键内容的帧。
用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。
空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。
普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。
2. 区别1）关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格2）同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。
3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。
3. 应用中需注意的问题1）应尽可能的节约关键帧的使用，以减小动画文件的体积；2）尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。
二、几种类型动画的小结：（帧帧动画、形变动画、运动动画）动画的类型包括逐帧动画和补间动画，补间动画又可分为形状补间和动作补间。
l 逐帧动画保存每一帧上的完整数据，补间动画只保存帧之间不同的数据，因此运用补间动画相对于逐帧动画，可以减小文件体积。
l 动作补间必须应用在组合、实例上；形状补间必须是运用在被打散的形状图形之间。
逐帧动画不受此限制。
1. 特点帧帧动画(逐帧动画)——是flash动画最基本的形式，是通过更改每一个连续帧在编辑舞台上的内容来建立的动画形状补间动画(变形动画)——是在两个关键帧端点之间，通过改变基本图形的形状或色彩变化，并由程序自动创建中间过程的形状变化而实现的动画运动补间动画(运动动画)——是在两个关键帧端点之间，通过改变舞台上实例的位置、大小、旋转角度、色彩变化等等属性，并由程序自动创建中间过程的运动变化而实现的动画2. 区别1）帧帧动画的每一帧使用单独的画面，适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。
补间动画
补间动画逐帧动画可以实现一些精致的动画，但如果所有的课件都采用这种动画类型，那就无从谈制作效率了。
要实现简单的位移效果，可以利用补间动画来实现动画模拟效果。
补间动画，就是指只要做好了起点关键帧和终点关键帧的图像，FLASH就会自动补上中间的动画过程。
FLASH可以创建两种类型的补间动画：动作补间动画和形状补间动画。
补间是补足区间的简称，是指只要做好起点关键帧和终点关键帧的图形，FLASH就会自动补上中间的动画过程。
因此，要构成动作补间动画，同一个图层上至少要有两个不同位置的关键帧。
运用动作补间动画，可以通过改变元件实例的大小、位置、颜色、透明度和旋转等种种属性，做出精彩的效果。
注意：补间动画适用的对象必须是元件、文字、位图或组对象，而不能是形状。
如果是形状，则应先将形状转换为“元件”或“群组对象”。
补间动画的参数设置：1、缩放在制作补间动画时，若在终点关键帧上更改了动画对象的大小，而且选择了“缩放”这个选项，就可以将大小变化的动画效果补出来。
如果没有选择，大小变化的动画效果就补不出来。
默认情况下，“缩放”选项自动被选择。
2、缓动●设置数值在[-1，-100]中，动画运动的速度从慢到快，朝运动结束的方向加速补间。
●设置数值在[1，100]中，动画运动的速度从快到慢，朝运动结束的方向减速补间。
●默认情况下，补间帧之间的变化速率不变。
3、旋转●选择“无”：禁止元件旋转；●选择“自动”：使元件在需要最小动作的方向上旋转对象一次；●选择“顺时针”或“逆时针”：输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。
动画补间动画（一）——置换反应的微观现象操作过程：1、布局场景：插入4个图层，分别命名为：背景、标题、氢原子、氧原子、氢原子、铜原子。
绘制或导入课件所需的图形元件：铜原子、氧原子、氢原子等。
（已在库中，随时可以拖放到舞台中。
）2、在“铜原子”图层，将“铜原子”图形元件拖放到舞台的左边。
选择该图层的第5帧，右击，选择“插入关键帧”；再分别选择第20、35、50帧，按F6插入关键帧。
Flash动画动作补间
Flash动画动作补间一、补间动画的概念1、补间动画：补间动画只需要确定开始和结束帧的图形，然后由Flash软件自动生成它们之间的画面。
也就是说制作补间动画只需要完成第一帧和最后一帧的画面即可。
补间动画分成两种，一种是形状补间动画，一种是动作补间动画。
2、形状补间动画：在Flash软件中，在开始和结束帧中绘制不同形状的图形，然后由Flash软件自动生成它们之间形状变化画面的动画，叫做形状补间动画。
3、动作补间动画：在Flash软件中，先确定开始和结束帧画面中对象的位置、大小，然后由Flash软件自动生成它们之间的画面的动画，叫做动作补间动画。
二、形状补间和动作补间动画的区别1、形状补间动画时间轴上帧格为浅绿色；动作补间动画时间轴上帧格为浅紫色。
2、制作动作补间动画，画面中的对象必须先转换为元件。
三、动手实践1、基础练习：制作一个球呈V形移动第一步：启动Flash，新建一个Flash文档。
第二步：在舞台的左上角绘制一个球的图形。
第三步：选定整个球图形，然后执行修改菜单中的转换为元件命令，把它转为元件。
第四步：右击25帧，插入关键帧，并把图形移到舞台的下部居中。
第五步：右击50帧，插入关键帧，关把图形移到舞台的右上角。
第六步：右击第1帧，单击创建补间动画命令，在第1-25帧之间创建补间动画。
第七步：类似的，右击第25帧，在第25-50帧之间创建补间动画。
第八步：播放动画，看球是否呈V形移动，满意后保存起来。
2、提高训练：打开素材文件夹中的“蓝天白云(素材)”，根据所学知识，能否做出白云在蓝天中移动的效果？操作提示：（1）用动作补间动画完成白云移动的效果，注意要把白云转换为元件；（2）白云移动到哪一帧，蓝天和树这些背景也要出现到哪一帧。
flash3帧、图层、元件、实例和库--逐帧动画-补间动画
插入关键帧
在空白帧 或静态帧 上右击，弹出如图所示的快捷菜 单，执行其中的“插入关键帧”命令，即可插入一个关 键帧。
插入空白关键帧
在空白帧 或静态帧上右击，弹出快捷菜单，执行其中的 “插入空白关键帧”命令，如图所示，即可插入一个空 白关键帧。
清除关键帧
在需要清除的关键帧上右击，弹出快捷菜单，执行其中 的“清除关键帧”命令，如图所示，即可将该关键帧清 除。
图层
Flash对对象实行分层管理，即将不同的对象放置在不同的图层中，这 样在修改其中一个对象时不会影响到其他的对象。可以形象地理解为， 图层就是透明的玻璃纸，不同的对象绘制在不同的玻璃纸上，它们相互 重叠以显示整体的内容，但在修改某一对象时其他对象不受影响。 对于图层的操作在时间轴的“图层编辑区”中实现，在如图所示的图层 编辑区中有三个图层：图层1、图层2和图层3。默认状态下它们的名称 分别是：“图层1”、“图层2”和“图层3”。下面介绍图层的操作。
创建图层
单击图层编辑区中的“插入图层”按钮即可新建一个图层，如图所 示在“图层3”的上方新建了一个“图层4”。在图层上双击可修改图层的名 称，如图3-11所示将图层4的名称修改为“文字层”。
插入图层按钮
删除图层
选取需要删除的图层，单击图层编辑区下方的“删除图层” 按钮即可将该图层删除，如图所示。
声音素材
1. 导入声音 执行“文件”菜单下的“导入”命令，在弹出的子菜单中执行“导入 到库”命令，如图所示。弹出“导入到库”对话框，如图所示。在一 定的路径下选择需要的声音文件后单击“打开”按钮，声音文件被导 入到库中，如图所示。
2. 将声音添加到文件中 通常将声音放置于一个独立的图层中。选取“图层1”的第1帧，打开 属性面板，如图所示，进行设置。
flash动画制作教程
举例：升降旗
• “窗口”—“动作”即可打开“动作”面板（也 可按F9 键）。 单击“+”号可以添加动作。 • 动作可以添加到按钮和帧(关键帧)上,利用动作可 以创建交互式动画。 • 最后测试影片
运动补间帧：用底色为浅蓝色 的箭头符号表示，代表这个区 域存在运动补间动画。 形状补间帧：用底色为浅绿色 的箭头符号表示，代表这个区 域存在形状补间动画。
一、逐帧动画
• 逐帧动画:通过更改连续帧，可以在Flash 中文档中创建动画。
效果:对象的移动，增加/减少对象的大 小，旋转，更改颜色，淡入淡入，更 改对象形状的效果。
实例1：光影效果 实例2：透视文字（利用遮罩层实现） 实例3：文字依次显示
第六节 给动画添加声音和动作
Flash中的声音类型： 事件声音(event sounds) 事件声音必须完全下载之后 才能开始播放并且连续播放直到有明确的停止命令， 因此比较适合制作很短的声响。 流声音(stream sounds)。 流声音可以边下载边播放， 则只需下载开始几帧的数据就可以开始播放， 而且声 音的播放和时间轴是同步的，适合用于网络中，制作 很长的背景音乐中，用户无需等待太长时间。
创建动画的基本方法
Flash动画的类型
1、逐帧动画（帧-帧动画） 运动渐变（动画补间）
2、补间动画（过渡动画）
形状渐变（形状补间）
几种动画制作技术
• 逐帧动画 • 运动补间动画 • 形状补间动画
• 逐帧动画:在逐帧动画中需要在每 一帧都生成图像 • 补间动画:只需要生成开始和结束 的帧即可。
Flash四种动画
Flash四种动画的基本步骤Flash 动画包括逐帧动画、动作补间动画、形状补间动画、遮罩动画、引导线动画等。
（一）逐帧动画逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，即在时间轴的每个关键帧上逐帧绘制不同的内容，使其连续播放而成动画。
逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容，很适合于表演细腻的动画。
但因每个关键帧上的内容不一样，增加了动画制作负担，且使最终输出的文件体积很大。
（二）补间动画Flash 中的补间动画有两种：一种是动作补间动画；另一种是形状补间动画。
动作补间动画的制作流程一般是：先在一个关键帧中定义实例的大小、颜色、位置、透明度等参数，然后创建出另一个关键帧并修改这些参数，最后创建补间动画，让 Flash 自动生成中间的过渡状态。
过渡帧在帧面板上的标志是在浅篮色的背景下有一个向右的长箭头。
实例：属性变化的矩形（1）新建 Flash 文件，用矩形工具在舞台左边画一个无边框的红色矩形。
选中矩形，右击，执行“转换为元件”命令。
在“创建新元件”对话框中选择类型为“图形”，确定。
（2）在第 30 帧插入关键帧，并把矩形拖到右边。
（3）用任意变形工具将其放大，并旋转。
（4）在属性面板中将矩形的“填充色”属性改为蓝色。
（5）用选择工具选中第 1 帧，单击属性面板“补间”里的“动作”即可创建补间动画。
（6）播放影片，观看效果。
形状补间动画，只要编辑首尾两帧上的图形，中间的形变过程由过渡帧来完成。
过渡帧在帧面板上的标志是在浅绿色的背景下有一个向右的长箭头。
实例：形状变化的矩形（1）新建 Flash 文件，在工具箱中选取矩形工具，在舞台左侧画一个红色矩形。
（2）在第 15 帧插入一个空白关键帧，在舞台右端画一个绿色五角星。
（3）在第 30 帧插入一个空白关键帧，选取椭圆工具，在舞台右上侧画一个无边线的黄色圆形。
（4）单击图层，选中所有帧，单击底部属性面板“补间”两字右面白框后的黑三角按钮，再单击“形状”。
flash_动画制作_逐帧动画(第三讲)
帧的操作——帧选择 帧的操作——帧选择
• 为了查看和修改帧中的对象，需要选中一 个或多个帧，具体操作方法如下：
– （1）要选择时间轴上的任意一个帧，只需单击该帧即 可。 – （2）要选择时间轴上的所有帧，执行“编辑”→“时 间轴”→“选择所有帧”命令或按Ctrl+Alt+A快捷键。 – （3）要同时选择多个连续的帧，需要通过单击确定选 择范围的起点，然后按住Shift键，在选择范围的终点单 击即可。 – （4）要同时选择多个非连续的帧，只需在按住Ctrl键 的同时单击所需的各帧即可。
10
3 图层
• 图层的概念在许多图形软件中都存在，如 PHOTOSHOP，COREDRAW等。在FLASH 中使用图层工具，可以在不同的层上创建 图形和图形的动画行为。 • 图层的使用使FLASH有了纵深的概念。层 与层之间可以相互掩映、相互叠加，但互 不干扰。 • 图层的排列顺序不同，会影响到图形的重 叠形式。
4
5
11 10 9 8 7 6 5 3 1 4 2 12
6
1. 关键帧。以实心圆表示，代表这个帧中含有对象。 2．普通帧。普通帧中的对象永远和离它最近的关键帧中的 对象保持一致。 3．空白关键帧。以空心圆表示，代表这个关键帧中没有任 何对象，在空白关键帧中加入对象即可变成关键帧。 4．一般空白帧。代表空白区域中没有任何对象。 5．运动补间帧。以底色为浅蓝色的箭头符号表示，代表这 个区域存在运动补间动画。 6．形状补间帧。以底色为浅绿色的箭头符号表示，代表这 个区域存在形状补间动画。 7．错误渐变帧。以虚线表示，代表这个区域存在错误的补 间动画。 8．加入帧标签的帧，标签类型为名称。 9．加入帧标签的帧，标签类型为注释。 10．加入帧标签的帧，标签类型为锚记。 11．加入音乐的帧。 12．加入脚本语言的帧。
第5讲3： FLASH逐帧动画、形状补间动画和动作补间动画的设计、制作与发布
图4-17 遮罩效果
4.3.2 创建遮罩效果
要创建和使用遮罩效果，至少要用到两 个图层，它们按特定的顺序排列在时间轴 上。其中，遮罩层肯定位于被遮罩层的上 方。当然，如果多个图层都被遮罩，那么 它们都是“被遮罩层”，都会受到遮罩效 果的影响。
1．创建遮罩效果的步骤 2．不同的遮罩效果 根据上面的说明可以看出，遮罩效果的 作用方式有以下4种。 遮罩层中的对象是静态的，被遮罩层 中的对象也是静态的，这样生成的效果就 是静态遮罩效果；
4.1.2 产生形状补间的属性
1．形状本身属性 2．形状颜色属性 3．形状大小属性 4．形状位置属性 5．文字 6．综合属性
4.1.3 制作步骤
图4-5 设置形状补间选项
4.2.1 Leabharlann 么是形状提示4.2 用形状提示 控制动画
在制作形状补间动画时，Flash可以自动计算出 两个关键帧中的形状补间动画。如果要控制复 杂或罕见的形状变化，可以使用形状提示。也 就是说，可以用形状提示来控制形状以什么方 式渐变。形状提示会标识起始形状和结束形状 中的相对应的点。
图4-18 绘制探照灯
（5）在“文字遮罩”层第50帧单击鼠 标右键，选择“插入帧”命令。 （6）单击“探照灯”层，在第25帧插 入关键帧，用选择工具将渐变的圆形移动 到文字右侧（注意选中“视图”菜单“对 齐”子菜单中的“贴紧对齐”命令）。 （7）在该层第1帧上单击鼠标右键，选 择“复制帧”命令，在第50帧上单击右键， 选择“粘贴帧”命令。
实现该效果的参考步骤如下。 （1）新建一个Flash电影，将图层1的名 称更改为“背景”。 （2）按“Ctrl+R”键导入要作为背景显 示 的 黑 白 位 图 文 件（ 该位图文 件 事 先 由 Fireworks处理好，最简便的办法是执行 Fireworks的“命令”菜单“创意”子菜单 的“转换为灰度图像”命令），将其调整 为舞台大小。
Flash CS5中文版动画制作基础第3章
3.2.2 元件和库的基本训练——制作 “浪漫出游”
1、布置元件
2、制作遮罩元件
3、添加汽车
3.2.3 元件和库的提高元件的位置
3、制作倒立舞者的效果
3.3 综合应用──制作“跳楼促销”
1、制作显示器抖动效果
2、制作裂口效果
3、制作其他帧的火焰效果
4、转换元件并制定映衬效果
3.2 使用元件和库
3.2.1 认识元件和库 元件是指创建一次即可以多次重复使用的图形、按钮或影片剪 辑，而元件是以实例的形式来体现，库是容纳和管理元件的工 具。 形象地说，元件是动画的“演员”，而实例是“演员”在舞台 上的“角色”，库是容纳“演员”的“房子” ，舞台上的图形 如“草莓”、“橙子”都是元件
（2）普通帧。 普通帧是指内容没有变化的帧，通常用来 延长动画的播放时间。 空白关键帧后面的普通帧显示为白色，关 键帧后面的普通帧显示为浅灰色。
2．逐帧动画的原理
逐帧动画的原理是逐一创建出每一帧上 的动画内容，然后顺序播放各动画帧上的内 容，从而实现连续的动画效果。
创建逐帧动画的典型方法主要有以下3种。 从外部导入素材生成逐帧动画，如导入静 态的图片、序列图像和GIF动态图片等。 使用数字或者文字制作逐帧动画，如实现 文字跳跃或旋转等特效动画。 绘制矢量逐帧动画，利用各种制作工具在 场景中绘制连续变化的矢量图形，从而形成 逐帧动画。
3.1.2 逐帧动画基本训练──制作 “动态QQ表情”
在第1帧使用【椭圆】工具 绘制脸型和眼睛。 使用【刷子】工具 绘制眼睛的细部效果。 使用【线条】工具 绘制嘴巴效果。
用同样的方法在后续帧上绘制其他笑脸。
3.1.3 逐帧动画提高应用──制作 “野外篝火”
flash补间动画
元件
元件是可反复取出使用的图形、按钮或影片剪辑（一段小动画）， 相当于可重复使用的模板，使用元件的好处是，重复利用，缩小文 件的存储空间。 flash元件有哪些类型？ 1.影片剪辑 ：它是构成flash动画的一个片段，能独立于主动画进行 播放。 2.图形元件 ：可反复使用的图形，是含一帧的静止图片，但它不能 添加交互行为和声音控制。 3.按钮元件 ：创建动画的交互控制按钮
图3 属性面板
图2 右键操作
任务一：制作小球的各种简单动画
• 1.新建一flash文档，设置文档属性为背景颜色为#999999， 大小为700*300像素，帧频为12fps，并将文件另存为在自己 的考生文件夹下。 • 2.新建一图形元件，名为“小球”，绘制一小球，颜色自己 决定。 • 3.回到场景面板，在第1帧放入小球，在50帧处插入关键帧 ，移动小球的位置。 • 4.选择1——50帧中的任一帧，在属性面板中将补间设为“ 动画”。 • 5.控制——测试影片，查看结果。 • 6.保存文档，上传。
位移动画组合
状态组合
大小、旋转、透明、位置 均可设置
任务二：控制太阳的升落
• 打开“学生练习.fla”，完成控制太阳的升落。 • 1.新建一影片剪辑元件，名为“太阳”，画一个红色的正圆 。 • 2.在太阳图层的第1帧把太阳元件放到舞台上，大小改为宽 40，高40，并放到相应的位置。 • 3.在太阳图层的第50帧和100帧分别都要插入关键帧，改变 太阳的位置及颜色（其他参数可自行修改）。 • 4.调整图层的顺序。 • 5.新建一新图层，在里面输入文字（内容自己定）。 • 6.控制——测试影片。 • 7.保存上传文档及SWF文件。
选做完成前三种类型的制作
类型 图形大小变化动画 大→小、 小→大、 混和 状态 帧内容 前后关键帧的图形大小不 一样 示例
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 关键帧——任何动画要表现运动或变化，至少
前后要给出两个不同的关键状态，而中间状态 的变化和衔接电脑可以自动完成，在Flash中， 表示关键状态的帧叫做关键帧。 • 过渡帧——在两个关键帧之间，电脑自动完成 过渡画面的帧叫做过渡帧关键帧和过渡帧的联 系和区别 两个关键帧的中间可以没有过渡 帧（如逐帧动画），但过渡帧前后肯定有关键 帧，因为过渡帧附属于关键帧；
关键帧和过渡帧区别
• 关键帧可以修改该帧的内容，但过渡帧 无法修改该帧内容。 • 关键帧中可以包含形状、剪辑、组等多种 类型的元素或诸多元素，但过渡帧中对象 只能是剪辑（影片剪辑、图形剪辑、按钮 ）或独立形状。
• 帧的操作：复制，删除，移动，插入，翻转 • 帧频：fps——帧/秒（表示一秒钟播放多少帧）默认为 12fps. • F5添加普通帧，Shift+F5--删除普通帧 • 关键帧： • F6---添加关键帧，以实心圆表示 • Shift+F6--删除关键帧 • 关键帧是用于定义变化的帧，每一个关键帧都有自己独 立的场景； • 添加关键帧是，会复制前一关键帧的内容； • 当将关键帧中的场景内容删除后，关键帧会转换为空白 关键帧；
补间
• 补间：flash动画的一种制作方法，又叫补 间动画。 • 补间动画：做flash动画时，在两个关键 帧中间需要做“补间动画”，才能实现图 画的运动；插入补间动画后两个关键帧之 间的插补帧是由计算机自动运算而得到的 。
• FLASH动画制作中补间动画分两类：一 类是形状补间，用于形状的动画；另一类 是动画补间用于图形及元件的动画。 •
形状补间动画
• 形状补间动画是在Flash的时间帧面板上，在
一个关键帧上绘制一个形状，然后在另一个关 键帧上更改该形状或绘制另一个形状等，Flash 将自动根据二者之间的帧的值或形状来创建的 动画，它可以实现两个图形之间颜色、形状、 大小、位置的相互变化。形状补间动画建立后 ，时间帧面板的背景色变为淡绿色，在起始帧 和结束帧之间也有一个长长的箭头；构成形状 补间动画的元素多为用鼠标或压感笔绘制出的 形状，而不能是图形元件、按钮、文字等，如 果要使用图形元件、按钮、文字，则必先打散 （Ctrl+B）后才可以做形状补间动画。
发布
关键帧与帧
• 帧——就是影像动画中最小单位的单幅影像画
面，相当于电影胶片上的每一格镜头。 一帧就 是一副静止的画面，连续的帧就形成动画，如 电视图象等。 我们通常说帧数，简单地说，就 是在1秒钟时间里传输的图片的帧数，也可以理 解为图形处理器每秒钟能够刷新几次，通常用 fps（Frames Per Second）表示。每一帧都是 静止的图象，快速连续地显示帧便形成了运动 的假象。高的帧率可以得到更流畅、更逼真的 动画。每秒钟帧数 (fps) 愈多，所显示的动作就 会愈流畅。
动作补间
• 动作补间动画是指在Flash的时间帧面板上，在 一个关键帧上放置一个元件，然后在另一个关 键帧改变这个元件的大小、颜色、位置、透明 度等，Flash 将自动根据二者之间的帧的值创建 的动画。动作补间动画建立后，时间帧面板的 背景色变为淡紫色，在起始帧和结束帧之间有 一个长长的箭头；构成动作补间动画的元素是 元件，包括影片剪辑、图形元件、按钮、文字 、位图、组合等等，但不能是形状，只有把形 状组合（Ctrl+G）或者转换成元件后才可以做 动作补间顺序，把一方面或多方面的 时间足迹事件 串联起来，形成相对完整的记录体系，再运用 图文的形式呈现给用户；时间轴可以运用于不 同领域，最大的作用就是把过去的事物系统化 、完整化、精确化。（帮助我们理解时间轴的 概念）
• 时间轴面板主要用于组织和控制影片中图 层和帧的内容，主要由以下对象组成：图层，图层 包含的帧，播放头（用来指示当前所在帧 ；播放头只能移动到定义过后的最后一帧 ）
2 课堂小例
• 舞蝶扇翅
• 舞蝶飞
• 小球弹地
3 作业
• 小鸟飞
4总结经验
第十课 flash 逐帧动画与补间动画
任课教师：杨祯明
1概念与基本方法
• 舞台
• 舞台是在剧院中为演员表演提供的空间，它可 以使观众的注意力集中于演员的表演并获得理 想的观赏效果。 • 在flash中我们可以理解为舞台为元件的表演提 供的空间。 • 下面介绍一下元件：FALSH里面有很多时候需 要重复使用素材，这时我们就可以把素材转换 成元件，或者干脆新建元件。以方便重复使用 或者再次编辑修改。也可以把元件理解为原始 的素材，通常存放在元件库中。
• 图层的作用和特点：
• 管理动画中的对象；图层是透明的，透过图层 中没有对象的区域，可以看到下面图层中的对 象；增加图层的数量，不会增加输出影片文件 swf的大小，会增加fla文件的大小； • 一般组成动画的各个小动画要放置在不同的图 层。 • 图层的操作：新建\删除\重命名\顺序\锁定\隐藏 • 图层分类：普通图层，引导图层，遮罩图层