《二维动画制作基础》实验指导书(5)

实验七、Flash形状补间动画

一．实验目的

（1）掌握形状补间动画的制作原理及用途；

（2）能依照形状补间动画的标准步骤完成相关动画实例的制作。

二．实验内容

（1）制作三角形到圆形的补间动画，并在此基础上制作可控形变动画； （2）用形状补间动画实现五字母FLASH之间的相继、连续变形； （3）添加四个图层，制作绘制矩形动画。

三．预备知识

（一）什么是形状补间动画

在一个关键帧中绘制一个形状，然后在另一个关键帧中更改该形状或绘制另一个形状，Flash根据二帧之间的形状来实现均匀的过渡，这样的动画被称为形状补间动画。形状补间动画还可以实现两个图形之间颜色、大小及位置的变化，使用的元素为用鼠标或压感笔绘制出的形状。如果使用图形元件、按钮、文字制作形变动画的话，则须必先“打散”才能创建变形动画。

四．实验步骤

（一）形状补间动画

在该例中，第一帧的起始形状是一个三角形，逐渐变形为一个圆形。 （1）选择【文件】→【新建】命令，新建一个Flash动画文件。

（2）选择【修改】→【文档】命令，在弹出的【文档属性】对话框中修改动画的属性：宽设为“300px”，高设为“400px”，底色为“白色”。

（3）选择绘图工具栏中的矩形工具，在舞台中绘制一个正方形。再选择绘图工具栏中的箭头工具，将正方形调整为三角形。

（4）在时间轴窗口的第25帧处单击鼠标右键，从弹出的快捷菜单中选择“插入关键帧”命令，插入一个关键帧。

（5）选择椭圆工具在舞台中绘制一个正圆，并在绘图工具栏中单击按钮，调整圆的填充颜色。

（6）单击时间轴窗口中的第一个关键帧，打开属性面板，在“补间”下拉列表中选择“形状”选项。 （7）形状补间动画绘制完成后，选择【控制】→【测试影片】命令或按Ctrl+Enter组合键，即可观察到该动画将从一个圆形渐变到一个三角形的渐变过程。 利用形变动画可以实现裙摆、头发飘的效果。

（二）用形状补间动画实现五字母FLASH之间的相继、连续变形

制作提示：插入五个空白关键帧，使它们之间的间隔为十帧；在各帧中相继输入五个字母，然后把它们分别打散；在各关键帧中创建形状补间动画；测试作品。 （三）《延伸的线段》及《绘制矩形》实例制作

制作提示：实例《绘制矩形》是由四个图层来完成的，每一图层实现矩形每一边的延伸动画，先延伸过的边要用普通帧把完成的状态延续到动画结束帧。

五．实验报告

（1）写出本实验操作的具体步骤；

（2）针对制作形状补间动画时遇到的问题进行分析。

六．思考题

（1）位图能产生形变动画吗？分析所遇到问题的原因 （2）如何才能精确地控制形状补间动画的变形？

实验八、Flash运动动画

一、实验目的

理解运动动画的特点，掌握创建运动动画的方法及步骤

二、实验内容

（1）创建小球运动的动画；

（2）练习用属性面板所实现的运动效果； （3）小球沿环形路径运动的引导动画。

三、预备知识

在一个关键帧上创建一个元件，然后在另一个关键帧改变这个元件的位置、大小、颜色、透明度等，在始终两关键帧之间用属性面板或快捷命令就能选择创建运动动画。运动动画建立之后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的实线箭头。

构成运动动画的元素是元件，包括图形元件、影片剪辑等，形状只有在转换成“元件”后才可以做“运动动画”。

除了对象的运动层外，路径引导动画还要创建一个绘有运动路径的运动引导层。路径引导层提供对象的运动路线，它与下面的动画层相关联。如果把运动对象比喻成一部车，路径就如同公路路线。动画输出后，路径引导层是不显示的。

四、实验步骤

（一）创建小球运动的动画 （1）设置影片文档属性

执行【文件】→【新建】命令新建一个影片文档，在【属性】面板上设置文件大小为“550×400像素”，背景色为“白色”。 （2）创建小球元件

执行【插入】→【新建元件】命令，新建一个图形元件，名称为“小球”。这时进入元件编辑界面，选择第1帧，运用工具箱中的椭圆工具绘制一个放射渐变填充的小球。

（3）创建小球运动的效果

单击时间轴左端的“场景1” 按钮（或右端的“编辑场景”按钮下的“场景1”），回到主场景中。

將元件库里名为“小球”的元件拖到舞台的左侧，选中第50帧，按F6键，添加一个关键帧，用“箭头工具”把小球拖放到舞台的右侧。

用鼠标右键单击第1帧，选择快捷命令“创建补间动画”。 （4）测试动画

执行【控制】→【测试影片】命令，观察动画效果，满意后执行【文件】→【保存】命令，将文件保存成“小球.fla”；如果要导出Flash的播放文件，执行【文件】→【导出】→【导出影片】命令，保存成“小球.swf”文件。

如果把小球替换为飞机，并在创建的背景图层中，导入一幅有山峰场景的图片，再创建白云元件，还可以实现白云飘过的效果。

（二）用属性面板所实现的运动效果

运动动画除了实现位置移动的动画外，还可以借助于任意变形工具来实现元件大小的变化，通过这一变化所反映出的透视关系能体现对象在纵深方向运动的效果。而如果对动画片中结束关键帧的图景进行整体放缩，再完成运动补间动画之后，则可以对应模拟影视的推、拉镜头效果。这不仅能够使已有的静态图片呈现动感，还可以凸显出作者对观众所关心焦点的把握，展现角色与其环境的关系。

而借助于属性面板，运动动画还能实现透明度的变化，动画中的淡入淡出及残影效果都是这样实现的；借助于属性面板，运动动画还能实现自由落体运动等的加（减）速运动效果和旋转动画。

（三）路径引导动画——做环形运动的小球 制作提示：

（1）绘制一小球图形并转换成图形元件； （2）实现小球的运动动画；

（3）添加运动引导层，绘制椭圆形运动路径，用橡皮工具将其断开一小缺口； （4）将起始及结束关键帧小球元件分别吸附于引导层中的运动路径的两端； （5）测试动画。

五、实验报告

（1）写出实验操作的具体步骤；

（2）分析制作过程中可能出现的错误，并分析出错的原因。

六、思考题

（1）运动动画制作过程中需要注意哪些问题？ （2）运动动画与形变动画的区别有哪些？

实验九、Flash遮罩动画

一、实验目的

（1）理解遮罩动画的原理与特点； （2）掌握创建遮罩动画的方法。

二、实验内容

（1）制作被遮罩的文字效果，并比较它与运动小球被文字遮罩效果的不同； （2）用遮罩动画制作放大镜效果。

三、预备知识

为了得到特殊的显示效果，可以在遮罩层上创建一个形状作为“视窗”，则遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不显示。

遮罩层是由普通图层转化而成的：在某个图层上单击右键，在快捷菜单中选择“遮罩层”命令，该图层就转化成了遮罩层，同时层的图标也对应地发生了变化，而遮罩层下面的一层将自动关联为被遮罩层。如果要关联更多层被遮罩，将这些层拖到“被遮罩”层下面即可。

遮罩层中的图形对象在播放时是不可见，遮罩层中对象的渐变颜色、 …… 此处隐藏：1620字，全部文档内容请下载后查看。喜欢就下载吧 ……