元件及渐变动画

1、元件及渐变动画元件及渐变动画 回顾上节课的内容：回顾上节课的内容： o 什么叫做逐帧动画？什么叫做逐帧动画？ 在动画中，我们需要将它的每个动作创建在动画中，我们需要将它的每个动作创建 一个画面，当这些画面以一定的速度显示时一个画面，当这些画面以一定的速度显示时 就可形成动画；这种方式通常称为逐帧动画。就可形成动画；这种方式通常称为逐帧动画。 o 逐帧动画的优点是变化复杂，可以制作出任逐帧动画的优点是变化复杂，可以制作出任 何效果，但制作过程比较繁琐，生成的动画何效果，但制作过程比较繁琐，生成的动画 比较大，并没有体现比较大，并没有体现Flash的的真正实力的的真正实力 。 o 为什么为什么Fl

2、ash还能博得众人青睐呢？还能博得众人青睐呢？ 那是因为渐变动画。那是因为渐变动画。 o Flash制作的动画文件通常称为“影片”。 影片中的演员就是在舞台上表演的对象，在 Flash中这些表演的对象需要设计“元件”， 元件是Flash中的基本元素。 在目前要完成的影片中，舞台上参加表 演的有道路、人行横道、蓝天、飘动的云等 对象，这些对象中有静止的，有动态的。 o 元件： 也称为符号或组件。它是动画中可以重复作 用的图形、按钮、影片剪辑。合理使用元件 可以缩短动画制作的时间，减少文件的数据 量，提高工作效率。 1.设计“背景” 绘制“天空、道路” o 执行“插入”“新建元件”命令，在如图 所

3、示的“创建新元件”对话框的“名称”输 入框中输入“背景”，并在“行为”中选中 “图形”选项后确定。 o 选择线条工具、矩形工具等工具在舞台上完 成马路、人行横道、蓝天的设计。 2.绘制静止在天空中的两朵云 o执行“插入” “新建元件”命令，命名为“云 1”，类型设为“图形”；然后选择工具栏中的适 当工具在舞台上画出云朵，例如使用铅笔工具和 填充颜色。 提示：为绘制方便建议将舞台背景色设置为黑色。 （从属性那儿就可以设置了） o同样，再次执行“插入”“新建元件”命令，命 名为“云2”，类型设为“图形”；不必重新绘图， 打开库面板，用鼠标将其中刚刚创建的元件“云1” 拖到舞台上，再利用工具箱中的“

4、任意变形工 具”，适当改变云朵的大小和形状。 3.设计“云”的动作 o 根据我们生活中的经验，天空中的云通常是 随风飘动的，或者它的形状是变化多样的。 难道我们需要将云的所有位置和形状都绘制 出来吗？ （1）应用运动渐变来设计云的飘移。 1执行“插入”“新建元件”命令，命名 为“飘动的云”，类型设为“影片剪辑”。 2.打开库面板，用鼠标将库中的元件“云1” 拖动到舞台左侧，此时时间轴面板中图层1 的第1帧自动成为关键帧。 3选中时间轴的第50帧，插入关键帧：执行 “插入”“时间轴”“关键帧”命令。 4在对应第50帧的舞台上将“云1”的位置移至 舞台右侧。 5再次选定第1帧，在属性面板中将补间设

5、为 “动作”，动画建立后时间轴帧面板的背景 变为淡蓝色，在起始帧和结束帧之间有一个 长长的箭头。 (2)应用形状渐变动画设计云的变形。 o 1按Ctrl+F8键新建元件，命名为“变形的 云”，类型设为“影片剪辑”。 o 2打开库面板，用鼠标将其中的元件“云2” 拖到舞台左侧。 o 3选中舞台上的元件“云2”，执行“修 改”“分离”命令将对象打散。 o 4选中时间轴的第30帧，按F6插入关键帧。 o 5利用工具箱的“任意变形工具”，在第30 帧的舞台上将“云2”的形状加以改变。 o 6然后用鼠标选定第1帧，在属性面板中将补 间接设为“形状”，动画建立后时间轴面板 的背景变为淡绿色，在起始帧和结束

6、帧之间 有一个长长的箭头。 资料：资料： 渐变动画： o 运用渐变动画轻易就能制作出具有移动、缩 放、旋转、形状渐变、色彩渐变效果的动画， 还能控制动画行进的速度，看是要变慢或变 快，都随您的意思。 o 分类：动作渐变动画 形状渐变动画 4.将设计好的元件组合生成完整的动画 n 回到场景：单击时间轴上方的“场景”。 n 打开库面板，用鼠标将其中的元件“背 景”拖到场景舞台中心。 n 将元件“云1”拖到舞台左侧，执行“控 制”“播放”命令和执行“控 制”“测试场景”命令，观察动画效果。 n 将元件“飘过的云”和“变形的云”从 库中拖到舞台，再次执行“控制”“播 放”命令和执行“控制”“测试场景”

7、 命令，观察动画效果。 5.以“过马路.fla”为名保存文件 渐变动画：渐变动画： o 优点：渐变动画是采用了一种独特的过渡变优点：渐变动画是采用了一种独特的过渡变 形技术，在动画制作时只需要做出第一帧与形技术，在动画制作时只需要做出第一帧与 最后一帧的内容，中间帧的动画过程最后一帧的内容，中间帧的动画过程flash 会自动为您完成。会自动为您完成。 作业：作业：做一个文字运动的移动渐变动画做一个文字运动的移动渐变动画 o （）设置背景；（）设置背景； o （）编辑第一个关键帧；（）编辑第一个关键帧； o （）编辑最后一个关键帧；（）编辑最后一个关键帧； o （）设置移动渐变过渡。（）设置移动渐变过渡。 设置渐变过渡：设置渐变过渡： 制作移动渐变动画的三个必要条件制作移动渐变动画的三个必要条件 o 至少存在两个关键帧；至少存在两个关键帧； o 在关键帧中包含必要的实体、组合体、文字在关键帧中包含必要的实体、组合体、文字 等；等； o 设定移动渐变的动画过渡。设定移动渐变的动画过渡。