形状补间 & Flash五大基本变化

形状补间动画

学习目的：掌握动画与图层

掌握创建关键帧

掌握创建形状补间动画

主要内容：

一、创建关键帧

1．关键帧：就是动画的一帧，它是动画变化的控制点，是工作区中对象的性质（包括位置、形状和色彩等）发生变化的位置，在时间轴中，建立其他关键帧的方法有以下几种：

1）选中要转换为关键帧的某一帧的位置，然后选择“插入”→“时间轴”→“关键帧”命令

2）选中要转换为关键帧的某一帧的位置，然后右击，在弹出的快捷菜单中选择“插入关键帧”命令

3）也可以使用快捷键F6来插入关键帧

2. 单元格中有一个空心圆圈，如下图所示，表示一个空白的关键帧

二、几种类型帧的小结：（关键帧、空白关键帧、普通帧）

1. 特点

帧——是进行flash动画制作的最基本的单位，每一个精彩的flash动画都是由很多个精心雕琢的帧构成的，在时间轴上的每一帧都可以包含需要显示的所有内容，包括图形、声音、各种素材和其他多种对象。

关键帧——顾名思义，有关键内容的帧。用来定义动画变化、更改状态的帧，即编辑舞台上存在实例对象并可对其进行编辑的帧。

空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

普通帧——在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。

2. 区别

1）关键帧在时间轴上显示为实心的圆点，空白关键帧在时间轴上显示为空心的圆点，普通帧在时间轴上显示为灰色填充的小方格

2）同一层中，在前一个关键帧的后面任一帧处插入关键帧，是复制前一个关键帧上的对象，并可对其进行编辑操作；如果插入普通帧，是延续前一个关键帧上的内容，不可对其进行编辑操作；插入空白关键帧，可清除该帧后面的延续内容，可以在空白关键帧上添加新的实例对象。

3）关键帧和空白关键帧上都可以添加帧动作脚本，普通帧上则不能。

3. 应用中需注意的问题

1）应尽可能的节约关键帧的使用，以减小动画文件的体积；

2）尽量避免在同一帧处过多的使用关键帧，以减小动画运行的负担，使画面播放流畅。三、利用关键帧创建形状补间动画

第一步：启动FlashMX程序，打开工作环境的窗口，可以使用下列方法之一。

方法一：单击“开始”按钮→ 打开“程序”项→ 打开“Macromedia”程序组项→ 单击“Macromedia Flash MX”命令，即可启动程序。

方法二：鼠标直接双击计算机桌面上的“Macromedia Flash MX”的程序快捷图标（如

果有的话），即可打开程序窗口。

第二步：设置动画影片的舞台大小，可以使用下列方法之一。

方法一：使用“修改|文档”菜单命令（快捷键为Ctrl+J），打开“文档属性”对话框，在FlashMX文档中默认的舞台大小为550px* 400px，背景色为“白色”，帧频为“12fps”（每秒钟播放12帧,每1帧即为一个动画画面）。在我们制作的第一个几何图形渐变的简单动画中，将舞台的大小设置为宽→“400px”，高→“100px”，背景色为“黄色”，帧频→“12fps”。

方法二：单击展开“属性面板”，再单击面板中的“550 x 400像素”按钮，即可打开“文档属性”对话框。接着就可以设置文档舞台的宽度、高度、背景颜色以及帧频了。如果只是想简单的修改舞台的背景色和影片的帧频，则可以在属性面板中直接设置。

第三步：在舞台的左侧使用“椭圆工具”绘制出一个正圆。

单击“工具箱”中的“椭圆工具”按钮，在“颜色”区域中，将“笔触颜色”禁用，然后将“填充色”设置为“红色球形”，最后按住Shift键，在舞台的左侧绘制出一个正圆。

第四步：在舞台的右侧使用“矩形工具”绘制出一个正方形。

此时，我们可以看到在时间轴面板的图层1的时间线的第1帧变成了一个小黑点（关键帧图标）。下面，我们再选中图层1时间线上的第40帧，使用“插入|空白关键帧”菜单命令（或者鼠标右击时间线第40帧，在快捷菜单中选用“插入空白关键帧”命令，也可以使用快捷键F7，直接在时间线上插入空白关键帧），空白关键帧的图标在时间线上显示为一个空心小圆点。

这时，我们可以发现原先在舞台左侧绘制的红色圆“消失”了，舞台上什么对象都没有。这是因为，我们现在看到的是影片第40帧（即第40个画面）暂时还是一个空白关键帧，所以我们可以选用工具箱中的“矩形工具”，在“颜色”区域中，将“笔触颜色”禁用，将“填充色”设置为“蓝色球形”，最后按住Shift键，拖曳鼠标，在舞台的右侧绘制出一个正方形。

如果细心的同学可以发现，图层1时间线的第40帧处的空白关键帧已经转变成了一个关键帧。

第五步：为影片创建补间动画。

单击选中图层1时间线上的第1帧，打开“属性面板”，选用“补间”下拉列表中的“形状”命令即可

所谓的补间就是让Flash程序为用户自动地在两个关键帧之间创建动画效果，补间动画有两种类型：（1）动作，一般用于关键帧含有元件对象，使用动作类型的补间，在创建完成后关键帧之间用淡紫色填充；（2）形状，一般用于关键帧含有的是形状对象，使用形状补间，在创建完成后关键帧之间用淡绿色自动填充。

此时，如果我们想预览动画效果，只要按键盘上的“Enter”就可以了。

第六步：保存并导出我们的一个动画作品。

使用“文件|保存”菜单命令（快捷键为Ctrl+S），打开“另存为”的对话框，设置文档的存储路径，文档的文件名后，单击“保存”按钮即可，如下图所示。请同学们注意，此时我们存储的是作品的.fla格式的文档。

下面，我们接着学习如何导出动画作品。使用“文件|导出影片”菜单命令，在弹出的“导出影片”对话框中，设置影片的导出路径和影片的文件名，最后单击“保存”按钮即可。

五、课后作业:

1.制作一个舞台大小为400 x 100像素，背景色、帧频自定的红色细短线条渐变为蓝色粗长线条的作品。

2.制作一个舞台大小400x100像素，背景色、帧频自定，动画内容为红色三角渐变为绿色圆，再渐变为蓝色正方形的作品。

Flash的五大基本变化

学习目的：复习巩固形状补间动画

掌握补间动画的制作

熟练掌握Flash利用补间动画生成的五大基本变化

学习内容：

一、巩固利用关键帧制作形状补间动画的实例，引出补间动画的制作，从而总结出制作关键

帧动画的三要素：

1.两个关键帧（首帧和尾帧）

2.两个关键帧的状态

3.补间动画的创建。

强调只有将这三要素都做到位了，才能完成运动动画的制作。

二、Flash动画中五大基本变化

1.位移的变化：利用首帧和尾帧的位置差异，加以补间动画，生成位移的变化

2.缩放的变化：利用缩放工具，改变首帧和尾帧中元件的大小，加以补间动画，生成缩放的变化

3.旋转的变化：利用缩放工具改变首帧和尾帧的元件角度，加以补间动画形成旋转的变化。

动画形成颜色的变化。

加以补间动画，形成透明度的变化。

三、小结（帧帧动画、形变动画、运动动画）

1. 特点

帧帧动画——是flash动画最基本的形式，是通过更改每一个连续帧在编辑舞台上的内容来建立的动画

形状补间动画——是在两个关键帧端点之间，通过改变基本图形的形状或色彩变化，并由程序自动创建中间过程的形状变化而实现的动画

运动补间动画——是在两个关键帧端点之间，通过改变舞台上实例的位置、大小、旋转角度、色彩变化等等属性，并由程序自动创建中间过程的运动变化而实现的动画

2. 区别

1）帧帧动画的每一帧使用单独的画面，适合于每一帧中的图像都在更改而不是仅仅简单地在舞台中移动的复杂动画。对需要进行细微改变（比如头发飘动）的复杂动画是很理想的方式。

形状补间在起始端点绘制一个图形，再在终止端点绘制另一个图形，可以实现一副图形变为另一副图形的效果。

运动补间在起始端点定义一个实例的位置、大小、色彩等属性，在终止端点改变这些属性，可以实现翻转、渐隐渐现等效果。

2）帧帧动画保存每一帧上的完整数据，补间动画只保存帧之间不同的数据，因此运用补间动画相对于帧帧动画，可以减小文件体积。

3）形状补间必须是运用在被打散的形状图形之间，动画补间必须应用在组合、实例上，帧帧动画不受此限制。

4）帧帧动画的每一帧都是关键帧，形状补间动画帧之间是绿色背景色，两端由实线箭头相连，运动补间动画帧之间是兰色背景色，两端也由实线箭头相连。

3. 应用中需注意的问题

1）如果在创建补间动画时，时间轴上出现虚线箭头，表示补间不成功，应检查两个端点的对象是不是符合做形状补间或动作补间的对象。

2）可以利用变形提示点来控制形状渐变的效果，利用变形提示点，两端的形状越简单效果越好。

四、课后作业

1.反复练习Flash的五大基本变化动画的制作，体会并掌握所有技能。

2.上网浏览一些优秀的flash作品，找出作品中使用了五大变化中的哪些变化。