flash动画制作基础与项目实训.ppt

《flash动画制作基础与项目实训.ppt》由会员分享，可在线阅读，更多相关《flash动画制作基础与项目实训.ppt（213页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、FlashFlash基础知识基础知识教学目的：教学目的：教学重点：教学重点：Flash简介及应用范围、简介及应用范围、Flash界面与工作环境、界面与工作环境、Flash软件的基本设软件的基本设置、置、Flash的特点、的特点、Flash动画的创作流程。动画的创作流程。本讲主要介绍了本讲主要介绍了Flash软件的简介及应用范围、软件的简介及应用范围、Flash界面与工作环境、界面与工作环境、Flash软件的基本操作设置、软件的基本操作设置、Flash的特点、的特点、Flash动画的创作流程。从了动画的创作流程。从了解软件到动画创作流程，为后续内容打下基础。解软件到动画创作流程，为后续内容打下基

2、础。教学过程及主要内容：一、调查同学接触并掌握一、调查同学接触并掌握FLASH操作程度。操作程度。二、新课内容二、新课内容 1、Flash简介及应用范围简介及应用范围 （1）制作网页，甚至是整个网站都可以用它来完成。）制作网页，甚至是整个网站都可以用它来完成。（2）动画制作，包括网页动画和角色动画（）动画制作，包括网页动画和角色动画（MTV、广告片头、广告片头、贺卡）。贺卡）。（3）信息媒体应用（多媒体课件、软件片头）。）信息媒体应用（多媒体课件、软件片头）。（4）制作开发游戏）制作开发游戏 2、Flash界面与工作环境界面与工作环境菜单栏、舞台、时间轴、帧和关键帧、层、工具箱、网格、辅助线和

3、标尺、菜单栏、舞台、时间轴、帧和关键帧、层、工具箱、网格、辅助线和标尺、浮动面板和属性检测器、场景、影片浏览器。浮动面板和属性检测器、场景、影片浏览器。3、工具箱、工具箱4、线性工具属性面板线性工具属性面板 有几种绘图工具的属性面板是非常相似的，有几种绘图工具的属性面板是非常相似的，它们是它们是“直线工具直线工具”、“钢笔工具钢笔工具”、“椭圆工具椭圆工具”、“矩形工具矩形工具”、“铅笔工具铅笔工具”、“墨水瓶工具墨水瓶工具”“直线工具”属性面板“钢笔工具”属性面板“椭圆工具”属性面板“矩形工具”属性面板“铅笔工具”属性面板“墨水瓶工具”属性面板 5、舞台、舞台 5、浮动面板、浮动面板 6、F

4、lash软件的基本设置软件的基本设置(1)、设置、设置Flash中的首选参数中的首选参数 选择选择“编辑编辑”“首选参数首选参数”菜单命令。菜单命令。7、Flash的特点与动画的创作流程的特点与动画的创作流程(1)Flash的优点的优点 A、操作简单，硬件要求低。、操作简单，硬件要求低。B、功能较强，可以综合众多环节在功能较强，可以综合众多环节在Flash里完成动画。里完成动画。(2)Flash的局限的局限 A、比如制作较为复杂的动画、比如制作较为复杂的动画B、矢量绘图的局限、矢量绘图的局限(3)Flash动画的创作流程动画的创作流程 前期大概包括准备策划、选题、研究，编写故事、角色设计、前期

5、大概包括准备策划、选题、研究，编写故事、角色设计、分镜头、场景设计、设计稿等；分镜头、场景设计、设计稿等；中期包括元件库建立，原画绘制、动画添加等；中期包括元件库建立，原画绘制、动画添加等；后期包括声音录制、特效添加、剪辑合成等。后期包括声音录制、特效添加、剪辑合成等。三、小三、小 结结 通过本章的学习我们首先了解了通过本章的学习我们首先了解了Flash简介及应用范围、简介及应用范围、Flash界面与工作环境，目的是让大家先明白界面与工作环境，目的是让大家先明白Flash究竟能做什么，以及它究竟能做什么，以及它的界面布局和工作环境。并对它的面板的应用和设置进行了说明，的界面布局和工作环境。并对

6、它的面板的应用和设置进行了说明，重点对重点对Flash软件的基本设置和软件的基本设置和Flash的特点讲解、介绍了的特点讲解、介绍了Flash在动在动画中的创作流程。虽说画中的创作流程。虽说Flash在动画领域有着它独特的功能，但它还在动画领域有着它独特的功能，但它还有自身无法替代传统动画的不足，我们取长补短。对软件的熟练操作有自身无法替代传统动画的不足，我们取长补短。对软件的熟练操作和基本性能的掌握，是发挥它强大功能的有力保障。和基本性能的掌握，是发挥它强大功能的有力保障。课后任务单：任任务务内容一：内容一：任任务务内容一：内容一：第二章第二章 FlashFlash基本操作与应用基本操作与应

7、用教学目的：教学目的：Flash基本工具的使用、基本工具的使用、Flash帧、关键帧、帧、关键帧、Flash时间轴的使用、时间轴的使用、Flash图层、图层、Flash元件、元件、Flash库资源管理与实例库资源管理与实例 本章主要从本章主要从Flash基本工具的使用、帧、关键帧、时间轴的使用、图基本工具的使用、帧、关键帧、时间轴的使用、图层、元件、库资源管理与实例、基本命令、对话框的使用入手，由浅入深，层、元件、库资源管理与实例、基本命令、对话框的使用入手，由浅入深，通过实例详细的讲解了在操作中可能遇到的问题及解决方法。也根据需要通过实例详细的讲解了在操作中可能遇到的问题及解决方法。也根据需

8、要重点讲解了常用的工具和命令操作，为后续章节内容打下坚实的基础。重点讲解了常用的工具和命令操作，为后续章节内容打下坚实的基础。教学过程及主要内容：一、一、复习复习上节课内容情况上节课内容情况二、新课内容二、新课内容 1、Flash基本工具的使用基本工具的使用 （1）绘画和涂色工具）绘画和涂色工具 （2）颜色和填充颜色和填充 教学重点：Flash基本工具的使用、基本工具的使用、Flash帧、关键帧、帧、关键帧、Flash时间轴的使用、时间轴的使用、Flash图层、图层、Flash元件、元件、Flash库资源管理与实例实例操作：飘动的云库资源管理与实例实例操作：飘动的云 案例要点：案例要点：本案例

9、通过给云设置动画，了解插入帧和插入关键帧、以及空白关键。本案例通过给云设置动画，了解插入帧和插入关键帧、以及空白关键。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、新建文档，文档大小使用默认。、新建文档，文档大小使用默认。步骤步骤2、制作出、制作出“云云”“天空天空”元件。元件。步骤步骤3、选中所有元件，点击鼠标右键，在弹出的菜单中选择、选中所有元件，点击鼠标右键，在弹出的菜单中选择“分散到图层分散到图层”命令，将每个元件分别放入图层，其目的为了方便制作动画。命令，将每个元件分别放入图层，其目的为了方便制作动画。步骤步骤4、在第四十帧处把、在第四十帧处把“天空天空”图层插

10、入帧。图层插入帧。步骤步骤5、将、将“大云大云”“小云小云”第四十帧插入关键帧。如图第四十帧插入关键帧。如图2-28所示所示步骤步骤6、“大云大云”第一帧处放在靠画面左边，第四十帧处放在靠画面右边。第一帧处放在靠画面左边，第四十帧处放在靠画面右边。同样的方法调节同样的方法调节“小云小云”。步骤步骤7、将、将“小云小云”第一帧选中按住鼠标左键向后托至第十帧的位置，前面为第一帧选中按住鼠标左键向后托至第十帧的位置，前面为空白帧。空白帧。步骤步骤8、选中、选中“小云小云”“大云大云”图层中任意一帧，点击鼠标右键，选择图层中任意一帧，点击鼠标右键，选择“创建补间创建补间动画动画”。步骤步骤9、云的移动

11、动画制作完成。、云的移动动画制作完成。（3）Flash时间轴的使用时间轴的使用 实例操作：增大、缩小层名字段显示区域实例操作：增大、缩小层名字段显示区域案例要点：案例要点：拖动时间轴上的分隔栏，改变层名和帧部分显示区域的大小。拖动时间轴上的分隔栏，改变层名和帧部分显示区域的大小。操作步骤：操作步骤：具体操作过程如下具体操作过程如下:步骤步骤1、移动鼠标至时间轴中分隔层名和帧部分的栏。、移动鼠标至时间轴中分隔层名和帧部分的栏。步骤步骤2、按下鼠标左键，拖动分隔栏左移，缩小层名字段的显示区域、按下鼠标左键，拖动分隔栏左移，缩小层名字段的显示区域.步骤步骤3、按下鼠标左键，拖动分隔栏右移，增大层名字

12、段显示区域。、按下鼠标左键，拖动分隔栏右移，增大层名字段显示区域。实例操作：调整时间轴大小实例操作：调整时间轴大小案例要点：案例要点：本案例通过调整时间轴大小，显示时间轴的内容。本案例通过调整时间轴大小，显示时间轴的内容。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、如果时间轴停放在主应用程序窗口，请用鼠标拖动分隔时间轴和、如果时间轴停放在主应用程序窗口，请用鼠标拖动分隔时间轴和应用程序窗口的栏。应用程序窗口的栏。步骤步骤2、如果时间轴没有停放在主应用程序窗口中，请用鼠标拖动右下角。、如果时间轴没有停放在主应用程序窗口中，请用鼠标拖动右下角。实例操作：移动播放头实例操作：

13、移动播放头 案例要点：案例要点：本案例通过移动播放头，查看在时间轴上所显示的内容，以便随时进行本案例通过移动播放头，查看在时间轴上所显示的内容，以便随时进行修改。修改。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、播放头在时间轴上移动，指示当前显示在舞台中的帧。时间轴、播放头在时间轴上移动，指示当前显示在舞台中的帧。时间轴标题显示动画的帧编号。要在舞台上显示帧，可以将播放头移动到标题显示动画的帧编号。要在舞台上显示帧，可以将播放头移动到时间轴中该帧的位置。时间轴中该帧的位置。步骤步骤2、如果正在处理大量的帧，而这些帧无法一次全部显示在时间轴上，、如果正在处理大量的帧，而这

14、些帧无法一次全部显示在时间轴上，则可以将播放头沿着时间轴移动，从而轻易地定位当前帧。如图则可以将播放头沿着时间轴移动，从而轻易地定位当前帧。如图2-42所示所示实例操作：转到帧、使时间轴以当前帧为中心实例操作：转到帧、使时间轴以当前帧为中心案例要点：案例要点：本案例通过操作转到帧，主要是快速的查看该帧。本案例通过操作转到帧，主要是快速的查看该帧。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、单击该帧在时间轴标题中的位置，或将播放头拖到所需的位置。、单击该帧在时间轴标题中的位置，或将播放头拖到所需的位置。如要在第如要在第20帧出修改该帧。帧出修改该帧。步骤步骤2、要使时间轴

15、以当前帧为中心单击时间轴底部的、要使时间轴以当前帧为中心单击时间轴底部的“帧居中帧居中”按钮。按钮。步骤步骤3、更改时间轴中的帧显示单击时间轴右上角的、更改时间轴中的帧显示单击时间轴右上角的“帧视图帧视图”按钮，显示按钮，显示“帧视图帧视图”弹出菜单。弹出菜单。步骤步骤4、要显示每个帧的内容缩略图（其缩放比率适合时间轴帧的大小），、要显示每个帧的内容缩略图（其缩放比率适合时间轴帧的大小），请选择请选择“预览预览”。这可能导致内容的外观大小发生变化。这可能导致内容的外观大小发生变化。步骤步骤5、要显示每个完整帧（包括空白空间）的缩略图，请选择、要显示每个完整帧（包括空白空间）的缩略图，请选择“关

16、联预览关联预览”。如果要查看元素在动画期间在它们的帧中的移动方式，此选项非常有用，如果要查看元素在动画期间在它们的帧中的移动方式，此选项非常有用，但是这些预览通常比用但是这些预览通常比用“预览预览”选项生成的小。选项生成的小。实例操作：更改时间轴中的帧显示实例操作：更改时间轴中的帧显示眼睛的制作眼睛的制作案例要点：案例要点：本案例通过操作更改时间轴中的帧显示，更加形象、直观的查看每一帧所本案例通过操作更改时间轴中的帧显示，更加形象、直观的查看每一帧所显示的动画过程。显示的动画过程。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、在图层的第一帧处选择椭圆工具在舞台中画一个椭圆

17、。、在图层的第一帧处选择椭圆工具在舞台中画一个椭圆。步骤步骤2、新建图层，选择矩形选框绘制高光和反光，、新建图层，选择矩形选框绘制高光和反光，步骤步骤3、用选择工具框选，按、用选择工具框选，按F8键将其转换成图形元件。键将其转换成图形元件。步骤步骤4、绘制闭眼。在第二十帧处插入空白关键帧，打开绘图纸效果绘制、绘制闭眼。在第二十帧处插入空白关键帧，打开绘图纸效果绘制直线，并用选择工具将直线拉弯。直线，并用选择工具将直线拉弯。步骤步骤5、在第二十一帧插入空白关键帧，复制第一帧，在舞台上点击右键，、在第二十一帧插入空白关键帧，复制第一帧，在舞台上点击右键，选择选择“粘贴到当前位置粘贴到当前位置”粘贴

18、在二十一帧处，并延长至粘贴在二十一帧处，并延长至25帧。帧。步骤步骤6、关闭绘图纸效果，单击时间轴右上角的、关闭绘图纸效果，单击时间轴右上角的“帧视图帧视图”按钮，显示按钮，显示“帧视图帧视图”弹出菜单，选择弹出菜单，选择“预览预览”，时间轴上的帧以动画图形显示。，时间轴上的帧以动画图形显示。（4）Flash图层图层 A、创建层和层文件夹、创建层和层文件夹 B、查看层和层文件夹、查看层和层文件夹C、编辑层和层文件夹、编辑层和层文件夹D、组织层和层文件夹、组织层和层文件夹E、引导层、引导层 （5）Flash元件元件 A、元件概述、元件概述B、元件的类型、元件的类型C、创建和编辑图形元件、创建和编

19、辑图形元件 D、创建和编辑影片剪辑元件、创建和编辑影片剪辑元件E、创建和编辑按钮元件、创建和编辑按钮元件 实例操作：复制并编辑元件实例操作：复制并编辑元件案例要点：案例要点：通过复制元件的实例并作编辑，了解元件和实例的关系通过复制元件的实例并作编辑，了解元件和实例的关系操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、在舞台上，选择头像。按、在舞台上，选择头像。按 Alt 键并用鼠标左键点住头像将头像向键并用鼠标左键点住头像将头像向右拖动以创建另一个实例。右拖动以创建另一个实例。步骤步骤2、保持副本处于选中状态，从属性检查器的、保持副本处于选中状态，从属性检查器的“颜色颜色”

20、下拉菜单中选择下拉菜单中选择“色调色调”。步骤步骤3、在、在 RGB 区域中，在区域中，在“红色红色”弹出菜单中输入弹出菜单中输入 0，在，在“绿色绿色”弹出菜单弹出菜单中输入中输入 0，在，在“蓝色蓝色”弹出菜单中输入弹出菜单中输入 255。然后按。然后按 Enter键。复制的实例键。复制的实例变为蓝色，但原始实例保持不变。变为蓝色，但原始实例保持不变。实例操作：创建具有特效的影片剪辑元件实例操作：创建具有特效的影片剪辑元件案例要点：案例要点：创建影片剪辑元件的实例，并添加特效。创建影片剪辑元件的实例，并添加特效。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、使用、使用

21、 “选择选择”工具，单击舞台上的转轮，将其选中，然后选择工具，单击舞台上的转轮，将其选中，然后选择“修改修改”“转换为元件转换为元件”，或按，或按F8。步骤步骤2、在、在“转换为元件转换为元件”对话框中，输入对话框中，输入“剪纸剪纸”作为名称，并选择作为名称，并选择“影片剪影片剪辑辑”作为行为。作为行为。步骤步骤3、在注册网格中选择中心正方形作为注册点，因此影片剪辑的中心成、在注册网格中选择中心正方形作为注册点，因此影片剪辑的中心成为元件绕其旋转的轴。然后单击为元件绕其旋转的轴。然后单击“确定确定”。如图。如图2-98所示。舞台上的图像现所示。舞台上的图像现在是库中在是库中“剪纸剪纸”元件的实

22、例。元件的实例。步骤步骤4、为了在动作脚本中引用实例，并且作为一种通常的最好习惯，应、为了在动作脚本中引用实例，并且作为一种通常的最好习惯，应始终为按钮和影片剪辑元件分配实例名称。不能为图形元件分配实例名称。始终为按钮和影片剪辑元件分配实例名称。不能为图形元件分配实例名称。在属性检查器中，保持在属性检查器中，保持“剪纸剪纸”的实例在舞台上处于选定状态，在的实例在舞台上处于选定状态，在“实例名实例名称称”文本框中输入文本框中输入“剪纸剪纸”。步骤步骤5、选择、选择“时间轴特效时间轴特效”“变形变形/转换转换”“变形变形”。步骤步骤6、在、在“变形变形”对话框中的对话框中的“特效持续时间特效持续时

23、间”文本框中输入文本框中输入 60，以指定该，以指定该特效跨时间轴中特效跨时间轴中 60 帧。帧。步骤步骤7、在、在“旋转度数旋转度数”文本框中输入文本框中输入360，并确认，并确认“旋转次数旋转次数”文本框中填入文本框中填入的是的是 1。步骤步骤8、单击、单击“更新预览更新预览”来查看特效的预览，然后单击来查看特效的预览，然后单击“确定确定”。特效跨越特效跨越影片剪辑时间轴中的影片剪辑时间轴中的 60 帧。帧。步骤步骤9、单击时间轴上面的场景、单击时间轴上面的场景 1，退出元件编辑模式。，退出元件编辑模式。步骤步骤10、选择、选择“控制控制”“测试影片测试影片”来查看动画。或按快捷键来查看动

24、画。或按快捷键Ctrl+Enter测测试动画。试动画。实例操作：炫丽按钮实例操作：炫丽按钮案例要点：案例要点：此练习使用了元件的三种类型，通过综合使用掌握他们的不同属性，制作此练习使用了元件的三种类型，通过综合使用掌握他们的不同属性，制作一个特殊按钮。一个特殊按钮。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、先制作第一个按钮弹起的效果。新建元件，元件类型选择按钮，、先制作第一个按钮弹起的效果。新建元件，元件类型选择按钮，起名为起名为“btn”。步骤步骤2、制作中间弹起的图形元件，新建、制作中间弹起的图形元件，新建3个图形元件，两个圆和中间的个图形元件，两个圆和中间的“e

25、mail”文字，创建好以后，再在按钮弹起帧上把这三个图形元件拖放进来。文字，创建好以后，再在按钮弹起帧上把这三个图形元件拖放进来。步骤步骤3、用椭圆工具按同样的方法绘制指针经过时的图形元件。、用椭圆工具按同样的方法绘制指针经过时的图形元件。步骤步骤4、制作按下帧上的图形元件，框选中上一帧指针经过处的图形元件，点、制作按下帧上的图形元件，框选中上一帧指针经过处的图形元件，点击右键复制。击右键复制。步骤步骤5、将刚才复制好的图形元件，在按下处插入空白关键帧，在工作区中点、将刚才复制好的图形元件，在按下处插入空白关键帧，在工作区中点右键右键“粘贴到当前位置粘贴到当前位置”。步骤步骤6、将粘贴好的图形

26、组缩小，并选中转换成图形元件，打开属性面板，、将粘贴好的图形组缩小，并选中转换成图形元件，打开属性面板，把颜色选择把颜色选择“高级高级”选项，在设置里对选项，在设置里对RGB值进行调节，使其颜色发生变化。值进行调节，使其颜色发生变化。步骤步骤7、在、在“点击点击”出插入空白关键帧，用椭圆工具绘制一个正圆。出插入空白关键帧，用椭圆工具绘制一个正圆。步骤步骤8、接下来制作第二个按钮。新建按钮，在弹起时不显示内容，所以在、接下来制作第二个按钮。新建按钮，在弹起时不显示内容，所以在弹起处插入空白关键帧，指针经过处显示效果，在指针经过处插入空白关键弹起处插入空白关键帧，指针经过处显示效果，在指针经过处插

27、入空白关键帧。帧。步骤步骤9、新建图形元件、新建图形元件“dots”。绘制圆圈，把填充颜色设置不显示，选择。绘制圆圈，把填充颜色设置不显示，选择一个边框颜色，打开属性面板，调节边框宽度，并把线条模式选择点状。一个边框颜色，打开属性面板，调节边框宽度，并把线条模式选择点状。步骤步骤10、在舞台中按住、在舞台中按住shift键画正圆。键画正圆。步骤步骤11、将图形元件选中点击右键转换为元件，选择影片剪辑，并命名为、将图形元件选中点击右键转换为元件，选择影片剪辑，并命名为“mv:dots tweening，双击，双击mv:dots tweening给它设置动画，第一帧为空给它设置动画，第一帧为空白关

28、键帧，第二帧处插入关键帧，第六帧处插入关键帧，第十一帧处插入关白关键帧，第二帧处插入关键帧，第六帧处插入关键帧，第十一帧处插入关键帧，分别给他们创建补间动画。键帧，分别给他们创建补间动画。步骤步骤12、选中第、选中第6帧，再选中元件，打开属性面板对其颜色进行设置。帧，再选中元件，打开属性面板对其颜色进行设置。步骤步骤13、再将图形元件、再将图形元件“dots”第二次转换成影片剪辑，命名为第二次转换成影片剪辑，命名为“mv:dots tweening 2”依照上面的制作进行设置。依照上面的制作进行设置。步骤步骤14、将做好的影片剪辑拖到第二个按钮的、将做好的影片剪辑拖到第二个按钮的“指针经过指针

29、经过”里，两个大小要有里，两个大小要有区分，在区分，在“按下按下”处点右键插入帧。处点右键插入帧。步骤步骤15、在、在“点击点击”处插入空白关键帧，然后选择椭圆工具画正圆。处插入空白关键帧，然后选择椭圆工具画正圆。步骤步骤16、回到场景，把按钮、回到场景，把按钮“btn”拖进来，新建图层把按钮拖进来，新建图层把按钮“tracing”拖放进来，拖放进来，分别把图层名称重命名。分别把图层名称重命名。步骤步骤17、选择按钮元件、选择按钮元件“tracing”复制，将复制出的用任意变形工具按住复制，将复制出的用任意变形工具按住shift键放大，并且点击右键将其移至下层。键放大，并且点击右键将其移至下层

30、。步骤步骤18、多复制几个按上面同样的方法进行操作，完成，测试影片观看效、多复制几个按上面同样的方法进行操作，完成，测试影片观看效果。果。(6)Flash库资源管理库资源管理 A、库的操作、库的操作 三、小三、小 结结 通过这一章的学习，我们对通过这一章的学习，我们对Flash有了深刻的认识，知道它的工作原理，有了深刻的认识，知道它的工作原理，方法，同时我们还学会了创建和使用这些元件，最后我们还学会了使用库方法，同时我们还学会了创建和使用这些元件，最后我们还学会了使用库来管理元件。确保今后的项目有条不紊的进行。来管理元件。确保今后的项目有条不紊的进行。课后任务单：任任务务内容一：内容一：任任务

31、务内容二：内容二：任务一任务二第三章第三章 FlashFlash文本处理、图像、文本处理、图像、声音文件的导入和应用声音文件的导入和应用教学目的：教学目的：文本处理、图像文件的导入及应用、声音文件的导入及应用。文本处理、图像文件的导入及应用、声音文件的导入及应用。本章将学习如何利用文本工具创建文字动画，如何导入图像和编辑图本章将学习如何利用文本工具创建文字动画，如何导入图像和编辑图像，如何导入声音和编辑声音等，掌握最基本的图像和声音在像，如何导入声音和编辑声音等，掌握最基本的图像和声音在Flash中的应中的应用。用。教学过程及主要内容：一、抽查上章课后实训任务完成情况。一、抽查上章课后实训任务

32、完成情况。二、新课内容二、新课内容 1、文本处理概述文本处理概述 （1）Flash文本块的类型文本块的类型 （2）创建文本）创建文本 教学重点：（3）分离文本）分离文本 实例操作：文字动画实例操作：文字动画案例要点：案例要点：本案例通过给文字设置动画，掌握元件分离命令的效果。本案例通过给文字设置动画，掌握元件分离命令的效果。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、新建文档，文档大小使用默认。选择文本工具横排输入、新建文档，文档大小使用默认。选择文本工具横排输入“中国水利中国水利水电出版社水电出版社”文字，将其颜色、字体、文字大小进行设置文字，将其颜色、字体、文字大小

33、进行设置步骤步骤2、按、按Ctrl+B组合键将文字分离，并将每一个分离的文字按组合键将文字分离，并将每一个分离的文字按F8键转换成键转换成图形元件。图形元件。步骤步骤3、选中所有元件，点击鼠标右键，选择、选中所有元件，点击鼠标右键，选择“分散到图层命令分散到图层命令”。步骤步骤4、在第六十帧处插入帧，、在第六十帧处插入帧，步骤步骤5、从、从“国国”图层开始每层统一间隔向后移动图层开始每层统一间隔向后移动5帧帧步骤步骤6、每层制作淡入效果。先在、每层制作淡入效果。先在“中中”图层第五帧处插入关键帧，选中两个图层第五帧处插入关键帧，选中两个关键帧中间任意一帧点击鼠标右键，选择关键帧中间任意一帧点击

34、鼠标右键，选择“创建补间动画创建补间动画”。步骤步骤7、先选中第一帧，再点击元件，打开属性面板，点击、先选中第一帧，再点击元件，打开属性面板，点击“颜色颜色”后三角形。后三角形。步骤步骤8、选择、选择Alpha，把后面数值调至，把后面数值调至“0”。步骤步骤9、依次类推，按同样的方法将其他的元件都进行设置。、依次类推，按同样的方法将其他的元件都进行设置。步骤步骤10、制作完成，按、制作完成，按Ctrl+Enter观看效果。观看效果。2、图像文件的导入及应用、图像文件的导入及应用 A、图像素材的导入、图像素材的导入 B、图像编辑图像编辑 3、声音文件的导入及应用、声音文件的导入及应用实例操作：制

35、作片头实例操作：制作片头实例要点：实例要点：此实例使用了图形绘制，文本文字动画效果、以及声音，通过综合使此实例使用了图形绘制，文本文字动画效果、以及声音，通过综合使用制作一段片头预告动画。掌握影像、声音相结合的影视效果。用制作一段片头预告动画。掌握影像、声音相结合的影视效果。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、新建元件，命名为、新建元件，命名为“背景背景”用矩形工具绘制一个矩形。用矩形工具绘制一个矩形。步骤步骤2、填充颜色选择放射状，两个颜色选择绿色系，颜色面板中前一个色标、填充颜色选择放射状，两个颜色选择绿色系，颜色面板中前一个色标颜色十六进制为（颜色十六进制

36、为（#429382），后一个色标颜色十六进制为（），后一个色标颜色十六进制为（#234E45），选），选择颜料桶工具进行填充。择颜料桶工具进行填充。步骤步骤3、再新建元件，命名为、再新建元件，命名为“天天”，颜色选择（，颜色选择（#AACECC）,纯色填充。纯色填充。步骤步骤4、回到场景，将元件、回到场景，将元件“背景背景”“天天”分别放到各自的图层上，将分别放到各自的图层上，将“天天”图图层放至下层。层放至下层。步骤步骤5、绘制远处的树木，选择画笔工具，新建元件，命名为、绘制远处的树木，选择画笔工具，新建元件，命名为“远树木远树木”，颜，颜色（色（#518C89）进行填充。）进行填充。步骤步

37、骤6、用同样的方法绘制中景的树木，颜色（、用同样的方法绘制中景的树木，颜色（#365F5C）,调整好用颜料桶调整好用颜料桶工具进行填充。工具进行填充。步骤步骤7、绘制近景的树木，颜色（、绘制近景的树木，颜色（#0D1716），选择颜料桶工具进行填充。），选择颜料桶工具进行填充。步骤步骤8、绘制两边的树藤。颜色（、绘制两边的树藤。颜色（#000000）用画笔绘制。）用画笔绘制。步骤步骤9、制作轮船，用钢笔工具绘制基本型，然后用颜色填充。、制作轮船，用钢笔工具绘制基本型，然后用颜色填充。步骤步骤10、制作一段水波动画。新建影片剪辑元件，命名为、制作一段水波动画。新建影片剪辑元件，命名为“水波水波”

38、。在第一。在第一帧处用画笔进行绘制。填充颜色选择（帧处用画笔进行绘制。填充颜色选择（#AFDEE2）。）。步骤步骤11、在第三帧处插入空白关键帧，并且打开洋葱皮效果。、在第三帧处插入空白关键帧，并且打开洋葱皮效果。步骤步骤12、用画笔工具画出水波，再在第六帧处插入空白关键帧，进行绘制。、用画笔工具画出水波，再在第六帧处插入空白关键帧，进行绘制。步骤步骤13、新建元件，命名为、新建元件，命名为“文字文字”，输入文字。，输入文字。步骤步骤14、准备好所有素材，回到场景。分别新建图层，把做好的元件拖放进来。、准备好所有素材，回到场景。分别新建图层，把做好的元件拖放进来。步骤步骤15、将所有的灌木丛向

39、两边做位移动画，在第、将所有的灌木丛向两边做位移动画，在第50帧处插入关键帧，并帧处插入关键帧，并创建补间动画。把轮船做一个从后向前的位移缩放动画。创建补间动画。把轮船做一个从后向前的位移缩放动画。步骤步骤16、新建图层把文字放进来，做动画。在第、新建图层把文字放进来，做动画。在第5帧处插入关键帧，在第帧处插入关键帧，在第45帧帧处插入关键帧。处插入关键帧。步骤步骤17、给整个动画做安全框。新建元件，命名为、给整个动画做安全框。新建元件，命名为“安全框安全框”，选择矩形工，选择矩形工具。关闭填充颜色。边框颜色选择黑色。具。关闭填充颜色。边框颜色选择黑色。步骤步骤18、回到场景，新建图层，把安全

40、框拖进去，打开属性对话框，把它的、回到场景，新建图层，把安全框拖进去，打开属性对话框，把它的宽、高设置成宽、高设置成550X400，X、Y轴设置成轴设置成225、195。步骤步骤19、“打开窗口打开窗口”“变形面板变形面板”，点击复制并应用变形按钮。，点击复制并应用变形按钮。步骤步骤20、将缩放百分比勾选约束，分别输入、将缩放百分比勾选约束，分别输入300。步骤步骤21、选中复制出来的一个安全框，再按住、选中复制出来的一个安全框，再按住shift键加选里面的安全框。键加选里面的安全框。步骤步骤22、按、按Ctrl+B将两个框分离，填充色选择黑色，进行填充。将两个框分离，填充色选择黑色，进行填充

41、。步骤步骤23、测试影片观看效果，完成。、测试影片观看效果，完成。三、小三、小 结结 本章学习了本章学习了Flash文本的处理，以及如何制作文本的动画、本章还讲解文本的处理，以及如何制作文本的动画、本章还讲解了对图片的编辑，声音的添加与编辑，怎样控制声音的播放效果等。进而了对图片的编辑，声音的添加与编辑，怎样控制声音的播放效果等。进而以实例讲解了文本，图像、声音的综合使用。声音在动画当中是非常重要以实例讲解了文本，图像、声音的综合使用。声音在动画当中是非常重要的一个环节，所以对如何编辑和添加声音效果是本章的重点内容。的一个环节，所以对如何编辑和添加声音效果是本章的重点内容。课后任务单：任任务务

42、内容一：内容一：任任务务内容一：内容一：任任务务内容三：内容三：第四章第四章 FlashFlash基础动画基础动画教学目的：教学目的：创建创建Flash动画概述、动画概述、Flash位移动画、位移动画、Flash逐帧动画、逐帧动画、Flash路径动画、路径动画、Flash遮罩动画、遮罩动画、Flash补间动画。补间动画。本章从本章从Flash基本的位移动画、逐帧动画、路径动画、遮罩动画、补间基本的位移动画、逐帧动画、路径动画、遮罩动画、补间动画开始着手，以实例为引导，详细讲解在动画开始着手，以实例为引导，详细讲解在Flash中经常出现的一些基础动中经常出现的一些基础动画。虽然每部动画或者个人的

43、制作方法不同，但动画的基本原理都不会变。画。虽然每部动画或者个人的制作方法不同，但动画的基本原理都不会变。本章所讲重点是基础的动画制作，为后续的项目实训做好准备。本章所讲重点是基础的动画制作，为后续的项目实训做好准备。教学过程及主要内容：一、抽查上章课后实训任务完成情况。一、抽查上章课后实训任务完成情况。二、新课内容二、新课内容 1、创建创建Flash动画概述动画概述 2、Flash位移动画位移动画 教学重点：实例操作：小飞机飞行实例操作：小飞机飞行案例要点：案例要点：本案例通过制作小飞机的飞行位移动画，要求掌握最基本的动画设置。本案例通过制作小飞机的飞行位移动画，要求掌握最基本的动画设置。操

44、作步骤：操作步骤：具体操作过程如下具体操作过程如下步骤步骤1、打开、打开“文件文件”“新建新建”命令，创建新文件。命令，创建新文件。步骤步骤2、使用线条工具和椭圆工具绘制卡通飞机图形，注意打开、使用线条工具和椭圆工具绘制卡通飞机图形，注意打开“对齐对象对齐对象”选项，方便绘画。选项，方便绘画。绘制步骤如下：绘制步骤如下：A、在舞台中，用直线工具绘制两根直线，通过选择工具拖拉成机、在舞台中，用直线工具绘制两根直线，通过选择工具拖拉成机身的上半个轮廓，然后再用直线工具绘制一根直线，通过选择工身的上半个轮廓，然后再用直线工具绘制一根直线，通过选择工具拖拉成机身的下半个轮廓，最后把飞机的头补完。具拖拉

45、成机身的下半个轮廓，最后把飞机的头补完。B、用直线工具绘制飞机的机翼，把多余的选取，然后删除，再使用椭圆、用直线工具绘制飞机的机翼，把多余的选取，然后删除，再使用椭圆工具绘制飞机的发动机。工具绘制飞机的发动机。C、用直线工具绘制飞机头部。、用直线工具绘制飞机头部。D、用椭圆工具绘制飞机窗户，然后用直线工具修饰机身。、用椭圆工具绘制飞机窗户，然后用直线工具修饰机身。步骤步骤3、用选择工具选取图形按、用选择工具选取图形按F8将图形形状转换为元件，取名，将图形形状转换为元件，取名，“行为行为”选择选择“图形图形”。步骤步骤4、选择第、选择第30帧处，并插入关键帧，插入关键帧的方法有按帧处，并插入关键

46、帧，插入关键帧的方法有按F6或在右键上或在右键上下文菜单中选择插入关键帧。下文菜单中选择插入关键帧。步骤步骤5、选择第一个关键帧，然后移动飞机到舞台右边。、选择第一个关键帧，然后移动飞机到舞台右边。步骤步骤6、选择最后一个关键帧，然后移动飞机到舞台左边。、选择最后一个关键帧，然后移动飞机到舞台左边。步骤步骤7、选择第一个关键帧和最后一个关键帧区间，然后鼠标右键单击，选、选择第一个关键帧和最后一个关键帧区间，然后鼠标右键单击，选择创建补间动画命令来实现补间动画。择创建补间动画命令来实现补间动画。步骤步骤8、按、按Ctrl+Enter组合键或选择菜单组合键或选择菜单“控制控制”“测试影片测试影片”

47、，如果只是，如果只是简单预览，也可以直接按简单预览，也可以直接按Enter键。但是在复杂的动画中按键。但是在复杂的动画中按Enter键是预键是预览不到所有动画效果的，如场景中嵌了影片剪辑。览不到所有动画效果的，如场景中嵌了影片剪辑。3、Flash逐帧动画逐帧动画 实例操作：小女孩走路实例操作：小女孩走路案例要点：案例要点：本案例通过制作角色的走路动画，掌握角色走路的的基本规律和调节走路本案例通过制作角色的走路动画，掌握角色走路的的基本规律和调节走路的基本方法。的基本方法。操作步骤：操作步骤：具体操作过程如下：具体操作过程如下：步骤步骤1、新建文件，根据角色设定制作角色，将角色要运动的部位单独制

48、、新建文件，根据角色设定制作角色，将角色要运动的部位单独制作元件。作元件。步骤步骤2、走路的特点是手臂和腿的交错前后进行，我们把头部和身体转换一、走路的特点是手臂和腿的交错前后进行，我们把头部和身体转换一个元件，手臂和腿单独分开我们来调节动画。个元件，手臂和腿单独分开我们来调节动画。步骤步骤3、选中舞台当中的所有元件点击右键选择、选中舞台当中的所有元件点击右键选择“分散到图层分散到图层”命令。命令。步骤步骤4、复制腿元件和手臂元件并重命名调整走、复制腿元件和手臂元件并重命名调整走路姿势，我们用路姿势，我们用16帧做走路的一个完步，将每帧做走路的一个完步，将每个图层延长至个图层延长至16帧。帧。

49、步骤步骤5、在、在5、9、13、16帧处插入关键帧，这几个关键帧是关系人体高低起帧处插入关键帧，这几个关键帧是关系人体高低起伏，步伐转折。伏，步伐转折。步骤步骤6、选中身体图层第、选中身体图层第5、13帧，按键盘向帧，按键盘向上箭头移至参考线。上箭头移至参考线。步骤步骤7、调节两条腿的动画。选择前腿和后退图层在第、调节两条腿的动画。选择前腿和后退图层在第3帧处插入关键帧，帧处插入关键帧，调节腿的姿势。调节腿的姿势。步骤步骤8、选择前腿和后腿的第、选择前腿和后腿的第2帧插入关键帧，打开绘图纸效果调整，绘制中帧插入关键帧，打开绘图纸效果调整，绘制中间画。间画。步骤步骤9、在第、在第4帧同样插入关键

50、帧，打开绘图纸效果，旋转腿的方向，再用选帧同样插入关键帧，打开绘图纸效果，旋转腿的方向，再用选择工具进行调整。择工具进行调整。步骤步骤10、在第、在第5帧处，身体重心落到左腿上，复制第帧处，身体重心落到左腿上，复制第4帧的内容进行帧的内容进行“粘贴到粘贴到当前位置当前位置”分别粘贴到第分别粘贴到第5帧，打开绘图纸效果再进行调整。帧，打开绘图纸效果再进行调整。步骤步骤11、在第、在第7帧处插入关键帧，身体运动曲线下降，前腿向前，后腿向后。帧处插入关键帧，身体运动曲线下降，前腿向前，后腿向后。步骤步骤12、在第、在第6帧处插入关键帧，帧处插入关键帧，打开绘图纸效果进行调节。打开绘图纸效果进行调节。