课程网页设计与制作第11章网页动画的制作.ppt

* 11.6 逐帧动画 　11.6.2 逐帧动画的制作方法 　创建逐帧动画的常见方法有以下几种： 　（1）用导入的静态图片建立逐帧动画。用jpg、png等各式的静态图片连续导入到Flash中，就会建立一段逐帧动画。 　（2）绘制矢量逐帧动画。用鼠标或压感笔在场景中一帧一帧地画出每帧的内容。 　（3）文字逐帧动画。用文字作为帧中的内容，实现文字跳跃、旋转等效果。 　（4）指令逐帧动画。在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 　（5）导入序列图像。可以导入gif序列图像、swf动画文件或者利用第三方软件（Swish、Swift、3D等）产生动画系列。 * 11.6 逐帧动画 11.6.3 倒数数字逐帧动画实例 操作步骤： （1）执行“文件”→“新建”命令，弹出“新建文档”对话框，新建一个“Flash文档”，单击“确定”按钮。 （2）单击时间轴上的图层1的第1帧，使用文字输入工具在绘图区域输入数字9，如图11-116所示，将数字颜色设置为红色，大小设置为200，如图11-117所示。 　　　　　　 　　　　　　　图11-116 输入数字9 * 11.6 逐帧动画 图11-117 设置文本 （3）这时可以看到，在时间轴上的第1帧变成一个黑色的小圆点，这说明已经有对象加入第1帧。在第2帧的位置右击，选择“插入关键帧”命令，在第2帧的位置插入关键帧，这时可以看到，第2帧也变成了一个黑色的小圆点，这说明：在插入关键帧的同时将第1帧的对象也复制到了第2帧上。继续添加其余的关键帧，如图11-118所示。 　　　　　　图11-118 添加第2帧到第9帧 * 11.6 逐帧动画 （4）使用“文本工具”，选择第2帧，双击鼠标左键，选中文字，将9改为8，并将颜色设置为粉红色，如图11-119所示。 　　　　　　　　　图11-119 修改文本 （5）以同样的方式依次将其余各关键帧的内容修改为11、6、5、4、3、2、1、0。颜色依次为蓝色、绿色、黄色、橙色、黑色、紫色、淡蓝色、黑绿色。 （6）单击Enter键，播放动画，可以看到数字的倒数功能出现了，这时执行“控制”→“测试影片”命令，查看动画的执行情况。执行“文件”→“导出”→“导出影片”命令，在弹出的“导出影片”对话框中将动画保存为“倒数文字.fla”。 * 11.7 创建形状补间动画 1．形状补间动画的概念 　在一个关键帧中绘制一个形状，然后在另一个关键帧中改变形状或绘制另一个形状，Flash根据二者之间的形状来创建的动画被称为“形状补间动画”。 2．构成形状补间动画的元素 　形状补间动画可以实现两个图形之间颜色、形状、大小和位置的相互变化，其变形的灵活性介于逐帧动画和动画补间动画两者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮或文字，则必须先“分离”，才能创建变形动画。 * 11.7 创建形状补间动画 3.形状补间动画在时间轴面板上的表现 　形状补间动画建好后，时间帧面板上的背景色变为淡绿色，在起始帧和结束帧之间有一个箭头，如图11-120所示。 　　 图11-120 形状补间动画在时间轴面板上的表示标记 4．创建形状补间动画的方法 　在动画开始播放的地方创建或选择一个关键帧，并设置要开始变化的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在“属性”面板上单击“补间”旁边的下拉按钮，在弹出的菜单中选择“形状”，此时，时间轴上的变化如图11-120所示，一个形状补间动画就创建好了。 * 11.7 创建形状补间动画 5．形状补间动画的属性面板 　Flash的“属性”面板随鼠标选定的对象不同而发生相应的变化，当建立了一个形状补间动画后，单击帧，属性面板如图11-121所示。 　　　　　图11-121 形状补间动画的属性面板 * 11.7 创建形状补间动画 6．形状提示的使用 （1）形状提示的作用。在“起始形状”和“结束形状”中添加相应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。 （2）添加形状提示的方法。单击形状补间动画的开始帧，执行“修改”→“形状”→““添加形状提示”命令，该帧在形状上就会增加一个带字母的红色圆圈。相应地，在结束帧形状中也会出现一个“提示圆圈”。用鼠标左键单击并分别按住两个“提示圆圈”，放置在适当的位置，拖放成功后开始帧上的“提示圆圈”变成黄色，结束帧上的“提示圆圈”变为绿色，拖放不成功或不在一条曲线上的时候，“提示圆圈”颜色不变，如图11-122所示。 　　　　图11-122 添加形状提示后各帧的变化效果 * 11.7 创建形状补间动画 7．形状渐变动画实