FLASHCS5--王栋--L7简单动画的制作.ppt

第七讲 简单动画的制作; 从现在起，我们将逐渐给大家介绍Flash中的五种常见的动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导层动画。 第一节 逐帧动画 第二节 形状补间动画 第三节 动作补间动画 第四节 遮罩动画 第五节 引导层动画 ;7.1 逐帧动画;7.1.1 逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧地画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 判断 逐帧动画在时间帧上表现为连续出现的关键帧，如图所示。;7.1.2 创建逐帧动画的几种方法 （1）用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入到Flash中，就会建立一段逐帧动画。 （2）绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧帧的画出帧内容。 （3）文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 （4）指令逐帧动画 在时间帧面板上，逐帧写入动作脚本语句来完成元件的变化。 （5）导入序列图像 可以导入gif序列图像、swf动画文件或者利用第3方软件（如swish、swift 3D等）产生的动画序列。;7.1.3 动画编辑----绘图纸功能 1.绘图纸的功能 ???绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘画纸功能后，你就可以在舞台中一次查看两个或多个帧了。 如图所示，这是使用绘画纸功能后的场景，可以看出，当前帧中内容用全彩色显示，其它帧内容以 半透明显示，它使我们看起来好像 所有帧内容是画在一张半透明的绘 图纸上，这些内容相互层叠在一起。 当然，这时你只能编辑当前帧的内 容。;2、绘图纸各个按钮的介绍 【绘图纸外观】按钮：按下此按钮后，在时间帧的上方，出现绘图纸外观标记。拉动外观标记的两端，可以扩大或缩小显示范围。 【绘图纸外观轮廓】按钮：按下此按钮后，场景中显示各帧内容的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。 【编辑多个帧】按钮：按下后可以显示全部帧内容??并且可以进行“多帧同时编辑”。 ;【修改绘图纸标记】按钮：按下后，弹出菜单，菜单中有以下选项： 【总是显示标记】选项； 【锚定绘图纸】选项； 【绘图纸 2】选项；会在当前帧的两边显示两个帧。 【绘图纸 5】选项；会在当前帧的两边显示五个帧。 【绘制全部】选项；会在当前帧的两边显示全部帧。;7.1.4 逐帧动画练习;【练习2】倒计时效果 步骤1：新建flash文件 改舞台宽度为450像素，1 fps； 步骤2：创建背景图层 “文件|导入|导入到舞台”命令打开“导入”对话框，选择并导入“显示器.jpg”，用选择工具调整到合适的位置； 选择“图层1”的第5帧，“插入帧”； 步骤3：创建数字图层的第1帧 新建“图层2”，选择第1帧，选用文本工具并设置大小为150点，颜色为“#0098FF”，在舞台中输入数字“5”； 用选择工具调整“5”到合适的位置，在“属性”面板中打开“滤镜”项，“添加滤镜|渐变发光”，在“添加滤镜|投影”并改滤镜的颜色为“#00FFFF” 。;【练习2】倒计时效果（续） 步骤4：创建数字图层的第2-5帧 选择“图层2”的第2帧，“插入关键帧”，用选择工具双击舞台上的数字“5”进入编辑状态后，改为“4”； 选择“图层2”的第3帧，“插入关键帧”，用选择工具双击舞台上的数字“4”进入编辑状态后，改为“3”； 选择“图层2”的第4帧，“插入关键帧”，用选择工具双击舞台上的数字“3”进入编辑状态后，改为“2”； 选择“图层2”的第5帧，“插入关键帧”，用选择工具双击舞台上的数字“2”进入编辑状态后，改为“1”； 步骤5：按Ctrl+Enter键测试影片。 ;【练习3】打字效果 步骤1：新建flash文件； 步骤2：创建背景图层 “文件|导入|导入到舞台”命令打开“导入”对话框，选择并导入“打字效果背景.jpg”，修改“图层1”的名称为“背景”； 选择“背景”图层的第28帧，“插入帧”； 步骤3：创建光标图层及光标元件 新建一个图层并改名为“光标”； 用矩形工具（无边框，填充为白色）在舞台上绘制一个很细的矩形，作为光标； 用选择工具选中矩形，“转换为元件”，名称“光标”，类型“图形”； 删除舞台中的“光标”实例；;【练习3】打字效果（续） 步骤4：创建文字图层及各文字元件 新建一个图层并改名为“文字”； 选择文本工具（系列为“华文行楷”，大小为44，颜色为白色），在舞台上输入“向往蓝蓝的天空……”； 用选择工具选中文字，按Ctrl+B键打散成单独的文字块；