网页制作技术教程 第5章 Flash 动画设计.pptVIP

① 掌握Flash 的基本操作 ② 掌握Flash 基础绘图 ③ 熟练掌握元件和实例创建和编辑方法 ④ 熟练掌握简单动画的创建方法 ⑤ 掌握交互动画的创建方法 目 录 第一讲 Flash 概述与基础绘图 第二讲 Flash简单动画制作 第三讲 Flash交互动画制作 第一讲 Flash 概述与基础绘图 [教学内容] 5.1.1 Flash 8简介 5.1.2 开始页 5.1.3 Flash 8的工作窗口 5.2.1 基础绘图 5.2.2 时间轴 5.2.3 元件与库 5.2.4 创建文本与导入素材 [教学重点和难点] 线条与图形的绘制与属性设置、时间轴的操作、元件的创建与实例化、文本的创建、导入素材 5.1 Flash概述 5.1.1 Flash 8简介 5.1.2 开始页 5.1.3 Flash 8的工作窗口 【任务5-1-1】新建文档与舞台属性的设置 【操作要求】 在D:\root\unit5文件夹中新建文件夹，名称为y5-01。新建一个帧频为20fps，影片大小为400像素×300像素，背景色为黄色（＃FFFF00）的影片源文件，以y5-01.fla为文件名保存到D:\root\unit5\y5-01\文件夹下。 5.2 Flash的基本操作 5.2.1 基础绘图 5.2.2 时间轴 5.2.3 元件与库 5.2.4 创建文本与导入素材 5.2.5 动作补间动画 5.2.6 形状补间动画 5.2.7 路径动画 5.2.1 基础绘图 Flash除了具备优秀的动画处理功能外，它还具备出色的矢量绘图功能。 【任务5-1-2】绘制线条 【操作要求】 在D:\root\unit5\y5-01\文件夹下的y5-01.fla文件的舞台工作区中绘制一条直线，一条曲线。直线要求水平，长度为175像素、笔触颜色为黑色（＃000000）、笔触样式为“极细”；曲线为上弦弧线，线粗为2个像素。 5.2.1 基础绘图 【任务5-1-3】绘制基本图形 【操作要求】 在D:\root\unit5\y5-01\文件夹下y5-01.fla文件的舞台工作区中添加如图5-2-9所示图形，并以原文件名进行保存。 5.2.2 时间轴 时间轴又称时间线，用来贯穿和组织每个影片内容，而使之成为一个完整流畅的动画。与电影中的胶片一样，Flash影片播放的基本单位叫做帧。一帧就是一幅画面，一帧帧画面按一定的速率播放，就形成动画。影片中的图层就像很多层叠在一起包含图像的透明玻璃一样，每个图层都包含一个或多个显示在舞台中的不同图像，而一部复杂的Flash影片可以包含各种功能不同的图层。时间轴的具体工作就是将这些层和层中的帧进行有机的组合，进而控制影片的正常播放。 帧频在Flash动画中用来衡量动画播放的速度，通常以每秒播放的帧数为单位（fps，帧/秒）。Flash8的默认帧率是12帧/秒。 【任务5-2-1】图层操作 【操作要求】 在D:\root\unit5文件夹中新建文件夹，名称为y5-02。新建一个帧频为20fps，影片大小为400像素×300像素，背景色为白色（＃FFFFFF）的影片源文件，在时间轴中添加3个图层，从上到下分别命名为“按钮”、“小球”、“背景”，并将“背景”层进行锁定，“小球”层进行隐藏，以y5-02.fla为文件名保存到D:\root\unit5\y5-02\文件夹下。 5.2.3 元件与库 使用F?lash制作动画影片的一般流程是先制作动画中所需的各种元件，然后在场景中引用元件实例，并对实例化的元件进行适当的组织和编排，最终完成影片的制作。 库用于存放元件，从外部导入的各种资源。合理地使用元件和库可以提高影片的制作效率。 元件有三种，影片剪辑元件、图形元件、按钮元件。图形元件通常用来制作电影中的静态图形，也可制作动画，不具有交互性。影片剪辑元件用来制作独立于主时间轴的动画，具有交互性；影片剪辑实例在主时间轴只需一个关键帧就可以播放动画，而图形实例在主时间轴需要足够的帧才可以播放动画。按钮元件可以制作在影片中需要的按钮，按钮实例可以分配事件和触发动作。 【任务5-2-2】 制作元件 【操作要求】 在D:\root\unit5\y5-02\文件夹下的y5-02.fla文件的舞台工作区中创建一个球形按钮和一个球状图形元件实例。按钮的“弹起”状态要求设置白色到墨绿色到淡绿色的放射状填充，在按钮的“指针经过”状态给球添加颜色为（＃FFFF00）、笔触样式为“极细”的轮廓线，在按钮的“按下”状态给球添加颜色为（＃FF0000）、笔触样式为“极细”的轮廓线。球状图形元件要求设置白色到橙色到淡黄色的放射状填充。 5.2.4 创建文本与导入素材 文字也是影片中很重要的组成部分，一个完