flash教程第一课---逐帧动画

1、 :Flash是美国的是美国的Macromedia公司于公司于1999年年6 月推出的优秀网页动画设计软件。它是一月推出的优秀网页动画设计软件。它是一 种交互式动画设计工具，用它可以将音乐，种交互式动画设计工具，用它可以将音乐， 声效，动画以及富有新意的界面融合在一声效，动画以及富有新意的界面融合在一 起，以制作出高品质的网页动态效果。起，以制作出高品质的网页动态效果。 :所谓动画，指诸多静止的连续性画面根据所谓动画，指诸多静止的连续性画面根据 时间发展连续播放而产生的视觉动感，即时间发展连续播放而产生的视觉动感，即 看起来画面在动。看起来画面在动。 J 什么是动画？ 也可以说，动画是一系列物

2、体组成的图像帧的动态变化也可以说，动画是一系列物体组成的图像帧的动态变化 过程，其中每帧图像是在前一帧图像基础上进行变化。过程，其中每帧图像是在前一帧图像基础上进行变化。 帧 最小单位的单幅影像画面 动画原理-帧 动画原理-帧 我是一朵小小花 关键帧 过渡帧 普通帧 动画原理-帧 的类型 第第8 8页页 关键帧：表示关键状态的帧 u实心 u人工编辑 动画原理-帧的类 型 第第9 9页页 过渡帧：在两个关键帧之间，电脑自动完成过渡 画面的帧。 动画原理-帧 的类型 第第1010页页 普通帧：延续和继承前一关键帧的内容 动画原理-帧 的类型 第第1111页页 动画类型 Flash基础动画 逐帧动画

3、 补间动画 形状补间 动作补间 Flash交互型动画 Flash动画 关键帧动 画 摇曳的烛光 动作补间 过山车 形状补间 图形变变变 动画文件的存储格式动画文件的存储格式 v 源文件：源文件：（可以查看代码并可修改）：（可以查看代码并可修改）：*.fla v GIFGIF格式格式 没有交互作用的普通二维动画。没有交互作用的普通二维动画。 v SWFSWF格式格式 制作完成后的动画类型作品，只能用制作完成后的动画类型作品，只能用FlashFlash播放器播放器 播放，不能编辑和修改，具有交互特征。播放，不能编辑和修改，具有交互特征。 Flash 8界面介绍 第第1717页页 v 场景就像舞台，

4、舞台由特定的大小、音响、灯光等条场景就像舞台，舞台由特定的大小、音响、灯光等条 件组成，同样，一幕场景需要固定的件组成，同样，一幕场景需要固定的分辨率分辨率、帧频帧频、 背景背景等。等。 v 在编辑在编辑FlashFlash动画之前应先在属性面板中设置好所需的动画之前应先在属性面板中设置好所需的 参数。参数。 Flash 8工作环境 第第1818页页 v 主要用于创建动画和控制动画的播放等操作。时间轴主要用于创建动画和控制动画的播放等操作。时间轴 的左侧是图层区，右侧是时间线控制区，由的左侧是图层区，右侧是时间线控制区，由播放指针播放指针、 帧帧、时间轴标尺时间轴标尺及及状态栏状态栏组成。组成

5、。 Flash 8工作环境 第第1919页页 v 帧帧：最小单位的单幅影像画面，最小单位的单幅影像画面， 相当于电影胶片上的每一格镜头。相当于电影胶片上的每一格镜头。 v 图层图层：一个图层，犹如一张透明：一个图层，犹如一张透明 的纸，上面可以绘制任何事物或书的纸，上面可以绘制任何事物或书 写任何文字，所有的图层叠合在一写任何文字，所有的图层叠合在一 起，就组成了一幅完整的画。起，就组成了一幅完整的画。 Flash 8工作环境 :绘图工具栏：绘图工具栏： &用于编辑图形和文本用于编辑图形和文本 的各种工具，可以绘图，的各种工具，可以绘图， 选取，喷涂，修改以及选取，喷涂，修改以及 编排文字；编

6、排文字； &在选择了某一工具时，在选择了某一工具时， 其所对应的修改器其所对应的修改器 (Modifier)也会在工具也会在工具 条下面的位置出现，修条下面的位置出现，修 改器的作用是改变相应改器的作用是改变相应 工具对图形处理的效果。工具对图形处理的效果。 1.基础图形（方形、圆形等） 闭合图形闭合图形构成构成： 轮廓线轮廓线 填充填充 闭合图形闭合图形绘制步骤绘制步骤： 1.1.选中适合的绘图工具选中适合的绘图工具 基础图形的绘制工具（方形、圆形等）基础图形的绘制工具（方形、圆形等） 复杂图形的绘制工具复杂图形的绘制工具 （钢笔工具）、（钢笔工具）、 （铅笔工具）（铅笔工具） 2.2.修改

7、图形的轮廓修改图形的轮廓 选择工具：选中对象、变形（鼠标后跟随弧形）选择工具：选中对象、变形（鼠标后跟随弧形） 部分选择工具：通过节点的调整变形部分选择工具：通过节点的调整变形 任意变形工具：通过节点任意变形任意变形工具：通过节点任意变形 3.3.轮廓、填充属性的设置轮廓、填充属性的设置 窗口窗口颜色颜色 3.3.轮廓、填充属性的设置轮廓、填充属性的设置 轮廓：线条的轮廓：线条的颜色、粗细、样式颜色、粗细、样式等等 填充：填充：颜色、模式颜色、模式 4. 4. 填充效果的改变填充效果的改变 填充变形工具填充变形工具 5. 5. 轮廓或填充的删除轮廓或填充的删除 方法方法1 1：选中后，：选中后

8、，DeleteDelete删除删除 方法方法2 2：绘制设置为：绘制设置为 或或 :原理原理：每个关键帧一个不同的画面，由于画面之间的：每个关键帧一个不同的画面，由于画面之间的 间隔很短（间隔很短（flash中默认的播放速度是中默认的播放速度是12帧帧/秒），因此秒），因此 给人动的感觉。给人动的感觉。 :步骤：步骤： &在第一个关键帧（第一帧为默认的关键帧）做好需在第一个关键帧（第一帧为默认的关键帧）做好需 要的画面要的画面 &在后面的帧中选定一帧点击右键在后面的帧中选定一帧点击右键插入关键帧插入关键帧 （或空白关键帧，插入关键帧则继承前面画面的内（或空白关键帧，插入关键帧则继承前面画面的内

9、 容，可只做修改。插入空白关键帧则本画面需要重容，可只做修改。插入空白关键帧则本画面需要重 新做，两者视具体情况定）新做，两者视具体情况定） &重复第二步重复第二步 二、二、 关键帧动画实例关键帧动画实例霓虹灯霓虹灯 :所用工具：所用工具：文字工具文字工具，椭圆工具椭圆工具,黑色箭头工具黑色箭头工具 :文字工具：文字工具： 点击点击 按钮按钮 进入文字编辑状态，在空白区单击，可无宽度进入文字编辑状态，在空白区单击，可无宽度 限制的输入文字。限制的输入文字。 设置文本的属性设置文本的属性 可通过文本菜单或文本属性面板设置字体、字型、颜色等文可通过文本菜单或文本属性面板设置字体、字型、颜色等文 字

10、属性。字属性。 :椭圆绘图工具：椭圆绘图工具： :作用：画圆作用：画圆/椭圆。椭圆。 &按住按住SHIFT键时，用椭圆工具可以画出正圆。键时，用椭圆工具可以画出正圆。 :操作方法：操作方法： &选取椭圆工具，在工作区中按下左键拖动即可得到一个有填选取椭圆工具，在工作区中按下左键拖动即可得到一个有填 充色的椭圆。充色的椭圆。 &画出的椭圆通常既有填充色，又有边线色，可将边框与填充画出的椭圆通常既有填充色，又有边线色，可将边框与填充 部分分离；部分分离； 1. 选中边框线或填充色后，通过相应的调色板可重新填色或改选中边框线或填充色后，通过相应的调色板可重新填色或改 变边框的颜色。变边框的颜色。 :

11、说明：说明： &在画椭圆之前，一般应先设置好线型、颜在画椭圆之前，一般应先设置好线型、颜 色和填充色，如果不满意，也可事后重新设色和填充色，如果不满意，也可事后重新设 置。置。 1.在选择了椭圆、矩形、钢笔等工具后，线条在选择了椭圆、矩形、钢笔等工具后，线条 和填充物的颜色面板右上角会出现和填充物的颜色面板右上角会出现 按钮，按钮， 如果先单击线条颜色面板，再单击如果先单击线条颜色面板，再单击 按钮，按钮， 会使绘出的图形没有边线。对填充物颜色也会使绘出的图形没有边线。对填充物颜色也 类似。类似。 & 各选项的含义与相应各选项的含义与相应 的填充色面板如下：的填充色面板如下： (1)无无 ：无

12、色。：无色。 (2) 纯色：固定颜色。纯色：固定颜色。 (3) 线性：颜色线性变线性：颜色线性变 化。化。 (4) 放射状：颜色从中放射状：颜色从中 心向四周放射性心向四周放射性 变化。变化。 (5) 位图：表示填充的位图：表示填充的 是图像是图像 :填充变形按钮填充变形按钮 可以编辑渐变颜色或可以编辑渐变颜色或 位图图像填充，只对渐进色和位图填充有位图图像填充，只对渐进色和位图填充有 效，可以对所填颜色的范围，方向等进行效，可以对所填颜色的范围，方向等进行 修改以获得特殊的效果。修改以获得特殊的效果。 二、二、 关键帧动画实例关键帧动画实例霓虹灯霓虹灯 :主要步骤：主要步骤： &1.新建文件

13、，修改新建文件，修改属性，将尺寸改为属性，将尺寸改为400*200 &2.双击图层双击图层1，改名为，改名为“文字文字”。选中文字工具，输入文字。选中文字工具，输入文字 “动画制作动画制作”，修改文字属性，调整文字大小、颜色、字体，修改文字属性，调整文字大小、颜色、字体 等。（等。（此帧是第一帧，是系统默认的关键帧此帧是第一帧，是系统默认的关键帧，颜色为紫色），颜色为紫色） &3.单击第单击第4帧，点击右键，在弹出的菜单中选中帧，点击右键，在弹出的菜单中选中“插入关键帧插入关键帧” （或（或F6键）键），改变文字的颜色为绿色，改变文字的颜色为绿色 &4.单击第单击第8帧，点击右键，在弹出的菜单中选中帧，点击右键，在弹出的菜单中选中“插入关键帧插入关键帧” （或（或F6键）键），改变文字的颜色为黄色。依次在，改变文字的颜色为黄色。依次在12，16，20插插 入关键帧，并改变文字的颜色。入关键帧，并改变文字的颜色。 &5.文字层做好后锁上。单击添加图层按钮，添加一个图层，文字层做好后锁上。单击添加图层按钮，添加一个图层， 并改名为并改名为“灯灯”。 &6.选中选中“灯灯”层的第一帧，选择椭圆工具，绘制椭圆，复制层的第一帧，选择椭圆工具，绘制椭圆，复制n 个椭圆，并排列好。此帧所有的椭圆都是红色。个椭圆，并排