Flash教案

江华瑶族自治县职业中专学校

2013年上期Flash理论课教案

模块一

任课教师： 杨智丽

任教科目： Flash

任教专业（年级）： 计算机（职一）

任教班级： 1213班

主要内容： Flash CS3 动画绘制

总课时: 8课时 (2月27--3月29）

课题一：Flash CS3 入门

课时：2

教学目标：

1、 了解Flash CS3 软件 2、 熟悉Flash CS3的操作界面 3、 认识Flash CS3工具栏的工具

教学重点与难点：

1. 熟悉Flash CS3的操作界面 2. 认识Flash CS3工具栏的工具

教学内容：

1、 Flash CS3软件简介 2、 Flash CS3 工作环境

教学过程：

一、 组织教学 二、 导入

同学们喜欢看动画片，喜欢看电视、喜欢看网上的搞笑视频。可以说我们在电视上、手机上、网络中我们都可以看到动画的身影。动画片是用什么软件制作出来的呢？这个学期我们就一起来学习制作动画的软件——Flash CS3。

三、 讲授新课

（一）Flash 介绍

Flash是一个非常优秀的矢量动画制作软件，网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果，所以被广泛应用于网页动画的设计中，成为当前网页动画设计最为流行的软件之一。Flash的功能强大，应用领域也越来越广泛。Flash在动画设计、网络横幅广告、网站制作、游戏制作、电子贺卡、手机彩信、多媒体课件、电影特效等领域有较为广泛的应用。

（二）操作界面

Flash CS3的操作界面由以下几部分组成：菜单栏、主工具栏、工具箱、时间轴、场景和舞台、属性面板以及浮动面板 。

Flash CS3的菜单栏依次分为：“文件”菜单、“编辑”菜单、“视图”菜单、“插入”菜单、“修改”菜单、“文本”菜单、“命令”菜单、“控制”菜单、“调试”菜单、“窗口”菜单及“帮助”菜单。

为方便使用，Flash CS3将一些常用命令以按钮的形式组织在一起，置于操作界面的上方。主工具栏依次分为：“新建”按钮、“打开”按钮、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、“粘贴”按钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑”按钮、“伸直”按钮、“旋转与倾斜”按钮、“缩放”按钮以及“对齐”按钮。

工具箱提供了图形绘制和编辑的各种工具，分为“工具”、“查看”、“颜色”、“选项”4个功能区。

“工具”区

提供选择、创建、编辑图形的工具。 “查看”区

改变舞台画面以便更好地观察。 “颜色”区

选择绘制、编辑图形的笔触颜色和填充色。

“选项”区

不同工具有不同的选项，通过“选项”区为当前选择的工具进行属性选择。

时间轴用于组织和控制文件内容在一定时间内播放。按照功能的不同，时间轴窗口分为左右两部分，分别为层控制区、时间线控制区。

网格、标尺和辅助线是3种辅助设计工具，它们可以帮助Flash动画制作者精确地勾画和安排对象。

使用网格：视图——网格线

使用标尺可以度量对象的大小比例，这样可以更精确地绘制对象。视图——标尺

（三） 设计图形色彩

1、颜料桶工具：“颜料桶工具”可以使用纯色、渐变色和位图对闭合的轮廓进行填充。

2、“颜色”面板可以方便地对线条和形状的填充颜色进行创建编辑。

渐变填充：线性渐变填充和放射状渐变填充

选择放射状渐变 添加渐变色块 四、 教学后记

课题三：复杂绘图

课时：4

教学目标：

1. 熟练使用钢笔工具、铅笔工具、刷子工具 2. 使用部分选择工具、橡皮擦工具修改图形

教学重点与难点：

1. 钢笔工具、部分选择工具 2. 部分选择工具

教学内容：

1. 钢笔工具 、部分选取工具 、铅笔工具 2. 刷子工具 、橡皮擦工具

教学过程：

一、 组织教学 二、 导入

上节课我们学习了椭圆、矩形工具组，也绘制了一幅漂亮的宁静的夜，同学们画得都还不错，而且有几个同学发挥自己的想象力，绘制小草、大树、现代式的房子。我希望同学们在学习中，不要只局限于老师教的跟书本上的知识。这节课我们要学习另外常用的工具，在这之后，我们就可以绘制相对复杂的图形了。

三、 讲授新课

（一）钢笔、任意选取、铅笔、刷子工具 1、Flash CS3中钢笔工具组包括钢笔工具 锚点工具

、转换锚点工具

、添加锚点工具

、删除

4种，钢笔工具用来绘制任意直线、折线或曲

线。选择“钢笔工具” ，展开“属性”面板，可以设置笔触颜色、笔触样式等。

用钢笔工具绘制直线

添加和删除锚点

用钢笔工具绘制曲线

2、部分选取工具

使用“部分选取工具” 可以精细地调整线条的形状。 调整形状

改变折线形状

3、“铅笔工具”用来自由手绘线条。 “铅笔工具”选项：

4、刷子工具

的大小和样式：

，弹出刷子填充模式

单击 “刷子模式”按钮

下拉菜单，在其中可以选择“标准绘画”、“颜料填充”、“后面绘画”、“颜料选择”和“内部绘画”5种填充模式。

5、橡皮擦工具

单击“橡皮擦模式”按钮 ，在弹出的菜单中有5个选项： 标准擦除、擦除填色、擦除线条、擦除所选填充。 注意：双击橡皮擦工具，可以删除舞台上的全部内容。

（二）、图形变形 1、任意变形工具

任意变形工具

旋转和倾斜

用来对绘制的对象进行缩放、扭曲和旋转等变形操作。

缩放

扭曲

封套

可以使用“扭曲”和“封套”工具的对象包括形状；利用铅笔工具、钢笔工具、线条工具和刷子工具绘制的对象；打散后的文字。以下对象是不能使用“扭曲”和“封套”工具的：图元、群组、元件、位图、视频对象、文本和声音。 2、变形面板

“变形”面板可以对选定对象执行缩放、旋转、倾斜和创建副本的操作。 “缩放”：可以在相应的文本框中输入“垂直”和“水平”缩放的百分比值，选中“约束”复选框，可以使对象按原来的长宽比例进行缩放。

“旋转”：在相应的文本框中输入旋转角度，可以使对象旋转。

“倾斜”：在相应的文本框中输入“水平”和“垂直”角度可以倾斜对象。 “复制并应用变形”按钮：可以复制出新对象并且执行变形操作。 “重置”按钮：用来恢复上一步的变形操作。

（三）、绘制模式

1、合并绘制模式

形状是在“合并绘制”模式下创建的图形对象，它是绘图的默认模式，这种模式下绘制的形状会发生合并现象。

两个不同颜色的形状相互接触会发生切割，相同颜色的形状相互重合会发生融合现象，这是一个非常重要的绘图技巧。

为避免形状相互切割或融合，可以将形状转换为组（或称群组对象）。 组对象和形状没有切割。

3、 对象绘制模式

“对象绘制”按钮

。它用于在“合并绘制”模式与“对象绘制”模式之间切换。

使用“对象绘制”模式绘制出的图形叫“绘制对象”，它的笔触和填充都不是单独的元素，而是一个整体，所以在相互重叠时不会发生融合或切割。

绘制对象也能完成切割和组合，Flash提供了一组“合并对象”命令， 包括联合、交集、打孔和裁切。

3、图元对象绘制模式

“图元对象绘制”模式实质是“对象绘制”模式的高级应用，它在“对象绘制”模式的基础上增加了对图形的自由调整和控制手柄， 可以更方便地调整图形。 在Flash CS3中只有基本矩形工具和基本椭圆工具绘制对象时采用这种模式。使用这种模式绘制出的对象就是图元对象。 （四）、多图层绘图

图层就像透明的玻璃纸一样，可以在舞台上一层层叠加。每个图层上都可以放置不同的图形，而且在一个图层上绘制和编辑对象，不会影响其他图层上的对象。 1、新建图层

（1）“插入图层”按钮

（2）“插入”|“时间轴”|“图层”命令。

（3）在时间轴的层编辑区右击某个图层，选择“插入图层”命令。 2、图层重命名

3. 选取图层 4. 删除图层

5. 隐藏图层

四、 教学后记

6. 锁定图层

江华瑶族自治县职业中专学校

2013年上期Flash理论课教案

任课教师： 杨智丽

任教科目： Flash

任教专业（年级）： 计算机（职一）

任教班级： 1213班

主要内容： Flash CS3基础动画制作

总课时: 30课时 (2月26--3月22）

江华瑶族自治县职业中专学校

2013年上期Flash理论课教案

模块二

任课教师： 杨智丽

任教科目： Flash

任教专业（年级）： 计算机（职一）

任教班级： 1213班

主要内容： Flash CS3基本动画制作

总课时: 6课时 (4月1--4月30）

课题四：逐帧动画

课时：2

教学目标：

1. 理解帧的基本概念和操作 2. 熟练制作逐帧动画

教学重点与难点：

1. 关键帧、普通帧、移动复制帧、翻转帧 2. 逐帧动画制作方法

教学内容：

1. 帧的基本概念、帧操作

2. 逐帧动画制作方法、绘图纸的功能

教学过程：

一、 组织教学 二、 导入

同学们，在能够绘制静态图形之后，我们就会想怎样让我们的图形动起来呢。在之这前我们接触到了帧，也做了几个简单的动画。这次课我们就深入的学习逐帧动画，理解动画原理。学完之后，同学们就可以发挥想象做出有个性的动画来。

三、 讲授新课

（一） 帧的基本概念

一帧就是一副静止的画面，连续的帧就形成动画。按照视觉暂留的原理每一帧都是静止的图象，快速连续地显示帧便形成了运动的假象。在Flash文档中，帧表现在“时间轴面板”上，外在特征是一个个小方格。它是播放时间的实例化表现，也是动画播放的最小时间单位，可以用来设置动画运动的方式、播放的顺序及时间等。 1、 关键帧

关键帧定义了动画的变化环节，逐帧动画的每一帧都是关键帧。实心圆点是有内容的关键帧，即实关键帧。而无内容的关键帧（即空白关键帧）则用空心圆表示。

2、 普通帧

普通帧显示为一个个普通的单元格。空白的单元格是无内容的帧，有内容的帧显示出一定的颜色。不同的颜色代表不同类型的动画，如动作补间动画的帧显示为浅蓝色，形状补间动画的帧显示为浅绿色。而静止关键帧后的帧显示为灰色。关键帧后面的普通帧将继承和延伸该关键帧的内容。 3、 播放头

播放头指示当前显示在舞台中的帧，将播放头沿着时间轴移动，可以轻易地定位当前帧。用红色矩形表示，红色矩形下面的红色细线所经过的帧表示该帧目前正处于“播放帧”。 （二） 帧操作 1、 选择帧

动画中的帧有很多，在操作中首先要准确定位和选择相应的帧。然后才能对帧进行其他操作。如果选择某单帧来操作，可以直接单击该帧；如果要选择很多连续的帧，无论正在使用的是哪种工具，都可以在要选择的帧的起始位置处单击然后拖动光标到要选择的帧的终点位置，此时所有被选中的帧都显示为黑色的背景。 2、 翻转帧

我们在创作动画时，一般是把动画按顺序从头播放，但有时也会把动画再反过来播放，创造出另外一种效果。这可以利用“翻转帧”命令来实现。它是指将整个动画从后往前播放，即原来的第一帧变成最后一帧，原来的最后一帧变成第一帧，整体调换位置。“翻转帧”首先选定所有的帧，然后在帧格上右击，在弹出的快捷菜单中选择“翻转帧”命令即可。

3、 添加帧

（1）创建关键帧。系统默认第一帧为空白关键帧。如果要在关键帧后面再建立一个关键帧，在时间轴窗口所需插入的位置上单击鼠标右键，这时会弹出一个快捷菜单。选择其中的“插入关键帧”命令即可。如果要同时创建多个关键帧的单元格，只要用鼠标选择多个帧的单元格，单击右键，在弹出的快捷菜单中然后选择“插入关键帧”命令即可。

（2）创建空白关键帧。在时间轴窗口所插入的位置上，选择一个单元格，单击鼠标右键在弹出的快捷菜单中选择“插入空白关键帧”选项即可。空白关键帧没有显示内容，可以转换为关键帧，只要在空白关键帧中添加内容，这个单元格里就会出现黑色的小圆圈，说明空白关键帧已经变成了关键帧。 4、 移动和复制帧

选中的帧显示为黑色背景，然后按住鼠标左键拖动到需要移动到的新位置，释放左键，帧的位置就变化了。如果既要插入帧又要把编辑制作完成的帧直接复制到新位置，那么还是先要选中这些需要复制的帧，再单击鼠标右键，在弹出的快捷菜单中选择“复制帧”命令，右键单击新位置，在弹出的菜单中执行“粘贴帧” 命令，就可以将所选择的帧复制并移动到指定位置。 5、 删除帧

如果要删除的是关键帧，可以单击鼠标右键在弹出的快捷菜单中选择“清除关键帧” 命令。选择“插入”|“时间轴”| “清除关键帧”命令也可实现帧的删除。如果要删除的是普通帧或是空白关键帧，将某些要删除的帧选中，单击鼠标右键并在弹出的快捷菜单中选择“删除帧”命令就可以了 （三） 动画制作方法

逐帧动画是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。因此帧动画的每1帧都有一个关键帧，也就意味着每个帧都可以放置不同的图形，这种在不同的时间段（帧）放置变化的图形以此构成的动画就是逐帧动画。 因此逐帧动画的制作方法包括两个要点，一是逐帧添加关键帧，二是在关键帧中绘制不同的图形。这样快速播放时产生了动画。下面进行具体操作。

（1）

在新建的Flash文档中，单击第2帧并拖动至第5帧，选择这4帧。

（2） 选择“插入”|“时间轴”|“转换为关键帧”命令或按下快捷键F6，将第2~5帧全部转换为关键帧。

（3） （4）

依次选择第1~5帧，放置已经绘制好的图片。

按下快捷键Ctrl＋Enter测试动画，逐帧动画的效果就完成了。

（四） 绘图纸的功能

绘图纸是一个帮助定位和编辑动画的辅助功能，这个功能对制作逐帧动画

特别有用。通常情况下，Flash 在舞台中一次只能显示动画序列的单个帧。使用绘图纸功能后，就可以在舞台中一次查看两个或多个帧了。

“绘图纸”各个按钮的功能： （1）

“绘图纸外观”按钮图纸外观标记围。

（2）

“绘图纸外观轮廓”按钮

：按下此按钮后，场景中显示各帧内容：按下此按钮后，在时间轴的上方，出现绘

。拉动外观标记的两端，可以扩大或缩小显示范

的轮廓线，填充色消失，特别适合观察对象轮廓，另外可以节省系统资源，加快显示过程。

（3）

“编辑多个帧”按钮

：按下此按钮后可以显示全部帧内容，并且

可以进行“多帧同时编辑”。

（4）

“修改绘图纸标记”按钮：按下此按钮后，弹出下拉菜单，菜单中有以下选项：

（5）

“总是显示标记”选项：会在时间轴标题中显示绘图纸外观标记，无论绘图纸外观是否打开。

（6）

“锚定绘图纸”选项：会将绘图纸外观标记锁定在它们在时间轴标题中的当前位置。通常情况下，绘图纸外观范围是和当前帧的指针以及绘图纸外观标记相关的。通过锚定绘图纸外观标记，可以防止它们随当前帧的指针移动

四、 教学后记

课题五：补间动画

课时：4

教学目标：

1. 掌握制作补间动画的方法 2. 会制作补间动画

教学重点与难点：

1. 补间动画的制作方法 2. 补间动画的参数设置

教学内容：

1. 补间动画的制作方法

2. “缩放”选项、“缓动”选项、“旋转”选项 3. “调整到路径”选项、“同步”选项、“对齐”选项

教学过程：

一、 组织教学 二、 复习导入 三、 讲授新课

（一） 补间动画的概念

补间动画，是指只要做好起点关键帧和终点关键帧的图像，Flash就会自动补上中间的动画过程。（在Flash中创建补间动画时，在动画的起始和终止点必须加入了关键帧。同时补间动画的对象必须具有群组和元件的属性。能够创建补间动画的对象包括：影片剪辑、图形元件、按钮、文字及导入的位图等。） （二） 制作补间动画的方法

补间动画的基本制作方法是，在一个关键帧上放置一个对象，然后在另一个关键帧改变这个对象的大小、位置、颜色、透明度、旋转、倾斜、滤镜参数等。接着定义补间动画，Flash就会自动补上中间的动画过程。

构成补间动画的对象包括元件（影片剪辑元件、图形元件、按钮元件）、文字、位图、组等，但不能是形状，只有把形状组合成“组”或者转换成“元件”

后才可以做“补间动画”。

下面制作一个救护车行进的动画效果。

（1）新建一个Flash CS3影片文档，设置舞台背景色为蓝色。 （2）选择文本工具，在“属性”面板中，设置字体为Webdings，字体大小为200，文本颜色为白色。

（3）在舞台上单击，然后按“h”键，这样舞台上就出现一个救护车符号。将这个救护车符号拖放到舞台的右边。

（4）选择“图层1”的第35帧，按F6键插入一个关键帧。 （5）把第35帧上的救护车移动到舞台的左边。

（6）选择任意一帧，右击创建补间动画。

（7）这时，“图层1”第1帧到第35帧之间出现了一条带箭头的实线，并且第1帧到第35帧之间的帧格变成淡紫色。

（8）这样我们就完成了一个补间动画的制作。按下Enter键，就可以看到救护车从舞台右侧行进到舞台左边的动画效果。

（三） 补间动画的参数设置 1、 “缩放”选项

在制作补间动画时，如果在终点关键帧上，更改了动画对象的大小，那么这个“缩放”选项选择与否就影响动画的效果。 如果选择了这个选项，那么就可以将大小变化的动画效果补出来。也就是说，你可以看到动画对象从大逐渐变小（或者从小逐渐变大）的效果。 如果没有选择这个选项，那么大小变化的动画效果就补不出来。默认情况下，“缩放”选项自动被选择。 2、 “缓动”选项

单击“缓动”右边的折角按钮，弹出滑杆，拖动上面的滑块，可设置参数值。也可以直接在文本框中输入具体的数值，设置完后，补间动画效果会以下面的设置作出相应的变化：

在-1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。

在“缓动”选项右边有一个“编辑”按钮，单击“编辑”按钮，可以弹出“自定义缓入/缓出“对话框，如图5所示。利用这个功能，我们可以制作出更加丰富的动画效果。

3、 “旋转”选项

“旋转”下拉列表中包括4个选项。选择“无”（默认设置）可禁止元件旋转；选择“自动”可使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”（CW）或“逆时针”（CCW)），并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。 4、 “调整到路径”选项

将补间对象的基线调整到运动路径，此项功能主要用于引导路径动画。在定义引导路径动画时，选择了这个选项，可以使动画对象根据路径调整身姿，使动画更逼真。 5、 “同步”选项

选择这个复选框，可以使图形元件实例的动画和主时间轴同步。 6、 “对齐”选项

可以根据其注册点将补间对象附加到运动路径，此项功能主要也用于引导路径运动。

四、 教学后记

课题六：补间形状动画

课时：2

教学目标：

1. 掌握制作补间形状动画的方法 2. 会制作补间形状动画

教学重点与难点：

1. 补间形状动画的制作方法 2. 补间形状的参数设置

教学内容：

1. 补间形状动画的制作方法 2. 缓动选项、混合选项 3. 添加形状提示

教学过程：

一、 组织教学 二、 导入

Flash可以创建两种类型的补间动画：补间动画和补间形状。这节我们学习补间的另一种类型：补间形状。在补间形状中，在一个关键帧绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状。 通过补间形状，可以创建类似于形变的效果，使一个形状看起来随着时间变成另一个形状，就像《西游记》中孙悟空的“七十二般变化”一样。Flash 也可以补间形状的位置、大小、颜色。

三、 讲授新课

（一） 制作补间形状的方法

补间形状的基本制作方法是，在一个关键帧上绘制一个形状，然后在另一个关键帧更改该形状或绘制另一个形状。接着创建补间形状，Flash就会自动补上中间的形状渐变过程。

下面制作一个五边形变成五角星的动画效果。

（1）新建一个Flash CS3文档，保持文档属性默认设置。

（2）选择“多角星形工具”，在舞台上绘制一个无边框红色填充的五边形。

（3）在“图层1”的第25帧，按F7键插入一个空白关键帧。用“多角星形工具”绘制一个无边框红色填充的五角星。

（4）选择中间的任意一帧，右击创建补间形状

（5）这时，“图层1”第1帧到第20帧之间出现了一条带箭头的实线，并且第1帧到第25帧之间的帧格变成绿色。

（6）这样我们就制作完成了一个补间形状动画。按下Enter键，可以看到一个五边形逐渐变化为五角形。

（7）补间形状除了可以制作形状的变形动画，也可以补间形状的位置、大小、颜色。选择第25帧上的矩形，将它的填充颜色更改为黄色。

（8）再按下Enter键，可以看到一个五边形逐渐变化为五角形，并且同时图形颜色由红色逐渐过渡为黄色。

（二） 补间形状的参数设置

定义了补间形状后，在“属性”面板中可以进一步设置相应的参数，以使得动画效果更丰富。

1．“缓动”选项

单击“缓动”右边的按钮，弹出滑杆，拖动上面的滑块，可设置参数值。也可以直接在文本框中输入具体的数值，设置完后，补间形状效果会以下面的设置作出相应的变化：

在-1到 -100 的负值之间，动画的速度从慢到快，朝动画结束的

方向加速补间。在1 到 100 的正值之间，动画的速度从快到慢，朝动画结束的方向减速补间。

默认情况下，补间帧之间的变化速率是不变的。 2．“混合”选项

这个选项的下拉列表中有两个选项：

分布式：创建的动画的中间形状更为平滑和不规则。 角形：创建的动画中间形状会保留有明显的角和直线。

“角形”只适合于具有锐化转角和直线的混合形状。如果选择的形状没有角，Flash会还原到分布式补间形状。 （三） 添加形状提示

要控制更加复杂多变的形状变化，可以使用形状提示。形状提示会标识起始形状和结束形状中相对应的点。选择“修改”|“形状”|“添加形状提示”命令

四、 教学后记

江华瑶族自治县职业中专学校

2013年上期Flash理论课教案

模块三

任课教师： 杨智丽

任教科目： Flash

任教专业（年级）： 计算机（职一）

任教班级： 1213班

主要内容： Flash CS3特殊动画制作

总课时: 8课时 (5月5--5月31）

课题七：引导路径动画

课时：4

教学目标：

1. 掌握制作引导路径动画的方法 2. 会制作引导路径动画

教学重点与难点：

1. 引导路径动画的制作方法

教学过程：

一、 组织教学 二、 导入

在前面几节里，我们已经给大家介绍了一些动画效果，这些动画的运动轨迹都是直线的，可是在生活中，有很多运动路径是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在Flash中能不能做出这种效果呢？

三、 讲授新课

（一） 引导路径动画的概念

引导路径动画，是将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。一个最基本“引导路径动画”由两个图层组成，上面一层是“引导层”，它的图层图标为同普通图层一样。

（二） 制作引导路径动画的方法

下面通过制作一个轮船沿圆周行驶的动画，讲解制作引导路径的方法。 （1）新建一个Flash CS3影片文档，设置舞台背景色为蓝色。

（2）选择“文本工具”。在“属性”面板中，设置字体为Webdings，字体大小为96，文本颜色为白色。

（3）在舞台上单击，然后按o键，这样舞台上就出现一个轮船符号。

，下面一层是“被引导层”，图标为

，

（4）在“图层1”的第50帧按F6键插入一个关键帧，将轮船移动到其他位置。

（5）选择第1帧，在“属性”面板的“补间”下拉列表中选择“动画”。这样就定义从第1帧到第50帧的补间动画。这时的动画效果是轮船直线行驶。

（6）选择“图层1”，单击“添加运动引导层”按钮

，这样“图层1”

上面就出现一个引导层，并且“图层1”自动缩进。如图所示。

（7）选择“椭圆工具”，设置“笔触颜色”为黑色，“填充色”为无。在舞台上绘制一个大椭圆。

（8）选择“橡皮擦工具”，在选项中选择一个小一些的橡皮擦形状。将舞台上的圆擦一个小缺口。

（9）切换到“选择工具”。确认“紧贴至对象“按钮

处于被按下状态。

选择第1帧上的轮船，拖动它到圆缺口左端点。如图4堂教学所示。注意在拖动过程中，当轮船快接近端点时，会自动吸附到上面。

（10）按照同样的方法，选择第50帧上的轮船，拖动它到圆缺口右端点。

图5 轮船吸附到左端点

（11）现在按下Enter键，可以观察到轮船沿着圆周在行驶。但是轮船的航行姿态不符合实际情况。下面我们进行改进。

（12）选择第1帧，在“属性”面板中选择“调整到路径”复选框。如图6所示。

图6 调整到路径

（13）测试影片，可以观察到轮船姿态优美地沿着圆周行驶。 （三） 实战范例

四、 教学后记

课题八：遮罩动画

课时：4

教学目标：

1. 理解遮罩动画的制作原理 2. 掌握遮罩动画制作的一般步骤 3. 掌握遮罩动画操作时图层锁定的技巧

教学重点与难点：

1. 遮罩动画制作的一般步骤

2. 掌握遮罩动画操作时图层锁定的技巧

教学过程：

一、 组织教学 二、 导入

在Flash作品中，常常可以看到很多眩目神奇的效果，而其中不少就是用“遮罩”动画完成的，如探照灯、放大镜等动画效果。

那么，“遮罩”动画如何能产生这些特效呢？在本节，我们除了给大家介绍“遮罩”动画的基本知识外，还要结合实际范例讲解“遮罩”动画的制作方法和技巧。

三、 讲授新课

（一） 遮罩动画的制作原理

遮罩层是一个特殊的图层，能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。

在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。只要在某个图层上单击右键，在弹出菜单中选择“遮罩层”，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标层图标图标变为

变为遮罩

，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时。

（二） 遮罩动画制作的一般步骤

一般情况下，制作简单遮罩动画可分为以下5个步骤：

1 ）创建一个图层或选取一个图层，在其中设置出现在遮罩中的对象。 2 ）选取该图层，再单击图层区域的

按钮，在其上新建一个图层。

3 ）在遮罩层上编辑图形、文字或元件的实例。

4 ）选中要作为遮罩层的图层，单击鼠标右键，在弹出的快捷菜单中选择“遮罩层”命令。

5 ）锁定遮罩层和被遮住的层，即可在Flash中显示遮罩效果。 （三） 遮罩动画制作的实例讲解

（1）新建一个Flash CS3影片文档，保持文档属性的默认设置。 （2）导入一个外部图像（猫咪.jpg），匹配对齐到舞台上。

（3）新建一个图层，在这个图层上用“椭圆工具”绘制一个圆形（无边框，任意色）。我们计划将这个圆当做遮罩动画中的电影镜头对象来用。

现在，影片有两个图层，“图层1”上放置的是导入的图像，“图层2”上放置的是圆形（计划用做电影镜头对象）。如图1所示。

图1 舞台效果

（4）下面来定义遮罩动画效果。右击“图层2”，在弹出的快捷菜单中选择“遮罩层”命令。图层结构发生了变化。如图2所示。

图 2 遮罩图层结构

我们注意观察一下图层和舞台的变化。

“图层1”：图层的图标改变了，从普通图层变成了被遮罩层（被拍摄图层）。并且图层缩进，图层被自动加锁。

“图层2”：图层的图标改变了，从普通图层变成了遮罩层（放置拍摄镜头的图层）。并且图层被加锁。

舞台显示也发生了变化。只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象都没有显示。如图3所示。

图3 定义遮罩后的舞台效果

（5）按下Ctrl+Enter键测试影片，观察动画效果。可以看到只显示了电影镜头区域内的图像。

（6）下面我们改变一下镜头的位置。在“图层1”的第40帧按F5键添加一个普通帧。将“图层2”解锁。在“图层2”的第11、21、31、41帧按F6键添加关键帧，并改变每个关键帧圆的位置。创建补间动画。

（7）按下Ctrl+Enter键测试影片，观察动画效果。可以看到随着电影镜头的位置移动，显示出来的图像内容也发生变化，好像一个探照灯的效果。

四、 教学后记

江华瑶族自治县职业中专学校

2013年上期Flash理论课教案

模块四

任课教师： 杨智丽

任教科目： Flash

任教专业（年级）： 计算机（职一）

任教班级： 1213班

主要内容： Flash CS3综合应用

总课时: 8课时 (6月3—6月20）

课题九：按钮的制作

课时：4

教学目标：

1. 了解“按钮”在动画制作中的功能

2. 理解“按钮”元件的四种状态 3. 掌握“按钮”元件的基本制作方法

教学重点与难点：

1. 制作“按钮”元件的方法，并丰富其表现效果 2. “按钮”元件的四个状态帧的理解

教学过程：

一、 组织教学 二、 导入

提出问题：“为什么网上很多flash视频播放时，点击了以后动画才开始放，而我们前面学会做的flash一打开就开始放了。”并在课件里对有按钮的flash和没按钮的flash进行对比，引出flash里的按钮。

三、 讲授新课

（一）按钮基本概念

按钮的功能应用

展示不同类型的flash按钮，请学生来分析他们的功能，然后再小结。

按钮的新建

根据以前所讲的元件新建功能，请学生直接上台来新建按钮 提示：按钮是元件

按钮的4个状态帧

请学生根据中文字面意思来分析四个状态帧的功能 1) 弹起：代表的是按钮的初始状态;

2) 指针经过：代表鼠标的指针在按钮上停留的状态; 3) 按下：代表鼠标的指针在按钮上单击的状态; 4) 点击：用来设置鼠标动作的感应区.

? 举例说明：区域较大的文字按钮 ? 举例说明：隐形按钮

（二）制作按钮元件

具体制作步骤：

1） 新建一个Flash文档，在图层1中设置一段20帧的补间形状动画 2） 新建一个图层，在图层中新建一个按钮 3） 双击按钮，进入元件编辑模式，选择文本工具，在按钮上边输入文字“运

动”，命名为move，然后返回场景编辑模式

4） 在“动作”面板中为第一帧添加stop命令，即动画播放一开始，动画即

停止播放 5） 在“动作”面板中选择刚才建立的按钮元件，“动作”面板的标题变为“动

作-按钮”。然后添加play命令，并选择为释放事件

6） 按Ctrl+Enter组合键，测试影片。可以看到，动画是静止的。将鼠标移

到按钮上单击后，动画开始播放。

四、 教学后记

课题十：声音的合成

课时：4

教学目标：

1. 熟悉Flash支持的音频文件 2. 熟练掌握为动画添加声音的方法 3. 独立完成制作出完整的Flash动画作品

教学重点与难点：

1. Flash支持的音频文件 2. 导入和编辑声音 3. 压缩并导出声音

教学过程：

一、 组织教学 二、 导入

音效和音乐，对于任何一个FLASH动画都是非常重要的，几乎所有出色的动画，其所挑选的音乐都是精选的，甚至有很多的FLASH的音效都是由专门人士特意制作的，可见一个FLASH的好坏有一大部分因素涉及到音乐挑选的好坏。

三、 讲授新课

（一） 添加声音

Flash的声音分为事件声音和音频流两种。如果要把声音文件加入到Flash中，可以先将声音文件导入到当前文档的库。Flash可以导入的声音文件格式很多，一般情况下，在Flash中可以直接导入MP3格式和WAV格式的声音文件。

a) Flash 支持的音频文件 b) MP3 格式 c) WAV 格式 1、为flash添加背景音乐

导入声音文件的步骤如下：

a) 选择“文件”→“导入”→“导入到库”命令

b) 在“导入文件”对话框中，选择相应的要导入的.MP3、.AIFF或.WAV文件

c) 单击“确定”按钮

2、为动画添加声音

1） 在时间轴窗口中新建一个图层，并以声音文件命名 2） 在新建层的开始播放的声音层上创建一个关键帧

3） 选中关键帧，在“属性”面板中“声音”下拉列表中选择所要的声音文件

4） 在“效果”选项中选择声音效果

5） 在“同步”中选择如何控制同步声音 6） 指定声音重复播放的次数

7） 如果声音和动画的长度不相等，需要给音乐添加一个停止播放的语句 3.声音的同步：指播放动画的同时声音与动画相匹配，在“属性”面板中，声音的同步有4个选项，代表不同声音的同步类型

4.声音效果:flash中为我们提供了多种声音效果，如下图所示

（二） 编辑声音

将声音直接添加到动画的效果常常都不能满足动画的需要，在这种情况下，需要将导入的声音进行编辑。可以在“属性”面板中编辑声音，也可以在“编辑封套”对话框中编辑声音。

1、在属性面板中编辑声音

选取音频层后，在“属性”面板的“效果”下拉列表框中即可设置音频效果。 “效果”下拉列表框中各选项的含义如下。 无 左声道 右声道 从左到右淡出

从右到左淡出

淡入淡出自定义

2、在“编辑封套”对话框中编辑声音

如果要对声音进行比较细致的编辑，可以在“编辑封套”对话框中设置动画的音频效果。在“属性”面板中单击 按钮，打开“编辑封套”对话框。“

辑封套”对话框中各组成部分的作用如下。

起点游标

控制柄 音量控制线

缩放窗口内音频的显示大小。 改变时间轴的单位。

显示的单位为秒，

显示的单位为帧。

控制音频的播放，单击“播放”按钮 可以测试效果，单击 按钮可以终止播放。

四、

教学后记

本文来源：https://www.bwwdw.com/article/360r.html