《复杂动画的制作》ppt课件

《《复杂动画的制作》ppt课件》由会员分享，可在线阅读，更多相关《《复杂动画的制作》ppt课件（150页珍藏版）》请在金锄头文库上搜索。

1、第4章 复杂动画的制作 教学目标 预备知识 课堂讲解 教学目标 u理解元件、库和图层的概念 u理解元件和图层的类型 u掌握元件的创建、元件的转换、元件的调用 和图库的使用方法 u掌握图层的编辑方法、以及引导图层、遮罩 图层的创建和使用方法 返回 预备知识 基本概念： 元件是Flash 动画中可以反复取出来使用的 小部件，它分为三类：影片剪辑元件、按钮 元件、图形元件。在动画中使用元件可以简 化动画的制作过程，减小动画文件的体积。 库是Flash 动画设计中的一个重要设计工具 ，每个Flash 文件都对应一个库，它用来存 放元件、文本、声音、位图、视频文件等。 图层是Flash 中创建复杂动画的

2、基础。 图层就象一些互相重叠在一起的透明胶 片，在不同的图层上可以放不同的对象， 每一个图层都是独立的，在修改当前图层 时，不会影响到其他图层上的内容。当上 一图层的某一区域没有内容时，可以透过 该图层的这个区域看到下一图层中相同位 置的内容。 返回 课堂讲解 4.1 库和元件 4.2 图层 4.3 遮罩图层及其应用 4.4 引导层及其应用 返回 4.1 库和元件 l基本知识 l案例4.1 制作万道光线 l案例4.2 制作星星 l案例4.3 制作简单文字按钮 返回 基本知识 v元件可以反复使用，在制作动画中使用元件可以大大减小文件的 体积和加快动画的播放速度。图库就象仓库一样存放了编辑动画 的

3、各种元件，这些元件可以随时调出使用。在制作动画时将元件 从图库中拖放到舞台工作区（即：场景）中，就生成了该元件的 一个实例。元件只是一种标志，真正在舞台工作区中表演的是元 件的实例，元件仍在图库中。 v图形元件是可以反复使用的图形，它可以是只有一帧的静止图片 ，也可以制作成由多个帧组成的对象，在图形元件中不能添加交 互行为和声音控制。 v影片剪辑元件用来制作独立于当前场景时间轴的动画，它是主动 画的一个组成部分，当播放主动画时，影片剪辑元件也在循环播 放。 v按钮元件用于创建动画的交互控制按扭，它包含4个不同状态的 帧即：“弹起”（按钮的正常状态）、“指针经过”（将鼠标移到按钮 上）、“按下”

4、（用鼠标按下按钮）、“点击”（响应按钮事件的区域 范围，只有当鼠标进入到这一区域时，按钮才开始响应鼠标的动 作） 返回 案例4.1 制作万道光线 l练习目的 l练习要求 l操作步骤 l案例小结 返回 练习目的 1. 了解图形元件的制作 2. 掌握图形元件的制作方法，颜料桶工具的运用和“变 形”面板的使用 返回 练习要求 1新建Flash文档，保存在D:LX下，文件名为Fa4-1.fla。 2设置背景颜色为黑色（#000000），文件大小为 550400像素，帧频为12fps。 3新建一个图形元件，取名为“光线”。 4制作有彩虹渐变的三角形 5旋转并复制三角形，得到如图4-1所示的图形元件。 返

5、回 图4-1 万道光线 返回 操作步骤 v第一步：新建图形元件 v第二步：制作图形元件 返回 第一步：新建图形元件 （1）启动Flash，文件另存为D:LX中，文 件名为Fa4-1.fla。 （2）设置背景颜色为黑色（#000000）， 文件大小为550400像素，帧频为12fps 。 （3）选择【插入】【新建元件】菜单命 令，弹出如图4-2所示的对话框。在该对 话框中设置名称：光线。行为：图形，单 击“确定”按钮，插入一个图形元件。 返回 图4-2 创建元件 返回 第二步：制作图形元件 (1)单击工具栏中的线条工具按钮，在元件编辑区中绘制一个 如图4-3所示的三角形。 (2)选择工具栏中的颜

6、料桶工具按钮，将填充色设置为彩虹色 的线性渐变，在元件编辑区中便可得到一个具有彩虹渐变 的三角形，如图4-4所示。 (3)单击工具栏中的选择工具按钮，选中三角形的边，按【 Delete】键删除三角形的边。 (4)选中三角形，单击工具栏中的任意变形工具按钮，将三角 形旋转一定的角度，并将三角形的旋转中心移到元件编辑 中心，如图4-5所示。 (5)单击【窗口】【设计面板】【变形】菜单命令，或按 【Ctrl+T】组合键打开“变形”面板，在其中选中单选项，在 其后的文本框中输入10度，如图4-6所示 (6)在“变形”面板中单击按钮，旋转并复制三角形，如图4-7所 示。 (7)重复步骤6，直到得到完整的

7、万道光线。 (8)保存文件，退出Flash。 返回 图4-3 绘制光线元件 返回 图4-4 绘制光线元件 返回 图4-5 填充光线元件 返回 图4-6 变形对话框 返回 图4-7 复制光线 返回 案例小结 1创建元件的几种方法 （1）选择【插入】【新建元件】菜单命令，新建一个 空白元件。 （2）将已经有的动画通过选择【文件】【导入到库】 菜单命令转换成元件。 （3）选择【修改】【转换为元件】菜单命令或按【F8 】键，将舞台工作区中的对象转换成元件。 （4）在元件库中复制元件。 2打开库的方法 选择【窗口】【库】菜单命令，或按【F11】键 或按【Ctrl+L】组合键。 3元件的引用 元件创建好后

8、就可以将它拖动到舞台工作区的任 意位置或其他元件中使用。 返回 案例4.2 制作星星 v练习目的 v练习要求 v操作步骤 v案例小结 返回 练习目的 1. 了解并掌握影片剪辑元件的制作方法 2. 熟练运用绘图工具绘制图形 3. 熟练使用“混色器”面板和“对齐”面板对图形进行编 辑。 返回 练习要求 1启动Flash文档，保存文件到D:LX中，文件名为Fa4- 2.fla。 2设置背景颜色为黑色（#000000），文件大小为 550400像素，帧频为12fps。 3新建一个影片剪辑元件，名为星星。 4制作一个有放射状渐变色的椭圆和两个填充为线性渐变 的相交椭圆。 5设计时间轴，制作动画，形成影片

9、剪辑元件，效果如图 4-8所示。 返回 返回 图4-8 闪烁的星星 操作步骤 第一步：新建文档 第二步：绘制星星图形 第三步：创建动画 第四步：预览、保存文件 返回 第一步：新建文档 （1）启动Flash，保存文件到D:LX，文件名为“Fa4-2”。 （2）设置背景颜色为黑色（#000000），文件大小为 550400像素，帧频为12fps。 返回 第二步：绘制星星图形 (1)选择【插入】【新建元件】菜单命令，在弹出的对话框中设置名 称：星星。行为：影片剪辑，如图4-9所示。单击确定，插入一个影 片剪辑元件。 (2)单击工具栏中的椭圆工具按钮，将椭圆的边界设置为无色，打开“混 色器”面板设置填

10、充样式为放射状渐变，颜色为白、黑，如图4-10所 示。 (3)使用椭圆工具在元件编辑区中绘制一个如图4-11所示的圆。 (4)单击工具栏中的椭圆工具按钮，将椭圆的边界设置为白色，填充样 式设置为无色，在元件编辑区绘制两个长条形的椭圆，如图4-12所 示。 (5)单击工具栏中的选择工具，选中两个长椭圆交叉的线段，按Del键删 除，如图4-13所示 (6)单击工具栏中的颜料桶工具按钮，打开“混色器”面板将填充样式设置 为线性状渐变，颜色为黑、白、黑，然后单击元件编辑区中的两个 长椭圆，将两个长椭圆的颜色填充为黑、白、黑的渐变色，如图4- 14，4-15所示。 (7)选中两个长条形椭圆，使用工具栏中

11、的任意变形工具按钮，改变椭 圆的大小和方向，如图4-16所示。 (8)移动两个长椭圆，使之和步骤（3）所画的圆重合，并单击工具栏中 的任意变形工具按钮，将图形缩小，如图4-17所示。 返回 图4-9创建元件 图4-10混色器面板 返回 图4-11 绘制圆 返回 图4-12 绘制长椭圆 返回 图4-13 删除椭圆内交叉线段 返回 图4-14 混色器面板 图 4-15 填充颜色 返回 图4-16 改变椭圆的大小和方向 返回 图4-17 星星图形 返回 第三步：创建动画 （1）选中整个图形，选择【窗口】【设计面板】【对齐】命 令，打开“对齐”面板，如图4-18所示。单击“水平中齐”和“垂直中 齐”，

12、使星星图形位于元件编辑区中心。 （2）选中第5帧，按【F6】键，在该层的第5帧处插入一个关键帧 。 （3）单击工具栏中的任意变形工具按钮，将图形缩小,如图4-19所 示。 （4）利用“对齐”面板，将缩小后的星星图形对齐元件编辑区中心。 （5）同样的方法，在第10帧、第15帧插入关键帧，改变图形的大 小，并使图形对齐元件编辑区中心。 （6）在时间轴上的第1帧到第5帧之间任意选中一帧，在属性面板中 将“补间”设置为“形状”。 （7）在时间轴上的第5帧到第10帧之间任意选中一帧，在属性面板 中将“补间”设置为“形状”。 （8）在时间轴上的第10帧到第15帧之间任意选中一帧，在属性面 板中将“补间”设

13、置为“形状”，如图4-20所示。 返回 图4-18 对齐面板 返回 图4-19 缩小后的星星 返回 图4-20 完成的时间轴 返回 第四步：预览、保存文件 （1）按【F11】键打开库窗口，选中刚才建立的“星星”元件， 在预览窗口中的右上角点击影片预览控制按钮中的三角形按 钮来播放预览“星星”影片剪辑。 （2）保存文件，退出Flash。 返回 案例小结 1打开“对齐”面板除了使用菜单命令外，也可 以通过【Ctrl+K】组合键来完成。 2测试影片剪辑元件和按钮元件中的动画效 果，只能按Enter键在元件编辑区中播放；或 通过在库窗口中的预览窗口中右上角的预览 控制按钮中的三角形按钮来播放预览元件动

14、 画效果。 返回 案例4.3 制作简单文字按钮 v练习目的 v练习要求 v操作步骤 返回 练习目的 l掌握按钮元件的制作方法， l了解按钮元件四个帧的含义和设置 返回 练习要求 1新建Flash文档，保存到D:LX下，文件名Fa4-1.fla。设置 背景颜色为浅蓝色（#0099FF），文件大小为550400像素 ，帧频为12fps。 2新建按钮元件，设置名称为“按钮”。 3分别设置按钮的“弹起”、“指针经过”“按下”“点击”下的按钮颜 色、字体颜色。 4设计时间轴，制作动画，形成按钮元件。 返回 操作步骤 第一步：建立元件 第二步：定义“弹起”帧 第三步：定义“指针经过”帧 第四步：定义“按下

15、”帧 第五步：定义“点击”帧 第六步：检测，保存文件 返回 第一步：建立元件 （1）启动Flash，文件保存到指定位置。设置背景颜色为浅蓝 色（#0099FF），文件大小为550400像素，帧频为12fps 。 （2）选择【插入】【新建元件】命令,在弹出的对话框中设 置名称：按钮。行为：按钮，单击“确定”按钮，插入一个按 钮元件，如图4-21所示。 返回 图4-21 新建按钮元件 返回 第二步：定义“弹起”帧 （1）单击工具栏中的矩形工具按钮，将矩形的填充色设置为 黑色，笔触颜色设置为无色，在元件编辑区中绘制一个如图 4-22所示的矩形。 （2）单击工具栏中的文本工具按钮，在属性面板中设置字体

16、 为隶书，大小为55，颜色为黄色，在矩形中输入文字“测试” ，如图4-23所示。 返回 图4-22 绘制黑色矩形 返回 图4-23 给按钮输入文字 返回 第三步：定义“指针经过”帧 （1）选中“指针经过”帧，选择【插入】【时间轴】【关键 帧】菜单命令，插入一个关键帧，如图4-24所示。 （2）单击工具栏中的选择工具按钮，选中文字“测试”，在属性 面板中将颜色设置为红色。 （3）选中矩形，单击工具栏中的颜料桶工具按钮，填充色设 置为绿色，将矩形颜色填充为绿色，如图4-25所示。 返回 图4-24 按钮时间轴 返回 图4-25 将矩形填充为绿色、文字填充为红色 返回 第四步：定义“按下”帧 v按照步骤三，将“按下”帧中的文字设置为紫色，矩形设置为 黄色，如图4-26所示。 返回 图4-26 将矩形填充为黄色、文字填充为紫色 返回 第五步：定义“点击”帧 （1）选中“按下”帧，选择【插入】“时间轴”“关键帧”命令 ，插入一个关键帧，如图4-27所示。 （2）单击工具栏中的矩形工具按钮