网页设计实用技术 教学课件 陈建国 第8章.pdfVIP

第八章 Flash CS5动画制作  制作：李勤 乐山师范学院课件 第八章 Flash CS5动画制作   8.1 逐帧动画   8.2 形状补间动画   8.3 传统补间动画   8.4 补间动画   8.5 骨骼动画   8.6 遮罩动画   8.7 沿路径运动的传统补间动画   8.8  制作交互式动画  乐山师范学院课件  8.1 逐帧动画   8.1.1  逐帧动画的创建   8.1.2  绘图纸   8.1.3  实例—— 满天星  乐山师范学院课件 8.1.1  逐帧动画的创建  用导入的静态图片建立逐帧动画：用jpg 、png等格式 的静态图片连续导入到Flash 中，就会建立一段逐帧动 画。 绘制矢量逐帧动画：用鼠标或压感笔在场景中一帧帧 的画出帧内容。 文字逐帧动画：用文字作帧中的元件，实现文字跳跃 、旋转等特效。 指令逐帧动画：在时间帧面板上，逐帧写入动作脚本 语句来完成元件的变化。 导入序列图像：可以导入gif序列图像、swf动画文件 产生的动画序列。 乐山师范学院课件  8.1.2  绘图纸  【绘图纸】是一个帮助定位和编辑动画的辅助功能， 这个功能对制作逐帧动画特别有用。通常情况下， Flash在舞台中一次只能显示动画序列的单个帧。使 用绘画纸功能后，你就可以在舞台中一次查看两个 。 或多个帧了   乐山师范学院课件  8.1.3  实例—— 满天星 乐山师范学院课件  8.2 形状补间动画   8.2.1  形状补间动画的概念   8.2.2  构成形状补间动画的元素   8.2.3  形状补间动画在时间轴面板上的表现   8.2.4  创建形状补间动画的方法   8.2.5  形状补间动画的属性设置   8.2.6  实例—— 变脸  乐山师范学院课件 8.2.1  形状补间动画的概念  在Flash的时间帧面板上，在一个时间点（关键帧）绘制 一个形状，然后在另一个时间点（关键帧）更改该形状 或绘制另一个形状，Flash 根据二者之间的帧的值或形状 来创建的动画被称为“形状补间动画” 。  乐山师范学院课件 8.2.2  构成形状补间动画的元素  形状补间动画可以实现两个图形之间颜色、形状、大小、 位置的相互变化，其变形的灵活性介于逐帧动画和动作 补间动画二者之间，使用的元素多为用鼠标或压感笔绘 制出的形状，如果使用图形元件、按钮、文字，则必先 执行【修改】| 【分离】命令或使用快捷键Ctrl+B将其“打 散”再变形。  乐山师范学院课件  8.2.3  形状补间动画在时间轴面板上的表现  乐山师范学院课件 8.2.4  创建形状补间动画的方法  在时间轴面板上动画开始播放的地方创建或选择一个关 键帧并设置要开始变形的形状，一般一帧中最好放置一 个对象，在动画结束处创建或选择一个关键帧并设置要 变成的形状，再右击开始帧，在弹出的快捷菜单中选择 “创建补间形状” ，此时，时间轴上的变化如图8‐10所示， 一个形状补间动画就创建完毕。  乐山师