flash8教案.docx

1、flash8教案 FLASH8.0教案 临漳进修校 陈艳玲第一部分 简 介FLASH是Macromedia公司推出的一种优秀的矢量动画编辑软件，FLASH8.0是其最新的版本。利用该软件制作的动画尺寸要比位图动画文件如GLF动画尺寸小的多，用户不但可以在动画中加入声音，视频和位图图像，还可以制作交互式的影片或者具有完备功能的网站。通过本章的学习，我们应熟悉FLASH动画的特点，FLASH8.0的界面组成元素，并通过制作实例了解FLASH动画的一般步骤。一、什么是 FlashFlash 是一种创作工具，我们可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、

2、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。Flash 特别适用于创建通过 Internet 提供的内容，因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。要在 Flash 中构建应用程序，可以使用 Flash 绘图工具创建图形

3、，并将其它媒体元素导入 Flash 文档。接下来，定义如何以及何时使用各个元素来创建设想中的应用程序。在 Flash 中创作内容时，需要在 Flash 文档文件中工作。Flash 文档的文件扩展名为 .fla (FLA)。完成 Flash 文档的创作后，可以使用文件发布命令发布它。这会创建文件的一个压缩版本，其扩展名为 .swf (SWF)。然后，就可以使用 Flash Player 在 Web 浏览器中播放 SWF 文件，或者将其作为独立的应用程序进行播放。二、安装与启动FLASH8.0要使用FLASH8.0必须先安装，在安装的过程中要先将以前在使用的版本关闭，然后方可安装，根据说明进行安装

4、。三、熟悉FLASH的工作环境要创建动画，用户首先要了解它的工作环境，了解一些基本的概念，如舞台，图层，帧与关键帧。 启动FLASH，并在“开始”页中选择一项进行，就可进入FLASH的工作环境。如下图，FLASH8.0的工作界面，主要有舞台，主工具栏，工具箱，时间轴，属性面板和多个控制面板等几个部分。1、时间轴时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Flash 文档也将时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。时间轴的主要组件是图层、帧和播放头。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶部的时间轴标题

5、指示帧编号。播放头指示当前在舞台中显示的帧。播放 Flash 文档时，播放头从左向右通过时间轴。2、图层图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。图层可以帮助您组织文档中的插图。可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。如果一个图层上没有内容，那么就可以透过它看到下面的图层。要绘制、上色或者对图层或文件夹进行修改，需要在时间轴中选择该图层以激活它。时间轴中图层或文件夹名称旁边的铅笔图标表示该图层或文件夹处于活动状态。一次只能有一个图层处于活动状态（尽管一次可以选择多个图层）。3、使用网格、辅助线和标尺Flash 可以显示标尺和辅助线，来帮助我们精确地绘制和安排对象

6、。（1）标尺当显示标尺时，它们将显示在文档的左沿和上沿。您可以更改标尺的度量单位，将其默认单位（像素）更改为其它单位。在显示标尺的情况下移动舞台上元素时，将在标尺上显示几条线，指出该元素的尺寸。显示或隐藏标尺： 选择视图标尺。 指定文档的标尺度量单位： 选择修改文档，然后从对话框左下角的标尺单位菜单中选择一个单位。 （2）网格当在文档中显示网格时，将在所有场景中的插图之后显示一系列的直线。您可以将对象与网格对齐，也可以修改网格大小和网格线颜色。A、要显示或隐藏绘画网格，选择视图网格显示网格B、打开或关闭贴紧至网格线： 选择视图贴紧贴紧至网格。 （3）辅助线如果显示了标尺，可以将水平和垂直辅助线

7、从标尺拖动到舞台上。您可以移动、锁定、隐藏和删除辅助线，也可以使对象贴紧至辅助线，更改辅助线颜色和贴紧容差（对象与辅助线必须有多近才能贴紧至辅助线）。仅当在其中创建辅助线的时间轴处于活动状态时，舞台上才会显示可拖动的辅助线。如果在文档编辑模式下清除辅助线，则会清除文档中的所有辅助线。如果在元件编辑模式下清除辅助线，则会清除所有元件中的所有辅助线。4、“库”面板库面板是存储和组织在 Flash 中创建的各种元件的地方，它还用于存储和组织导入的文件，包括位图图形、声音文件和视频剪辑。要显示库面板，请执行以下操作之一：A、选择窗口库。B、按 Ctrl+L 组合键5、使用舞台舞台是在回放过程中显示图形

8、、视频、按钮等内容的位置。舞台是您在创建 Flash 文档时放置图形内容的矩形区域，这些图形内容包括矢量插图、文本框、按钮、导入的位图图形或视频剪辑。第二部分 flash8.0工具介绍一、线条工具使用线条工具，您可以沿任意方向绘制直线。在工具面板中，选择线条工具，到工作区按住左键拖动即可。利用属性面板调节颜色、粗细、端点、结合等。二、铅笔工具要绘制线条和形状，您可以使用铅笔工具，绘画的方式与使用真实铅笔大致相同。要在绘画时平滑或伸直线条和形状，您可以给铅笔工具选择一种绘画模式（墨水：绘制出的线条象签名一样），见右下侧的选项。选择窗口属性并在属性面板中选择笔触颜色、线条粗细和样式等。三、刷子工具

9、使用刷子工具涂色刷子工具能绘制出刷子般的笔触，就像您在涂色一样。它可以让您创建特殊效果，包括书法效果。单击刷子模式：A、标准绘画可对同一层的线条和填充涂色。B、颜料填充对填充区域和空白区域涂色，不影响线条。C、后面绘画在舞台上同一层的空白区域涂色，不影响线条和填充。D、颜料选择当您在填充功能键或属性检查器的填充框中选择填充时，颜料选择会将新的填充应用到选区中。（此选项就跟简单地选择一个填充区域并应用新填充一样。）E、内部绘画对开始刷子笔触时所在的填充进行涂色，但不对线条涂色。这种做法很像一本智能色彩书，不允许您在线条外面涂色。如果在空白区域中开始涂色，该填充不会影响任何现有填充区域。只能由内到

10、外画。刷子大小和形状也可调节，选择一种笔刷形状即可。四、钢笔工具钢笔工具提供了一种绘制精确的直线或曲线线段的方法。单击鼠标可创建直线线段上的点，拖动鼠标可创建曲线线段上的点。A、用钢笔工具绘制直线要使用钢笔工具绘制直线段，先要创建锚记点，也就是线条上确定每条线段长度的点。1、选择钢笔工具。 2、选择窗口-属性，然后在属性检查器中选择笔触和填充属性。 3、将指针定位在舞台上您想要直线开始的地方，然后进行单击以定义第一个锚记点。 4在您想要直线的第一条线段结束的位置再次进行单击。按住 Shift 键进行单击可以将线条限制为倾斜 45 度的倍数。 5继续单击以创建其它直线段。 6、要以开放或闭合形状

11、完成此路径，请执行以下操作之一： 6.1、要完成一条开放路径，双击最后一个点，然后单击工具面板中的钢笔工具，或者按住 Ctrl键单击路径外的任何地方。 6.2、要闭合路径，请将钢笔工具放置到第一个锚记点上。如果定位准确，就会在靠近钢笔尖的地方出现一个小圆圈。单击或拖动以闭合路径。 6.3、要按现状完成形状，可选择编辑-取消全选或在工具面板中选择其它工具。B、钢笔工具绘制曲线1、选择钢笔工具。 2、将钢笔工具放置在舞台上想要曲线开始的地方，然后按下鼠标按钮。 此时出现第一个锚记点，并且钢笔尖变为箭头。3、向您想要绘制曲线段的方向拖动鼠标。按下 Shift 键拖动可以将该工具限制为绘制 45 度的

12、倍数。 随着您的拖动，将会出现曲线的切线手柄。4、释放鼠标按钮。 切线手柄的长度和斜率决定了曲线段的形状。您可以在以后移动切线手柄来调整曲线。5、将指针放在您想要结束曲线段的地方，按下鼠标按钮，然后朝相反的方向拖动来完成线段。按下 Shift 键拖动会将该线段限制为倾斜 45 度的倍数。 6、要绘制曲线的下一段，将指针放置在您想要下一线段结束的位置上，然后拖离该曲线。C、调整路径上的锚记点在使用钢笔工具绘制曲线时，会创建曲线点，即连续的弯曲路径上的锚记点。在绘制直线段或连接到曲线段的直线时，会创建转角点，即在直线路径上或直线和曲线路径接合处的锚记点。默认情况下，选定的曲线点显示为空心圆圈，选定

13、的转角点显示为空心正方形。 要将线条中的线段由直线段转换为曲线段或者由曲线段转换为直线段，您可以将转角点转换为曲线点或者将曲线点转换为转角点。 您还可以移动、添加或删除路径上的锚记点。使用部分选取工具来移动锚记点可以调整直线段的长度或角度，或曲线段的斜率。您可以通过轻推选定的锚记点来进行微调。1、要移动锚记点：使用部分选取工具拖动点。2、轻推锚记点或点：使用部分选取工具选择点并用箭头键来移动点。3、要转换锚记点，可执行以下操作之一：（1）要将转角点转换为曲线点，请使用部分选取工具来选择该点，然后按住 Alt 键 拖动该点来放置切线手柄。 （2）要将曲线点转换为转角点，可用钢笔工具单击该点。4、

14、添加锚记点：使用钢笔工具单击一条线段。 5、要删除锚记点，用部分选取工具选择该点并按下 Delete 键 。6、调整线段您可以调整直线段以更改线段的角度或长度，或者调整曲线段以更改曲线的斜率和方向。移动曲线点上的切线手柄时，可以调整该点两边的曲线。移动转角点上的切线手柄时，只能调整该点的切线手柄所在的那一边的曲线。（1）调整直线段：.a、选择部分选取工具，然后选择直线段。 .b、使用部分选取工具可以将线段上的锚记点拖动到新位置。 （2）要调整曲线段：选择部分选取工具并拖动该线段。 五、椭圆、矩形工具椭圆工具用于绘制圆、椭圆等图形。按住 Shift 键可以画出正圆。矩形工具用于绘制长方形、正方形

15、。打开属性面板可以调整笔触、填充色。利用选项可以调圆角半径的设置，大于0的是圆角。其下面含有隐含工具多边形工具，在属性面板选项设置星形顶点大小。六、墨水瓶、颜料桶工具墨水瓶工具用来给对象的边框上色。颜料桶工具对图像进行填色，根据选项的不同可以采取多种填充方式。(1)不封闭空隙：不封闭的区域不能进行填充。(2)不封闭小空隙：间隙较小的不封闭区域也可进行填充。(3)不封闭中空隙：允许较大的空隙。(4)不封闭大空隙：允许更大的空隙。七、橡皮擦工具本工具用来擦除一些不需要的线条或区域。要灵活使用此工具，首先就得掌握其各个选项。擦除模式：A、一般擦除(Erase Normal)：凡擦胶经过的地方都被清除

16、；当然，不是当前层的内容不能清除。B、填色擦除(Erase Fills)：只擦除填色区域内的信息，非填色区域，如边框不能擦除。C、线段擦除(Erase Line)：专门用来擦除对象的边框与轮廓。D、擦除指定填色(Erase Selected Fills)：清除选定区域内的填色。E、擦除内部(Erase Inside)：必须由内到外擦除，才管用。八、选择工具可以选定、移动、编辑、复制。Ctrl+拖动可以复制。九、任意变形工具注意有四个选项：旋转与倾斜、缩放、扭曲、封套。如果旋转时不想绕中心转可以调整中间的白色圆点。十、填充变形工具利用出现的三个图标调整即可。十一、手形平移工具可以对舞台进行平移。

17、十二、文本工具可以输入文字，利用属性面板进行字体、字号、文字方向、文本类型的设置等。第三部分 创建时间轴动画在 Flash8 中，大多数简单的动画都是通过使用被称为补间的过程完成的。补间是“在中间”的简称，它是指填充两个关键帧之间的帧，以便第一个关键帧中显示的图形更改为第二个关键帧中显示的图形。在 Flash8 中可以创建两种类型的补间：补间动画和补间形状。补间动画和补间形状的主要区别在于，补间动画针对组合对象或元件操作，而补间形状与不是元件且未组合的对象一起使用。一、帧的基本概念在动画中，帧相当于一格影片，多个帧即多格影片串连起来就组成了动画或电影。帧在时间轴上的排列顺序决定了一个动画的播放

18、顺序，至于每帧有什么具体内容，则需在相应的帧的工作区域内进行制作；比如我在第一帧绘了一幅图，那么这幅图只能作为第一帧的内容，第二帧还是空的；一个动画，除了帧的排列顺序，即先放什么，后放什么，动画播放的内容即帧的内容，也是至关紧要、缺一不可的。提示：帧的播放顺序，不一定会严格按照时间轴的横轴方向进行播放，比如自动播放到哪一帧就停止下来接受用户的输入或回到起点重新播放，直到某件事情被激活后才能继续播放下去，等等，这涉及到 Flash 的 Action ，对于这种互动式 Flash ，我们将在 Flash 高级应用中讲解，此处，大家只需有个概念就行了。1、关键帧：关键帧定义了一个过程的起始和终结，又

19、可以是另外一个过程的开始。2、过渡帧：两个关键帧之间的部分就是过渡帧，它们是起始关键帧动作向结束关键帧动作变化的过渡部分。在进行动画制作过程中，我们不必理会过渡帧的问题，只要定义好关键帧以及相应的动作就行了。过渡帧用灰色表示。既然是过渡部分，那么这部分的延续时间越长，整个动作变化越流畅，动作前后的联系越自然。但是，中间的过渡部分越长，整个文件的体积就会越大，这点大家一定要注意。3空白关键帧：在一个关键帧里，什么对象也没有，这种关键帧，我们就称其为空白关键帧。关键帧、过渡帧的用途还好理解，那么空白关键帧中既然什么都没有，那还有什么用途？呵呵，它的用途可大了，特别是那些要进行动作(Action)调

20、用的场合，常常是需要空白关键帧的支持的。帧的基本操作有定义关键帧、清除关键帧、插入帧、清除帧、复制帧等。二、逐帧动画倒计时效果1、设置文件的整体属性：大小、背景色、帧频等。2、第一帧内容：文本工具输入“5”选择工具选中“5”对齐面板中，选中相对于舞台，垂直、水平居中（让5在舞台正中央）。3、第二帧内容：按F6（插入关键帧），利用文本工具把“5”改成“4”。4、第三帧内容：按F6，利用文本工具把“4”改成“3”。5、第四帧内容：按F6，利用文本工具把“3”改成“2”。6、第五帧内容：按F6，利用文本工具把“2”改成“1”。速度太快，可以插入帧，按f5插入。三、逐帧动画手写字效果1、用文本工具在舞

21、台中央输入文字“ABC”选择工具选中文字利用属性面板调整文字大小利用对齐面板让文字居于舞台中央。2、选中文字，把文字分离：按ctrl+B键即可。3、第2帧：按F6，用橡皮擦去部分文字，倒着擦。4、第3帧：按F6，用橡皮擦去部分文字，倒着擦。重复多次的操作，即可，如可到70帧。帧数越多越真实。5、选中所有帧，右击选择“翻转帧”。四、变形动画1、第1帧：画一无边框矩形。2、第40帧：插入空白关键帧（F7键），画一圆形。3、创建补间：选中第一帧属性面板补间形状。变成绿色的一条线，表明成功。4、按回车键或ctrl+回车键，可心测试最终效果。五、可控变形动画1、第1帧：文本工具输入“1”选择工具选中放大

22、文字对齐面板调整位于舞台中央分离文字（Ctrl+B）。2、第35帧：文本工具输入“2”选择工具选中放大文字对齐面板调整位于舞台中央分离文字（Ctrl+B）。3、选中第1帧，创建形状补间。4、选中第1帧，修改菜单形状添加形状提示；选取35帧，调节形状提示的位置。同样的方法，可以多加好多个形状提示。5、按回车键或ctrl+回车键，可心测试最终效果。六、颜色变形动画1、第1帧：用椭圆工具在舞台中央画一个无边的黄色正圆，使用对齐面板让其位于舞台中央。2、第40帧：F7插入空白关键帧。用椭圆工具在舞台中央画一个花瓣形状的图形用任意变形工具调整中心点到下端选择工具选中图形变形面板中，旋转角度设为30，点右

23、下角的“复制并变形按钮”，形成一个花朵。让其位于舞台中央。3、创建形状补间动画。4、按回车键或ctrl+回车键，可心测试最终效果。七、旋转动画1、第1帧：绘制矩形，无边黑色，右键转为元件图形。2、第35帧：按F6，创建形状补间动画。3、选中第1帧，属性面板旋转顺时针。4、按回车键或ctrl+回车键，可心测试最终效果。八、运动动画的缓动变化1、椭圆工具在舞台左侧画无边正圆，填充辐射红黑渐变，转成元件图形（按ctrl+F8键）。2、第35帧，拖动圆到右端。3、创建动作补间。4、选中第1帧，缓动调整：100越来越慢，-100越来越快。单击编辑：可添加关键点，越向右下越慢，越向左上越快，选中某一帧，拖

24、动球，可以调成“之”字形路线。九、路径动画1、椭圆工具在舞台左侧画无边正圆，填充辐射红黑渐变，转成元件图形（按ctrl+F8键）。2、第35帧，拖动圆到右端。3、创建动作补间。4、添加运动引导层。用铅笔工具选择平滑样式,绘制一条曲线。5、按回车键或ctrl+回车键，可心测试最终效果。十、路径动画模拟天体运动1、利用矩形工具无边的黑色矩形；用椭圆工具画一无边的正圆，填充辐射渐变，把圆形放到矩形上边，作成一个天体形状，转换成元件图形。30帧按F6，调节位置，生成动作补间动画。2、添加运动引导层，用椭圆工具画一正圆，无填充色，用橡皮工具擦除一个缺口，做成图形作为运动路径。3、选中第1帧，对齐到起点，

25、选中30帧，拖到终点。4、为避免运动生硬，选取第1帧，勾选“调整到路径”。5、按回车键或ctrl+回车键，可心测试最终效果。十一、遮罩动画1、图层1，绘制一个黑色无边的矩形。2、插入一个图层2，绘一红色无边圆形，放到矩形正上面转成元件（ctrl+F8），第20帧插入关键帧，创建动作补间。3、图层2中右击遮罩层。4、两把锁都加上才有遮罩效果，在遮罩层上添加动画。十二、探照灯效果1、图层1输入文字，把文字拖到舞台中央，调整好文字的字体和字号，锁定图层1。2、图层2：用椭圆工具绘制无边的正圆把图形转成元件（ctrl+F8）图形；30帧按F6，创建补间动作动画。3、图层1的30帧处按F5。4、选中图层

26、2，右键设成遮罩层。5、两层都锁定时，可心看到效果。十三、滚动字幕1、图层1中加入文字，文字须为多行的用选择工具把文字调节到舞台的下方35帧按F6把文字拖到舞台的上方选中第一帧创建补间。为保证文字运动的路线垂直，可用光标键调整，按住shift 键可以加快运动的速度。2、插入图层2，绘制一个矩形，面积是观察口，可以观察到图形。3、右击图层2，设为遮罩层。十四、闪光文字效果1、图层1：文本工具要舞台中央输入文字，调好文字位置，可以使用对齐面板，文字设置为黑体隶书较好。2、图层2：把图层1的文字复制到图层2，复制时用ctrl+V,粘贴时用ctrl+shift+V可以粘贴在原位。3、在图层1和图层2之

27、间加入一个图层3，锁定图层1和图层2。在图层3上绘制一个无边的白色矩形条修改形状柔化填充边缘15或20转换成元件（ctrl+F8）图形选取第一帧调矩形位置到左侧选限第35帧，按F6生成补间动画。4、把图层2设置为（图层3的）遮罩层。十五、百叶窗效果1、导入一幅图（Ctrl+R），调整好图片大小：800*600，舞台大小也设置为800*600。2、加入新层图层2，放到图层1的上方，绘制无边黑色的矩形，用ctrl+拖动实现矩形复制，要注意最下面一个矩形与舞台下边缘对齐；选中所的矩形对齐面板相对于舞台垂直分布；选中第35帧按F6；选中第一帧，选中第一个矩形变形面板，高度为由100%变为1%，每个距形

28、都这样调整，选中第一帧创建形状补间变形动画。添加形状变形提示，修改形状添加形状提示，可以添加多个。3、把图层2设置为图层1的遮罩层。4、在图层2的36帧，画一无边的黑色矩形，可延长几帧，同时也延长图层1的帧数。十六、雪花飞舞1、设置舞台颜色为蓝色。2、ctrl+F8图形命名“xuehua”确定；开始编辑元件。3、用椭圆工具画一个无边填充为纯白色的正圆修改形状柔化填充边缘确定；加入运动引导层用铅笔工具画一条雪花飘落的曲线45帧处按F6建立运动补间动画；调整路径层45帧处按F5。4、回到场景Ctrl+L打开库面板把雪花拖入场景。5、建立图层2，把雪花拖入。重复操作。6、可以通过移动帧的位置让雪花的

29、出现杂乱无障。7、选中场景中的雪花，通过变形面板，可调整变形为60%、70%、80%等，让雪花大小不一。十七、按钮符号的创建和使用1、创建：Ctrl+F8按钮命名2、四种状态：弹起（放置不操作）、鼠标经过、按下、点击（不做设置，只是光标过按钮变小手）。十八、模糊滤镜的使用1、图层1输入文字用选择工具调整到舞台中央舞台设置为黑色。2、加入新层，图层2，拖到图层1的下方，为层1加锁，把图层1的文本复制到图层2，按ctrl+shift+V复制到原位，把图层2的文字颜色设置为黄色属性面板滤镜模糊设置3、解锁第一层。十九、其他滤镜1、发光滤镜2、斜角滤镜3、调整颜色滤镜二十、时间轴特效1、变形特效：舞台

30、中央绘制无边蓝色距形在距形上右击时间轴特效变形与转换变形打开对话框设置可用“更新预览”2、转换特效：输入文本选中文本右击文本时间轴特效变形与转换变形转换。3、分离特效：输入文本选中文本右击文本时间轴特效效果分离4、展开特效：输入文本选中文本右击文本时间轴特效效果展开二十一、下雨效果1、舞台背景调整为黑色。2、ctrl+F8新建元件图形，命名为“yu si”；线条工具白色，画一斜线；15帧按F6，把雨丝向下拖动，右击创建运动补间动画。插入图层2，把图层2拖动到图层1的下方，椭圆填充黑白渐变；编辑渐变，加入墨水瓶，第一个墨水瓶纯白，alpha值调整为0；第二个墨水瓶纯白，alpha值调整为100；第三个墨水瓶纯白，alpha值调整为0绘制一个正圆，即一个涟漪，选择对齐面板让其居于舞台中央，用变形工具压扁。选取15帧按F6。回到第一帧，变形20%，创建形状补间。3、回到场景，把雨丝拖到场景中，新建图层并不断地拖动，在新建层的45帧处按F5，调整图层位置杂乱无障。二十二、闪闪的红星1、图层1：矩形工具多边形