Flash培训教案

第一篇：Flash培训教案

Flash培训教案

培训一：初识Flash 教学目标:熟悉FLASH的工作环境,掌握最基本的概念 教学重难点:层和元件的概念及简单运用 教学过程:

一、FLASH特点：

使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，把音乐，动画，声效，交互方式融合在一起。

二、熟悉工作环境

1、主要分为

舞台:就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑。就像演员表演的舞台，动画呈现在舞台上，超出舞台的区域就为不可见，也就是幕后，FLASH动画也要十分注重舞台和幕后的共同设计。

时间轴窗口:用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。

绘图工具栏:放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。

标准工具栏:列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

图库窗口:用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。学习FLASH也要养成良好的习惯，其中建立元件就是最基本也是最重要的，元件存放在图库中，这样便与元件的重复使用以及统一修改。

控制器面板:控制电影的播放操作的工具集合（包括影片的前进后退暂停等），一般不大常用，处于隐藏状态。

2、逐步介绍各个区域(1)时间轴

时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。

(2)元件和层概念及运用

在讲动画形式之前先讲元件和库的概念。元件主要有两个优点：可以重复使用和统一修改。介绍元件建立的两个方法：插入――建立新元件或者选择对象转换为元件。建立元件（元件的概念）组合 CTRL＋G 打散 CTRL＋B 空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。先建立一个元件，然后在场景中拉入元件，拉入后成实心点，有内容就成了实心点。单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。

(3)图层:图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。

(4)动画形式：分为运动动画和渐变动画

运动动画：例如一个小球从左边运动到右边 表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。虚线说明中间的过渡存在错误，无法正确实现内插。

两个例子：一个是小球位置的改变，另一个是颜色透明度的改变。渐变动画：例如圆变方块！表示变形过渡动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡绿色。同样如果中间出现错误，也会出现虚线！其中要注意对象要打散，文字要打散两次。

三、小结

通过本次课的学习，要理解并掌握元件和层的概念及简单运用。要注意以下几点：

1.元件存在库中，方便重复使用和统一修改 2.一个元件对应一层，层之间上下叠放，可改变顺序

3.动画的两种形式，补间动画包括位置和颜色透明度的改变。形状动画要注意对象要打散，其中文字的打散要用两次CTRL＋B。

第二篇：FLASH培训教案

FLASH培训教案

Flash动画制作之

（一）教学目标：熟悉Flash软件的操作界面； 运用Flash软件绘制七巧板 教学重点：绘制七巧板

教学难点：如何选用合适的工具正确绘制七巧板 教学方法：讲授法，演示法 教学过程：

一：打开Flash 软件

“开始”菜单―――“程序”―――Flash MX 2004 Flash可以用来制作静态图像和可互动的动画，可以任意缩放不失真，文件体

积不大，适宜网络图形和动画的制作。

二：认识Flash 8操作环境 1．

菜单栏 2．

工具栏 3．

面板属性 三：绘制七巧板 操作步骤：

1．绘制一蓝色边框，红色填充色的矩形。选择矩形绘图工具，调整好边框及填充颜色，按住Shift键绘制正方形。

2．使用线条工具，按住Shift键绘制正方形的两条对角线。参照书本p84图绘制其余线条，可画辅助线。多余线条擦除方法：选用箭头工具，点击多余线条，按键盘上Delete键进行删除。

3．填充颜色。使用颜料桶工具，对七巧板的七歌板块进行颜色填充。

4．使用橡皮擦工具（注：选用“擦除线段”状态），擦除所有的线条。

5．用箭头工具将七巧板的每个板块小心的移开。（注：移动过程中避免色块的重叠）

四：构建运动造型

使用绘制完成的七巧板，构建运动造型。借助箭头工具来移动，定位板块； 使用任意变形工具旋转板块。使用菜单命令进行水平及垂直翻转。五：实践

绘制七巧板，并使用已绘制的七巧板，构建运动造型。六：教学反思

初次接触Flash软件，学生对如何正确使用工具栏的工具还存在一些问题。绘制 七巧板的过程中，绘制直线时，直线与直线没有正确相交，出现相邻板块同色问 题，经指导修改完成。

Flash动画制作之

（二）教学目标：1：将原来静态的跑步姿态的图形加工为动态的跑步造型；

2：熟悉FLASH制作中的几个关键性的概念：图层、时间轴、帧等；

3：熟悉FLASH制作中的两种重要动画形式：形状渐变动画和运动渐变动画。

教学重点：将原来静态的跑步姿态的图形加工为动态的跑步造型 教学难点：1：理解帧的概念；

2：了解两种重要动画形式：形状渐变动画和运动渐变动画分别用于何种情况

教学方法：讲授法，演示法，实践法 教学过程：

一、操作步骤1： 1：打开Flash 软件

“开始”菜单―――“程序”―――Flash MX 2004 2：文件——打开上次绘制的七巧板，并在第20帧处插入关键帧 方法：右键单击第20帧选关键帧

3：学生上台演示，在第20帧处将七巧板构建成跑步造型（复习上节课内容）

4：构建动画，选中图层1第一帧，设置动画中间为“形状”

二、讲解场景属性设置，时间轴作用，帧，关键帧以及动画形式形状渐变动画的含义

三、操作步骤2：

1：插入一图层，默认名为“图层2”，并讲解图层含义 2：在图层2第一帧处输入文本“跑步”，讲解FLASH工具箱中文本工具的使用

3：在图层2第20帧处插入关键帧，并将文字“跑步”拖动一个位置，与第一帧位置不同

4：构建动画，选中图层2第一帧，设置动画中间为“动作”

四、讲解形状渐变动画和运动渐变动画的区别

五、通过菜单栏中“控制”——“播放”，观看效果。实践：使用已绘制的七巧板，加工为动态的跑步造型，并添加文字的运动变化。

六、教学反思：

由于是第一次接触动画的制作，对于FLASH中的一些关键性的概念学生理解起来比较困难，如关键帧、图层等。对于动画的两种基本形式，形状和运动渐变动画，能在老师的指导下完

成，但是形状渐变动画和运动渐变动画分别用于何种情况，还不是很清楚。

Flash动画制作之

（三）——奥运五环的制作

教学目标：1：熟悉FLASH制作中的关键性概念：元件； 2：完成奥运五环的制作以及文字的制作； 3：巩固FLASH制作中的重要动画形式：运动渐变动画。教学重点：奥运五环的制作； 教学难点：理解元件的概念； 教学方法：讲授法，演示法，实践法 教学过程：

一、操作步骤1： 1：打开Flash 软件

“开始”菜单―――“程序”―――Flash MX 2004 2：元件的新建

在菜单栏中插入——新建元件，选择图形元件，并命名为wh1，这里要制作奥运五环中的一 个环，其他的四个通过复制粘贴完成

方法：选择椭圆工具，并设置其线条颜色和填充颜色 注意：线条颜色根据五环的颜色设置，填充颜色设置为“无” 另外还可以设置线条粗细

3：元件的复制

第一个五环完成后，用选择工具将其选中，然后再次通过插入——新建元件，命名为wh2，将复制的wh1粘贴其中，并根据奥运五环颜色改变它的线条颜色 4：用同样的方法完成其他三个圆环

5：元件的新建（制作文字），命名为wz 选择文字工具，设置其大小，字体，颜色等后在元件中输入“心系奥运放飞梦想”

技巧：阴影文字的制作 选中该文字，按住CTRL的同时，拖动鼠标，将该文字复制，并将复制的文字换一颜色，利用方向键将文字微调，实现阴影效果。至此，元件制作完毕。

二、操作步骤2：讲解元件的功能

三、操作步骤3： 回到场景中 1：五环的运动

（1）在图层1第一帧处，将五环wh1,wh2,wh3,wh4,wh5依次拖入场景中，并根据奥运五 环的造型构件好，此时，五个环是五个独立的个体，将五环全部选中，通过修改——

组合，将其组合成一个统一的整体。

（2）在图层1的30帧处，插入一关键帧，并将五环移动至某一位置（不同于第一帧）

（3）构建动画，选中图层1第一帧，设置动画中间为“形状”（4）实现奥运五环从高处落下运动。2：文字的运动

（1）新建图层2，在图层2第一帧处，将制作好的元件wz拖入

（2）在图层2的30帧处，插入一关键帧

（3）在图层2第一帧处，将文字通过任意变形工具进行缩放，旋转

（4）构建动画，选中图层1第一帧，设置动画中间为“形状”（5）实现文字旋转出现在场景中。

四、操作步骤4 通过菜单栏中“控制”——“播放”，观看效果 实践：完成奥运五环以及文字的运动动画

五、教学反思

在上节课构建七巧板动画的基础上，引入了元件的概念，制作了奥运五环的动画。学生的完

成情况较好，但是对于如何正确使用元件，如：何时何处使用元件，学生了解的还不是十分

深刻，大部分只是在单纯的模仿教师的演示。

Flash动画制作之

（四）——镂空文字

教学目标：通过应用文本工具和创建遮罩层，当使用遮罩层，可透过文字看到被遮罩的动态效果。

教学重点：理解遮罩层的含义。教学难点：理解遮罩层的含义。教学方法：讲授法，演示法，实践法 教学过程：

一、操作步骤1： 1：打开Flash 软件 “开始”菜单―――“程序”―――Flash MX 2004 2：新建文档 3：新建元件

插入——新建元件。输入名称，行为选为“影片剪辑”。

二、操作步骤2：

讲解元件影片剪辑与图形的区别。

三、操作步骤3： 在元件影片剪辑中操作

在图层1第一帧处，选择工具箱中文本工具，在编辑区输入文字“心系奥运放飞梦想”

四、操作步骤4：

（1）新建图层2，并将图层2拖到图层1的下面；

（2）在图层2第一帧处，绘制一个矩形，矩形大小可通过工具箱中任意变形工具改变，并将其放在文字的左侧；

（3）在图层1的30帧处，插入帧，延长时间轴到第30帧；（4）在图层2的30帧处，插入关键帧，并用选择工具将文字拖到文字的右侧；

（5）构建动画，选中图层2第一帧，设置动画中间为“形状”

五、操作步骤5：

右击图层1的层名处，在快捷菜单中选择“遮罩层”

六、操作步骤6： 回到场景中 从库中将该影片剪辑元件拖到场景中

七、操作步骤7 通过菜单栏中“控制”——“测试影片”，观看效果

八、操作步骤8 讲解遮罩层含义

实践：制作“镂空文字”动画效果。

九、教学反思：

遮罩层是FLASH图层中非常重要的图层，由于遮罩层的效果与实际对于“遮罩”两字的理

解正好相反，所以在讲解“遮罩层”概念时比较困难，通过对作品的制作来逐步理解这个概 念。理解这个概念非常重要，只有理解透彻，才能举一反三。

Flash 制作之

（五）——引导层的使用

教学目标：通过制作小球曲线运动的动画，学会正确使用引导层 教学重点：通过引导层引导小球进行运动 教学难点：引导层的正确使用 教学方法：讲授法，演示法 教学过程： 引入：

播一段小球曲线运动的动画。前一次课上，我们讲了遮罩层的使用，今天我们再来研究一下怎样使用运动引导层，让

小球进行曲线运动。一：制作小球元件

1．使用新建元件工具，新建一个图形元件，命名为“小球 1”。在小球 1的编辑界面，2．

使用椭圆工具画一小球。

3．再插入一个图形元件“小球 2”，制作方法与小球1相同。二：制作路径元件

1．插入一影片剪辑元件，命名为“路径”，为两个小球创建运动路径。

2．将小球1元件拖到“路径”元件的图层1第一帧的地方。3．

添加运动引导层，在引导层的第一帧处，使用铅笔工具，为小球添加一条曲线运动

路径。并在30帧处插入一普通帧。

4．为小球1构建动画。在30帧处插入关键帧，创建补间动画。并在开始帧与结束帧

处将小球的中心点置与路径的两个端点。

5．在图层1处插入一新的图层，将小球2拖到新图层的第一帧处，并为小球2构建动

画，使其运动的方向与小球1相反。三：测试动画 回到“场景”中，将制作完成的路径元件拖到场景中，通过“控制”菜单的“测试影片”

测试所做动画。四：实践

尝试制作两个小球相对运动的动画，注意正确使用引导层。五：教学反思

引导层也是FLASH中非常重要的图层，在以前制作的动画中，无论是运动渐变还是

形状渐变，动画都是无规则的动画效果，而有了引导层，制作动画时，动画就会朝着

制作者设定的路径进行运动，有利于制作出符合一定效果的动画。

Flash 制作之

（六）――――按钮元件的使用 教学目标：学会在动画制作中正确使用按钮元件 教学重点：制作按钮元件

教学难点：在按钮元件中编辑添加动画 教学方法：讲授法，演示法 教学过程： 引入：

动画展示：用按钮来控制一段动画的播放。在前面我们所做的动画的基础上，我们可以考虑加上一个按钮，简单的来控制一下它的

播放，今天我们就来讲讲有关按钮元件的制作。一：制作按钮

1．使用新建元件工具，新建一个元件，类型为“按钮”。2．进入到按钮元件的编辑界面，对按钮的四个状态进行编辑：在“弹起”状态使用椭

圆工具画上一个圆填充色为红色，在“指针经过”状态将按钮的填充色变为绿色，“按下”

状态时改为七彩色。

3．将按钮元件拖到场景中进行测试，按钮在指针经过及按下的不同状态呈现不同的颜色。

二：使用按钮控制动画播放

6．双击库中的按钮元件图标，回到按钮元件的编辑界面。7．

添加一个新的图层，在按钮的“指针经过”状态，插入一个关键帧，然后把库中

已经做好的一个影片剪辑类型的元件拖到这一帧中。此影片剪辑类型的元件为一段简单的文

字变幻的动画。三：测试动画

回到场景中，将按钮元件拖到场景中，通过测试影片，在指针经过按钮的时候，相 应的动画就会进行播放。指针离开按钮，动画就停止播放。四：实践

利用上节课所学知识先制作一个影片剪辑类型的元件，内容为一段简单的动画。然后新

建一按钮元件，使用按钮来控制此段动画的播放。五：教学反思

按钮是FLASH动画中三个比较重要的元件（影片剪辑，图象，按钮）之一，按钮所起 的作用是交互，制作者或使用者都可以通过按钮来控制动画的播放。所以本节课就是在 前面所做的动画的基础上，添加按钮来控制播放

第三篇：FLASH教案

动画作品制作

-----“爱护环境，保护家园。”系列

教学时间:第一周 教学课时:2课时

教学目标:熟悉FLASH的工作环境,掌握最基本的概念 教学重难点:层和元件的概念及简单运用 教学过程:

一、FLASH特点：

使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几K字节的动画文件已经可以实现许多令人心动的动画效果，把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具。

强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具Dreamweaver配合默契，可以直接嵌入网 页的任一位置，非常方便。

总之，Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。

二、熟悉工作环境

1、主要分为

舞台 就是工作区，最主要的可编辑区域。在这里可以直接绘图，或者导入外部图形文件进行安排编辑。就像演员表演的舞台，动画呈现在舞台上，超出舞台的区域就为不可见，也就是幕后，FLASH动画也要十分注重舞台和幕后的共同设计。

时间轴窗口 用它可以调整电影的播放速度，并把不同的图形作品放在不同图层的相应帧里，以安排电影内容播放的顺序。

绘图工具栏 放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效果。

标准工具栏 列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

图库窗口 用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics)，按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。学习FLASH也要养成良好的习惯，其中建立元件就是最基本也是最重要的，元件存放在图库中，这样便与元件的重复使用以及统一修改。

控制器面板 控制电影的播放操作的工具集合（包括影片的前进后退暂停等），一般不大常用，处于隐藏状态。

2、逐步介绍各个区域（1）时间轴

时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况，调整动画播放的速度，安排帧的内容，改变帧与帧之间的关系，从而实现不同效果的动画。

状态栏中的 为洋葱皮(Onion skin)按钮，其作用是在显示播放头所在帧内容的同时显示其前后数帧的内容。当点击该按钮时，播放头周围会出现方括号形状的标记，其中所包含的帧都会显示出来，这将有利于我们观察不同帧之间的图形变化过程。

和 的作用一样，只不过它只显示各帧图形的轮廓线。当我们需要同时编辑多个帧时，按下按钮就可以了，但要注意，它只对帧-帧动画有效，而对渐变动画无效，因为渐变动画是通过定义关键帧再插值的方法实现的，所以其中内插的帧是无法编辑的。是洋葱皮修改器，用于改变洋葱皮的状态和设置。其后的三个数字分别为当前播放头所在帧号，动画播放速度以及以此速度从头播放到当前帧所需的时间。

时间轴窗口右上角的 可以用来调整时间每个单元格的宽窄大小，各人可根据自己的喜好，动画的长短等因素进行修改，以便于实际操作。

(2)元件和层概念及运用

在讲动画形式之前先讲元件和库的概念，教学生建立元件的方法及必要性。空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。先建立一个元件，然后在场景中拉入元件 拉入后成实心点，有内容就成了实心点

单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。实例分析：背景色的设置；相同小球的组合绘制

要点：选择工具的使用（任意变形和整体选择操作）圆形的绘制（shift画正圆）； 建立元件（元件的概念）组合 CTRL＋G 打散 CTRL＋B 直线工具的使用

元件主要有两个优点：可以重复使用和统一修改

介绍元件建立的两个方法：插入――建立新元件或者选择对象转换为元件。

(3)图层:通过实例掌握图层

关于图层(Layer)的概念，学过Photoshop的人都不会陌生。形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你 就可以透过它直接看到下一层。所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用图层并不会增加动画文件的大 小，相反它可以更好帮助我们安排和组织图形，文字和动画。图层是Flash中最基本而且重要的内容，因而需要很好地掌握: 在实例（ceng）中学习下面的知识。左图是一个典型的图层例子，图中所示共有十一个层。其中用黑色标识带有一支铅笔 标志的层为当前正在编辑的层。如果该层不能被编辑，则会显示 图标。在这些层右上方有三个图标，其中 可以控制该层是否被显示，默认状态为正常显示，在对应下方用 表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被编辑。用来控制是否锁住该层，被锁住的层可以正常显示，但不能被编辑，这样在你编辑其它层时，可以利用这一层作参考，而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。这几个功能可以同时起作用。

(4)动画形式 分为运动动画和渐变动画 运动动画：例如一个小球从左边运动到右边 表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。虚线说明中间的过渡存在错误，无法正确实现内插。

两个例子：一个是小球位置的改变，另一个是颜色透明度的改变。

渐变动画：例如圆变方块！表示变形过渡动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡绿色。

同样如果中间出现错误，也会出现虚线！主要是两个例子，圆变方块和英文字变中文

其中要注意对象要打散，文字要打散两次。比较和补间动画的区别。下面两个略作了解

字母a表示该帧已通过帧属性对话框指定了action。关于action以后会详细介绍。小红旗表明该帧有标签或注解。

三、小结

通过本次课的学习，学生要理解并掌握元件和层的概念及简单运用。要注意以下几点： 1.元件存在库中，方便重复使用和统一修改 2.一个元件对应一层

3.层之间上下叠放，可改变顺序 4.动画的两种形式，补间动画包括位置和颜色透明度的改变。形状动画要注意对象要打散，其中文字的打散要用两次CTRL＋B。教学时间:第二周 教学课时:2课时 教学目标：

1、复习巩固FLASH中最基本的概念（元件、图层）

2、掌握两种动画形式：补间动画和渐变动画

3、掌握时间轴上帧的操作（插入、删除等）教学重点：应用工具画图，并制作动画 教学过程：

一、复习巩固

主要是在上周的基础上完成进一步动画

做完的同学可以进一步练习两种动画形式，主要为物体透明度的改变和文字的变形。

记住三句口决：

1、一个对象一层

2、一般一个对象要转换为元件

3、在形状动画中不要建立元件，对象要打散

二、实例运用1 上节课已经学习了两种最基本的动画形式，这次课我们就先来综合运用一下。实例1 哭脸变笑脸

1、先给学生看最后的效果

2、分析 要分为几层？

五层 脸、眼眶、嘴、左眼、右眼 为什么要用5层？

嘴一层 要进行动画制作，因此要单独一层

左右眼珠分两层，眼睛看起来灵活些，也更方便些

几个注意的地方：

线条的粗细可调整；对象的大小可调整（直接修改数值比较精确）；对象要对齐可用吸附工具，也可以借辅助线用方向键进行微调整；嘴是要变形的，打散状态（右 键－分离 弧线才可变形，选中的对象不能改动）；F5普通帧（删除帧），F6关键帧（清除关键帧），补间动画FLASH自动生成。

思考：眼睛怎么转动？ ―――元件的运动。分析：眼珠要四周转动，需要四个关键帧

三、综合实例

1、看实例2

进行分析：主要是混色器的使用

关键步骤：先画一个圆，线条可调整；

选择渐变的圆，在混色器中进行调整（小块往下拉就删除），调整到合适的效果（用颜料桶填充）；

要做圆环，在大圆中再画一个小圆，小圆在选中状态下可以改变位置，调整大小等。（要注意，放开就不能改了）。改变大小时，SHIFT是左上角调整，ALT则是以圆心调整；

要做成补间动画（形状动画也是成立的，但没什么效果。自己要多试，可以意外发现一些效果）补间动画 顺时针 40帧 循环3次（24帧为1秒）

思考字母变形的做法（结合上次课的练习）

四、学生动手创作教师节贺卡（有样例3）(20’)要求学生充分发挥自己的想象力，动手制作一张贺卡 主要包括几方面的内容：

1、文字的移动

2、文字的旋转移动

3、文字的渐隐（透明度的变化）

4、简单的动作设置（stop）

五、小结

通过本次课的学习，我们复习并巩固了FLASH的两种基本动画形式，以及运用了层来更好地表现动画。教学时间:第三周 教学课时:2课时 教学目标：

1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具的使用。

2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。

3、掌握如何制作基本图形：圆环、星星、月亮、太阳、空心文字、门、窗、建筑物。

4、掌握位图的导入及矢量图的转换。

教学重点：基本图形的制作；如何导入和转换图片。教学过程：

一、复习巩固

1、完成上次的作业（哭脸变笑脸的的例子和转动的圆环）上传作业（新的FTP帐号的使用，要求上传原文件）。

二、新课引入

思考一下这个圆环是怎么做的？（实例1）分析：

1、我们可以用上节课讲的大圆里画小圆的方法来完成，不过可能觉得还是有些麻烦的，上节课是为了特殊的渐变效果才用那种方法的，现在再介绍另一种方法：

2、关键步骤

选择圆形工具，边线设置为七彩色，线条粗细调节好（要做成一个环，数值比较大），填充色设为白色；

选中圆环，修改－形状－线条转为填充色； 墨水瓶工具填充线条；

注意点：修改－形状－线条转为填充色，否则无法实现（会把七彩色盖掉）

三、实例教学

1、多边形工具的使用（实例2）

太阳的制作主要步骤：

选择矩形工具下面的小箭头，选择多边形工具，在选项中进行设置，样式：星形 边数 10 星形顶点大小 0.5（数量越小就越尖）可以具体演示两种效果，让学生比较掌握；

填充色设为黄色渐变（渐变工具的再一次复习巩固）；

画一个深黄色的圆，在上面画上眼睛和嘴（变形工具的使用复习）

有时间的同学自己创作画月亮

几点注意：月牙形的绘制；墨水瓶工具的填充线条

3、综合实例制作（实例4）分析：

整个动画分为三个主要部分（星星、高楼和汽车），一个个来制作 星星影片制作：

首先，绘制一个星星（图形元件），主要步骤同多边形的绘制；

再建立一个影片元件，名为闪动的星，注意区别影片元件和图形元件（参看足球的转动），让学生注意观察标记不一样

记住一句口诀：元件可改变颜色、透明度、大小等，都不会改变元件本身（可通过星星的制作具体演示）关键步骤： 画好星星后，新建一个影片元件，改变星星的透明度作一个补间动画，即为星星的闪烁； 复制一个影片，然后在此基础上修改，上一个是由亮到暗，这一个就是由暗到亮，这样可心使星星看起来闪动自然些；

星星这个影片做好后，让学生动手做星星。建筑物的制作：

新建一个元件，画一个褐色填充黑框的房框

再建一个元件，画一个白色填充黑框的窗户，通过复制粘贴，做成4个窗口。然后选中4个窗口运用修改－对齐－顶端对齐和宽度均匀分布，使4个窗口排列整齐。通过复制(按CTRL拖动)，画好多排多列窗口，一列选中调整对齐。其他几列操作也同。

选中所有窗口，按SHIFT，不选外框，然后把窗口设为灰色，再选几个设为黄色（以上的修改都是元件的修改运用）

另外一幢楼也是复制，然后进行修改，同样用了元件的修改。这个制作要特别注意的是对齐工具的应用。

回到场景中，星星一层，高楼一层，再另换一层，画路基（直线工具）要注意视觉上的真实感，按照路基的倾斜度调整高楼的形状。汽车的制作： 主要是图片的转换

新建一个元件，导入汽车的图片，把位图转换为矢量图； 对图片进行处理，删掉白色的部分；

回到场景中，汽车也新建一层，然后就做汽车的补间动画，使汽车开动起来。小结：

1、多边工具的使用

2、元件的属性修改应用（包括大小、颜色和透明度等）

3、对齐的使用

4、位图转为矢量图 教学时间:第四周 教学课时:2课时 教学目标：

1、要求学生掌握直线运动的补间。

2、掌握实例的编辑修改。

3、掌握铅笔工具及钢笔工具。

4、制作夜色中行驶的汽车、动感片头的制作

教学重点：教学重点：铅笔、钢笔工具的灵活使用 教学过程：

一、复习巩固

实例――关注环境，关注汽车尾气的污染 内容回顾

在上节课中已经完成了动画的一部分，星星的制作相信大部分同学已经学会了，接下来一部分同学还没完成高楼的制作，我们说要注意对齐工具的运用。

出现的问题

在画楼的时候很多同学都出现这样的问题，楼不能改变，这主要是元件没建好，一般是要有三人元件，一个是窗户，一个是房框，还要一个就是两者结合的楼。这样改变的时候其实是改变房框的形状。

二、进一步完成实例

1、汽车的运动

这里主要掌握知识点是位图转化为矢量图（修改－位图－转换位图为矢量图），把白色的部分删掉，把汽车放到场景中，制作汽车的运动。主要要注意起点和终点关键帧的设置。

2、路面、一些线的绘制

主要掌握钢笔、铅笔工具等绘图工具的使用

方法有多种，老师教的只是其中一种，大家都可以根据自己对绘图工具的使用，来完成各种绘制。

路面的绘制

可以先画一个矩形（无边，灰色填充），然后用部分选取工具改变，使成为自己想要的范围 线的绘制

主要是中间一条灰色的线，有两种方法

方法一 由于并不要求很精确，可以先画完直线，然后再用橡皮工具擦掉中间不要的部分 方法二 可以把线条形式改为虚线，在自定义处可以进行修改（前面一个数值代表实线的长度，后面的表示中间空的地方的长度，一般为35，8）

3、画完这些线后，我们可以来看一下汽车是否沿着线开，可以根据线的倾斜度，调整一下汽车的起点和终点位置。

三、实例－标志动画的制作

1、先画静止的画面（实例）分析：

主要分为三部分 边、文本和图形

边的绘制比较简单，让学生自己完成；

字母的输入也不难，主要是设置多种字体，这里为三种，可以根据自己的喜好，任意设置三种字体，同时可以调整其大小。主要是图形的绘制

菱形的绘制只要画好一个矩形，然后旋转一下就可以了

关于旁边一个无规则图形的绘制，主要应用钢笔工具，来画出自己所想要的形状

2、让标志动画动起来（实例）

我们做每个动画之前先要对这个动画进行分析，哪些是动的，哪些是静的，动的又是怎么动的？（回想一下以前学过的一些动画形式，到这里应该怎么做）宗旨：不管用了什么方法，只要把效果做出来就好，同学们可以把自己所学的东西融会贯通，方法不是只有一种，老师介绍的方法是比较常用的，并不一定是最好的，大家可以通过多动手，或许就会发现更好的方法。学多了就会灵活运用，举一反三了！我们仔细观察动画有几层，一般就是要做几个运动

第一，边是静止不动的，因此我们只要画好放在那里就行

第二，按动画动起来的顺序来看，菱形是最先动的，主要透明度的改变和旋转，这个并不难，学生应该已经掌握了，稍加分析即可。

第三，第二个图形在菱形还在动的时候就出现了，所以要在菱形变化有中间过程中开始做动画，主要是透明度有改变，后阶段是有和无之间的转变，主要通过插空白帧来实现。第四，字母J是从上往下运动的，字符串esting,是从右往左运动的，还有co ltd则是和上面的图形一样，在有无之间的转变，方法同上。

到些，我们的动画基本就完成了，从中可以发现其实动画并不难，要通过我们的分析以及创造力来完成精彩的动画，我们在做的时候可以充分发挥自己的创造力，比比看谁的动画做得最精彩！

四、小结

1、学会绘图工具的使用（直线和钢笔等工具）

2、运动的几种基本形式的综合运用 教学时间:第五周 教学课时:2课时 教学目标：

1、要求学生巩固椭圆工具、直线工具、填充工具、钢笔工具、变形工具、选取工具、墨水瓶工具、矩形工具的使用。

2、巩固图形元件、影片元件的创建。

3、巩固二类补间动画的特点。

4、巩固二类动画：变形动画、直线运动动画。

一、巩固复习

主要通过几个具体的实例来复习相关知识点

1、使用多边形工具、钢笔工具绘制（实例1）

通过月亮和星星的画法，来巩固多边形工作和钢笔工作等画图工作的使用 主要知识点：

月亮绘制（可用学过的多种方法，这里不再重复）

星星的绘制（多边形工具的应用。要注意设置，包括样式、边数、顶点大小等参数的设置）

2、用矩形工具及变形工具制作一个立体建筑物，再用重复使用元件制作下列效果图，制作中要注意使用多图层，才能产生建筑之间的叠加效果。（实例2）注意几点：一是元件的重复利用；二是要使用多层(一般一个楼一层)三是利用CTRL工具进行楼房的形状调整，使其更具立体感。主要步骤：

先观察楼房有两种形状，一种是普通的立方体，另一种是稍变形的，有透视效果，所以我们首先要建两个元件。

先建一个元件，分两层，一层画房框（用矩形工作），一层画窗户（请注意转化为元件，以便于调整）。

再在库中直接复制元件，然后在新元件中用按CTRL进行微调整 画好路面（略）

把两个元件根据需要拖出来，并调整好颜色，同时要注意分为多层，以便于叠加（有前后顺序）

背景色填充（渐变工作的使用）

3、用二个关键帧制作变形效果（实例3）此实例主要巩固学生对渐变填充工具的使用

动画分为两层，一层为背景，也是利用渐变填充（放射状）

另一层为变形动画的制作，即为星形变方形，要注意两个关键帧（即由什么变为什么），第一帧为星形。最后一帧为方形，中间创建形状动画。

4、有时间的同学自己动手画画卡通烟囱（实例4）

二、检测（两节课时间进行考试，一共三题，具体要求等详见index.html）考试只是检测这一阶段的学习情况，老师根据同学中反映出来的问题，知道学生的掌握情况，对症下药，使大家尽快学会FLASH！创造出有自己特色的精彩动画!教学时间:第六周 教学课时:2课时 教学目标：

1、复习掌握引导线的应用

2、介绍按钮的作用

3、学会按钮的简单应用 教学过程：

一、复习掌握引导线的应用

1、复习上节课的例子，提出一些完成过程中的问题

山坡的曲线的画法可用钢笔工具来画，具体演示下画法；

多片树叶下降，可用两种方法，一是使用影片剪辑，原理类似于以前学过的闪动的星星。还有一个方法是在引导层中可画多条引导线，引导层下面的图层只要在虚线中，均可被引导线引导。

2、复习上次课的引导线，主要通过实例来巩固（实例1）

技术分析：小球的跳动就是引导线（当然也可用以前的动画，多创建几个补间也可），猫的变化就是两张图片的变化 主要步骤：

①先完成管的绘制，要注意前后面的分层，否则填充就会出问题，然后再完成阴影面的制作；②画好引导线，为折线形式，红色小球沿引导线运动；

③猫的两种状态（睁眼和闭眼）小球没砸到时睁眼，快砸到时闭眼且后退（用交换元件做可保持位置不变）

拓展练习蝴蝶飞舞（拓展练习1)提示：挥动翅膀的蝴蝶作为一个影片剪辑，在这个影片剪辑中，把素材中的图片导入，每张图片一帧，表示蝴蝶的不同状态，其中要注意每张图片位置要对齐，方法有两个，一个是打开时间轴的“查看多个帧”，另一个是交换元件

3、圆环的制作（实例2）

为了进一步巩固引导线的动画，还要讲一个新的知识点，即小球绕圆环运动

技术分析：同样应用引导线做，关键是圆环的引导线是非闭合曲线，小球才能运动，技巧就是用橡皮把圆环打开缺口。

主要步骤：①先建一层，画一个圆（无填充）

②添加一层引导层，把圆复制，然后把引导层中的圆用橡皮等工具打开缺口，使圆环成为一个非闭合曲线(物体的运动是遵循就近原则，如果不断开，只会作就近小半圈的运动)③小球的始末状态的设置，第一帧在缺口的一端，最后一帧在缺口的另一端。思考：地球绕着太阳转（椭圆形轨道同上例）

拓展练习中的玩具火车的运动（单轨和8字形轨道，有兴趣的同学可以自己尝试一下）

二、按钮的制作：

1、基本按钮的制作(实例3)插入新元件，元件类型为按钮，即可见如下界面

一般在以上四种状态下放置四个不同的元件，即可制作出一个按钮效果。下面以变形按钮为例介绍制作步骤。

①插入新元件，元件类型为按钮，并命名该按钮为“变形” ②单击选中“弹起”，并绘制一个蓝色长方形

③单击选中“指针经过”，按F6，并删除蓝色长方形，绘制一个绿色长方形 ④单击选中“按下”，按F6，并删除绿色长方形，绘制一个红色长方形 做完后查看效果，并据此讲解四种状态具体表现，其中第四个“点击”在此并不能体现出来，以后具体碰到再说，先掌握前面三种状态设置

2、用文字、图片、图形等作按钮（实例4）

在实例3的基础上演示文字作按钮，即在上面蓝色长方形的位置替换成文字就是文字按钮，演示一下即可，其中“点击”如果是实心的区域，比较容易选中

实例4分析：主要原理同上例，其中的水晶球可以自己画，也可以用提供的图片，同时也说明了按钮也可以用图片来做！

三、按钮的进一步制作应用

1、简单的动态按钮（实例5）技术分析：小球是在鼠标放在按钮时下落的，所以动作发生在按钮四种状态的“指针经过”状态，小球下落又是个运动状态，所以在“指针经过”状态放的不是图片之类的，而是一个影片剪辑（相当于一个小电影）主要步骤：

①新建一个影片剪辑，在里面做小球下落并且透明度改变的动画 ②新建一个按钮元件，在“弹起”状态中画上一个红色的长方形，在“指针经过”状态中放入我们已经做好的关于小球运动的影片剪辑

2、动态按钮引申（实例6）

技术分析：这个动态按钮的制作基本原理同上例，只是按钮元件的第一种状态中是空帧，就是没放上去时不显示，也就是我们所说的隐形按钮，拖入到场景中按钮元件呈现出半透明状态。

3、动态按钮综合实例应用（拓展练习二）

实例演示：礼花的绽放效果（鼠标点击，礼花绽放）

技术分析：鼠标点击引发的事件，即在按钮的，即为热区，按钮的动作就在这个热区触发。由于是鼠标点击下去才有礼花绽放的效果，所以在礼花绽放的影片剪辑 中，第一帧是放入已做好热区的按钮。第二帧开始才是礼花绽放的动画，就是礼花这个图形的放大动画。然后在帧上及按钮上加上简单代码即可。主要步骤：

①新建一个按钮元件，在第四种状态“点击”中画一个实心区域（这里可画一个白色的长方形）

②新建一个影片剪辑，第一帧放入刚做好的按钮，因为不点击的时候事件（礼花绽放）不触发，第一帧加入动作stop，同时按钮的动作是点击就触发 礼花绽放的事件，因此在按钮上加上动作on(press){gotoandplay(2);}这个动作语句可在动作面板中选择输入，不用自己输入（自己打 入容易错，可用脚本校对）

on(press){gotoandplay(2);} 意思是按下按钮，开始第二帧动作 ③在第二帧开始礼花的变化，导入礼花图片并转化为元件，然后作放大的动画④最后在场景中拖入已经完成的影片剪辑，注意在铺满整个场景，点击的时候才能保证无论点哪里都有礼花绽放，比较逼真些。铺满时可用多次复制粘贴。思考：鼠标放上去礼花绽放怎么做？（拓展练习三）

提示：即在按钮的指针经过中放入影片元件 小结：

这节复习了引导线，以及新学了按钮的制作，在按钮的制作中要掌握以下几点：按钮的四种状态的设置，明白各个状态的具体表现形式学会用文字、图片等作按钮；学会动态按钮的制作，主要是影片剪辑的应用以及一些简单的动作。教学时间:第七周＋第八周 教学课时:4课时

教学目标：“环保”主题作品制作 具体实施步骤： 1、4人一小组

2、大组确定大主题，组内成员确定小主题。

3、素材老师提供部分，学生自己准备部分。

4、完成后各小组分别展示自己的作品。

5、各小组自评互评，评出最优秀作品。

第四篇：flash教案

教学内容：电脑动画制作初探 教学目标：

知识与技能目标

1、学会启动Flash的方法，认识Flash工作界面。

2、初步理解动画制作中的基本概念。

3、了解动画制作的一般步骤。过程与方法

通过对一段Flash动画源文件的分析研究，在初步理解Flash动画制作思想的同时，初步理解Flash动画制作中的相关概念；又通过实际制作“移动的小球”的体验，了解Flash动画制作的过程，并从中总结出动画制作的主要步骤。情感态度与价值观

激励学生学习动画制作的兴趣，培养学生乐于接受和探究新知识的精神。教学方法：

演示讲授法、模仿学习、合作学习。重难点：

重点：简单对象的移动、缩放动画的制作方法。

难点：Flash8界面的认识及相关操作；帧、关键帧、空白关键帧等概念的理解。

教学过程：

导入

同学们一定很喜欢在网上看Flash动画，老师也下载了一些，我们一起来欣赏几个精彩的动画。

（播放几个Flash动画）

这些动画是怎么做出来的呢？如果我们自己也会做该有多好啊！好，今天开始老师就和大家一起学习Flash动画的制作。

讲授新课

一、启动Flash8，对其界面及基本操作进行简单介绍。

1、Flash的特点

Flash是一个功能强大、简单易学的网页动画制作工具。用Flash制作出来的动画不但占用的空间小，而且动画品质高，不管怎样放大、缩小，都不会影响画面质量。

Flash动画的迷人之处还在于我们可以通过点击按钮，选择菜单来控制动画播放，甚至可以制作成小游戏。正是有了这些优点，使得Flash在网络上非常流行。

2、启动Flash 8 单击“开始”→“程序”→“Macromedia ”→“Macromedia Flash 8”即可。

3、Flash 8编辑窗口的介绍

菜单栏

常用工具栏、控制工具栏（动画播放的控制工具栏）

绘图工具栏（放置了各种绘图及编辑工具）、辅助选项

图层区、时间轴（可以设置动画的播放状况）面板（可以用来控制各种设置）

场景（可以直接在这里绘图或摆放一些图片、文字、按钮、动画等进行编辑）

4、试一试：教师先隐藏常用工具栏、属性面板、混色器窗口，要求学生重新显示。

二、文档属性设置及元件、库、场景、时间轴的概念。

打开并播放一个Flash动画源文件，分析Flash动画的创建思想方法，用生动的语言和通俗形象的比喻讲解相关的概念。

元件：一个位图、矢量图形、音乐片段或是一段独立的Flash动画（好比是演员）。元件都被放置在库中，使用时只用将其拖放到场景中即可，在场景中只能对其位置和形状进行编辑，如果要对元件进行编辑，需要切换到元件编辑状态。

库：存放动画元件的地方（好比是一场戏的后台）场景：动画的表现场所（好比是舞台）

时间轴：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线，包括了层编辑区、帧编辑区和时间线。（好比是剧本）

要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在时间线上设置开始、结束时的状态，生成动画）。

图层：图层可以看成是叠放在一起的透明的胶片，可以根据需要，在不同的层上编辑不同的动画而互不影响，在放映时得到的是各图层合成的效果。制作复杂的动画时，通常把动画角色单独放在一个图层里，这样相互不会影响，编辑修改也很方便。

三、演示制作移动动画

现在我们一起用Flash 8来制作一个简单的动画。

教师边演示边讲解，学生一步一趋跟着老师制作“移动的小球”的动画。

注意讲清每一步骤的意义，同时结合实际制作讲解基本概念，将抽象的概念放到具体实践操作中去加以理解。制作“移动的小球”操作中需注意：

步骤3：在时间轴中的图层1的第1帧中出现一个实心的黑点，这就是“关键帧”。动画对象一定要创建在关键帧上。

步骤4：也可以在图层1的第30帧处，单击鼠标右键，在弹出的快捷菜单中选择“插入关键帧”。

步骤5：用鼠标将小球拖到编辑区的右边，其意义是改变动画对象的位置属性。

步骤6：完成“创建补间动画”后拖动播放指针，查看帧内容，证实动画已被创建。

补充解释：时间轴中的每一个小格子称为“帧”，帧有两种形式：普通帧和关键帧。普通帧上的图片与它前面相邻关键帧的图片相同并以空心方块为结束标记，关键帧是以实心黑点为结束标记，动画图片一定要创建在关键帧上。

步骤8：注意提醒学生记住Flash原始文件和Flash影片的扩展名（分别为.fla和.swf）。

四、总结制作步骤

教师以清晰简明的步骤熟练地重做一遍，让学生感到这个动画制作很容易。同时概括出三大步骤：第一步，在一段动画的起始帧插入关键帧，在起始帧的场景中编辑对象；第二步，选择结束帧插入关键帧，在结束场景中编辑对象；第三步，选择开始帧，“创建补间动画”。

五、学生自主练习

学生根据老师刚才的演示，自主、合作制作动画“移动的小球”，相互讨论各制作步骤的意义，并概括总结出动画制作的主要步骤。

课堂小结

1、教师总结本课教学内容，点评学生制作过程中遇到的问题。

2、请学生说出动画制作的三大主要步骤。

教学内容：创建补间动画 教学目标

1、了解元件和实例的概念。

2、会在Flash动画中导入图片。

3、掌握动作补间动画的基本制作方法。教学重点：制作简单的动作补间的过程 教学难点：理解“元件”和“实例”的概念 教学方法：讲解演示法、自主学习法。教学用具：计算机教室 教学过程

一、组织课堂 创设情景

上节课我们学习了简单的动作补间动画的制作，一个运动的圆。大家知道了Flash动画制作中的一些概念，帧频、元件、关键帧、过渡帧等。从而导入本课的新课——动作补间动画。

二、新授

利用导入的图片制作动画

在Flash窗口中绘制起始帧和结束帧的画面，也可以在起始帧和结束帧中导入已有的图片。确定起始关键帧的画面后，在下一个关键帧中利用工具箱中的工具改变对象的大小、位置和角度等属性，然后动作补间，生成两个关键帧之间的补间动画。

教师演示

1、导入图片

第一步：启动Flash，执行“插入→新建元件”命令，出现“创建新元件”对话框时，在名称中输入适当的元件名“小女孩”，在行为栏中选定“图形”选项，再单击“确定”按钮，进入元件编辑状态。

第二步：执行“文件→导入”命令，出现“导入”对话框后，打开保存图片的文件夹，选定要导入的图片文件，然后单击“打开”按钮。这时，元件编辑区中会显示出导入的图片。

2、制作动画

制作图片从舞台的左上角进入，沿对角线运动到舞台的右下角，然后再从右下角移出的动画。

第一步：单击“场景1”图标，进入场景编辑状态。

第二步：执行“窗口→库”命令，打开“库”面板，在“库”面板中单击“小女孩”图形元件名，然后把“小女孩”元件拖到舞台中。

第三步：把指针指向图片后拖动，把它拖至舞台左上角以外的灰色区域，作为动画的起始点。

第四步：单击“时间轴”面板中的第30帧，然后插入关键帧。

第五步：把“小女孩”图片拖至舞台右下角以外的灰色区域，作为动画的结束点。

第六步：单击“时间轴”面板上的第1帧，执行“插入→创建补间动画”命令，在1～30帧之间创建补间动画。第七步：执行“控制→播放”命令（或敲回车键），播放动画，可以看到“小女孩”图片从左上角进入舞台，然后从右下角移出舞台。

第八步： 保存文件为“小女孩.fla”

三、课堂小结

这个动画的基本制作过程：

先绘制或导入对象，再把它转换成图形元件，然后确定对象运动前的画面（关键帧）；再在“时间轴”面板上选定下一关键帧的位置，在这个关键帧中，利用工具箱中的工具改变对象的大小、位置和角度等属性；再次，执行“插入→创建补间动画”命令或选定“属性”面板中的“动作”补间，生成前后两个关键帧之间的补间动画。

动作补间动画——在Flash里，这种先确定一段动画首尾两帧画面中对象的位置，然后由计算机自动生成这两帧之间画面的动画。

元件——是指可以重复使用的对象，分为图形元件、按钮元件和影片剪辑元件。

实例——元件在舞台中的实际应用称为实例。把元件从“库”面板里拖到舞台上时，就创建了该元件的一个实例。

五、作业

1、阅读20【知识窗】

2、完成课后练习1

教学内容：设计鼠标交互 教学目标：

1.掌握动态文本的概念。

2.掌握交互动画的制作方法。3.回顾鼠标动作的设置。教学重点：

1.加法器的制作。

2.小球位置的控制。教学难点：

交互动画的制作

教学过程：

一、准备知识：

1、静态文本：用文字工具创建，文字直接在FLA文件中输入。

2、动态文本：用文字工具创建，在属性中设定动态文本，动态文本除了可以设定标签，还可以设定变量，其显示值由变量给出。

3、输入文本：用文字工具创建，在属性中设定输入文本，也可以设定变量，其值可以由键盘输入。

4、鼠标动作（按钮）的设置——on为按钮上的动作，所以我们必须首先要选中按钮，以后才可以添加on语句。有的朋友在论坛里面提问，“为什么我的on为灰色不可选状态？”原因就是你没有选中按钮。

二、加法器的设计

提示：对按钮设置动作，当按钮按下时，把a和b两个加数框中的数据进行相加。格式如下：

result = Number(a)+ Number(b)

三、鼠标控制小球

知识点：

1、getProperty()① 用法 getProperty(my_mc, property)② 操作数 my_mc 要检索其属性的影片剪辑的实例名称。property 影片剪辑的属性。

③说明 函数；返回影片剪辑 my_mc 的指定属性的值。示例

x_value = getProperty(“ball”, _x);

2、setProperty()①用法 setProperty(target, property, value/expression)

②操作数 target 指向要设置其属性的影片剪辑实例名称的路径。

property 要设置的属性。

value 属性的新文本值。

expression 计算结果为属性新值的公式。

③说明 函数；当影片播放时，更改影片剪辑的属性值。

示例： setProperty(“target_itme”,_y,getProperty(“target_itme”,_y)-15);说明：

1、向上按钮的行为动作 on(release){ setProperty(“ball”, _y, getProperty(“ball”, _y)-5);x_value = getProperty(“ball”, _x);y_value = getProperty(“ball”, _y);}

2、其余按钮的行为以此类推，由大家自行设定。补充：

3、放大按钮的行为动作 on(release){ x_scale_value = int(getProperty(“ball”, _xscale)*1.1);y_scale_value = int(getProperty(“ball”, _yscale)*1.1);setProperty(“ball”, _xscale, x_scale_value);setProperty(“ball”, _yscale, y_scale_value);}

四、作业：

1、完成并把作业一、二

第五篇：flash教案

第一节

1标题栏：软件的名称，和当前文件的名称，对敞口进行最大化和最小化 2菜单栏：文件，编辑，视图，插入，修改，文本，命令，控制，窗口帮助

注意：在键盘上调出菜单栏：alt+菜单栏右边的字母 3工具箱：工具。光标移到工具上时候会显示当前 工具的名称和快捷键

4时间轴：分为图层，帧部分

5舞台和工作区：灰色部分表示工作区，而白颜色的部分表示舞台，在flash播放的时候只能看到舞台上的对象，而不能看到工作区上的对象，所以往往我们做flash时候都要做一个遮丑的一个图层（以后讲）

6浮动面板。所有的浮动面板都在窗口菜单下（自己回去背快捷键例如：对齐：ctrl+k）

注意；当整个FLASH的布局混乱时候可以点击 窗口菜单下的面板设置，找到自己喜欢的布局

7设置偏好：设置flash软件的一些自带的更改。

编辑/首选择参数（ctrl+u）8打开flash 1：桌面上点击

2：开始/所有程序/macromedia/falsh 9保存：

1：文件/保存（ctrl+s）第一次保存

文件/另寸为（ctrl+shift+s）第二次保存

注意：flash扩展名为.fla(源文件)10 flash 测试（正常上传到网上的文件。生成文件）

控制/测试影片（ctrl+enter）

控制/测试场景（ctrl+alt+enter）

注意：flash的生成文件的扩展名为.swf(上传到网上的文件)11如何把网上的生成文件下载到本地磁盘中：

前提：把所要下载的flash看完一遍

右键单击/属性/常规选项卡被选种/internet临时文件里面的设置/查看文件/把找到的所有文件按照大小进行排列（右单击排列图标/大小）12软件打开之后要做的事情： 1。设置偏好

2。设置软件布局（窗口/页面布局（设计者布局））3。修改文档属性（修改菜单下的文档）4。保存文件

文档属性（ctrl+j）

帧频一般情况下我们用默认值（帧频越大，flash播放的速度越快，动作就越不连续）工具

1箭头工具（v）

1)配合alt或ctrl键盘进行复制

2)双击填充部分可以同时选种边框和填充的部分 3）只选择边框或只选择填充部分 4）拖动也可以选种舞台上的对象

5）配合shift键可以同时选种舞台上的多个对象 6）当箭头工具下方呈现弧形时可以把直线变成曲线

当箭头工具下方为直角符号时候可以拖动点 7）双击边框的位置可以选择连续的边框 选项里的参数：

1）吸附工具：可以自动将箭头工具吸附于图形的角点或边线的位置 2）伸直工具：使线形变得更加有棱角

3）光滑工具：使线形变得更加光滑（弯曲）2 钢笔工具（p）：自由绘制图形

1）可以绘制直线：确定起始点和终止点

2）绘制曲线： 确定起始点，在终止点上进行拖动（会出现控制丙（控制方向的作用））

按住alt键只移动一边的控制丙

按住ctrl键与部分选择工具的交换

3）双击钢笔工具完成绘制或者选择工具箱中的另 外一个工具 4）当鼠标移动起始点，光标呈现圆形时候绘制封 闭路径（可以用填充颜色进行填充）

5）增加节点：钢笔工具的下方有加号时

6）改变节点的属性：钢笔工具下方为三角符号的时候 7）删除节点：钢笔下方出现减号时

3部分选取工具：主要用于调节带节点的图形的位置和 属性的 4）套锁工具：可以用来修改图形或则选择不规则的图形

参数：魔术棒：可以用来选取颜色相同的部分（对位图和矢量图都是有用的）

魔术棒属性：域值：值越大选择的颜色范围越大

应用方法：导入一张图片（文件/导入（ctrl+r））

之后选种图片（箭头工具）修改/分散（ctrl+b）之后可以按delete删除选择的区域

falsh里面的第一个对象：位图

多边形套琐工具：用来选择不规则的图形 文本工具：进行输入文本的，主要有三种形式：静态文本，动态文本，输入文本，通常状况下我们用静态文本。

属性面板：它与舞台上的对象是一一对应的。通过属性面板可以改变舞台上的对象（选种对象/之后在属性面板里进行操作）打开属性面板：窗口/属性

falsh里面的第二个对象：文本 实例：制作一个变色文本的动画

制作过程：1新建一个300*100的文档（ctrl+n ctrl+j）

2选种图层一的第一帧，在舞台上输入一个文本（我爱北京天安门）属性值为：宋体 28号 蓝颜色 加粗

3选种第二帧单击右键/插入关键帧（f6）在舞台上改变其属性，属性值为：宋体 28 好红颜色

分别选种第三帧和第四帧，重复第三步改变第三帧和第四帧对象的颜色分别为黄色和紫色 5 ctrl+enter进行预览

此实例为逐帧动画 椭圆工具和矩形工具：按住shift键可以绘制正圆和正方形 可以通过属性去更改其已经绘制成的图形

flash里面的第三个对象：形状图象

实例：利用圆形，钢笔工具，部分选择工具，制作一个樱桃 6 铅笔工具：绘制图形对象

参数：平滑：曲线比较光滑

平整：绘制的曲线直

墨水瓶：与绘制的曲线效果接近7画笔工具：绘制形状图形 参数：模式

刷子大小

刷子形状

锁定：只对渐变填充有效果 注意：笔刷工具与铅笔工具的区别：

笔刷工具的着色是填充可以用油漆桶进行填充

而铅笔工具的着色是边框可以用墨水瓶去填充 8 墨水瓶工具：对笔触进行着色的 9 油漆桶：对填充进行着色的 第2节

实例：空间精灵（涉及到的动画是运动补间）

1。绘制五角星：编辑/网格/显示网格（ctrl+'）(作用：辅助工具)绘制一个正圆（shift）

绘制正圆里的一条直径（圆心可以通过网格看出）

打开变形面板（窗口/变形（ctrl+t））选种已经绘制成的直径，把变形面板中的“旋转”值为72，单击“旋转并复制”按钮4下，每隔一个半径删除，新建图层二，选种图层二的第一帧，用直线连接圆上的五个点

五角星的大致轮廓已经确定，之后删除多余的线条。用油漆桶工具把五角星填充为粉色，之后在去掉边框。五角星绘制完成。

2。将五角星转化为元件：选种五角星，按f8在名称中输入“五角星”在行为中选择“图形”

3制作五角星动的影片剪辑：

插入/新建元件（ctrl+f8）名称为“五角星动”

行为为“影片剪辑”当前状态为五角星动的影片剪辑编辑状态，选种图层一的第一帧，打开库面板（窗口/库（f11））把库中的五角星拖拽的舞台上（注意中心点对齐）用工具箱里面的变形工具对五角星进行放大处理（按shift键等比例放大）选种放大了的五角星按ctrl+b对五角星进行打散，对齐填充颜色进行更改 选种图层一的第25帧单击右键插入普通帧，先建图层二选种图层二的第一帧把库面板中的“五角星”拖动到舞台上，（注意：中心对齐）在图层二的第25帧中插入关键帧，并改变其舞台上的对象的alpha的值为0，并把当前舞台上的对象移动到图层一中五角星的一角，右键单击图层2的第一帧到第25帧中的任意一帧，选择创建补间动画。重复图层二的操作分别在建立四个图层创建补间动画，最后删除图层一，最终的效果是，一个五角星向四周扩散，并且漫漫的消失。定形动画：

返回场景一，选种图层一的第一帧，绘制一个椭圆形状，新建图层二，选种图层二的第一帧，将库面板中的“五角星动”拖拽到舞台上，把它放在椭圆形的边缘，在图层二的第25帧，插入普通帧，新建图层三，复制图层二的第一帧，选种图层三的第二帧，复制帧，适当的移动舞台中的对象，使其依然在椭圆形的边缘，在图层三的第26帧插入普通帧，类似于图层二与图层三的操作，进行依次新建图层，直到，把整个椭圆形的边缘补满为止，（注意：此过程一顶要在椭圆行的一个方向进行布局。）作后删除图层一，ctrl+enter进行预览 变形工具：对图形的变形的 参数：

旋转：旋转图形，光标的旁边出现弧形，可以移动旋转的控制点（光标的旁边有个小圆圈）

2缩放：可以放大和缩放图形（按alt键以中心位置进行缩放，shift键等比例缩放图形）

3扭曲：可以任意的移动对其进行斜切

4，封套：会出现手柄，对其进行调节他的弧度 第3节

网页中的遮丑

1绘制一个矩形，通过属性面板设置其属性，值为“宽”和“高”的值与画布的大小一样，“x”与“y”的坐标为0。之后对齐进行减切（选种之后ctrl+x）2绘制一个矩形，大小大于舞台的大小，之后粘贴到当前位置（编辑/粘贴到当前位置（ctrl+shift+v））

点击一下第二步绘制的矩形，之后选种第一步绘制的.矩形按delete 3变形：

1）通过工具箱的变形工具 2）通过菜单（修改/变形）

垂直翻转，水平翻转，顺时帧旋转90，逆时帧旋转90 3）精确的变形：缩放与旋转（ctrl+alt+s）

变形面板进行旋转 4 油漆桶：填充颜色 墨水瓶：填充笔触颜色（填充一种颜色）6填充颜色：1。利用工具箱中的填充色 2，利用属性面板

3，利用混色器面板（窗口/混色器）

填充的颜色类型：

1）纯色：只有一种颜色

2）放射型：一种渐变的效果（可以 增加颜色划块，删除颜色划块，可以改变颜色的透明度）3）线性：一种渐变的效果与2大致 类似

4）位图：前提条件库面板里必须得 有位图才能进行填充。如果没有可以先导入到库（文件/导入到库）实例：利用混色器进行绘制一个圆拄和一个球形 填充变形工具：只对线形填充，放射性填充和位图填充有用，可以通过控制点对其进行调整

实例：对文本对象进行填充五颜六色

1在舞台中输入文本，之后对其文本进行两次打散（修改/分离（ctrl+b））----也就是把文本对象变为形状图形对象 2打开混色器面板调整颜色

实例（对以前所有的东西进行复习）旭日东升 1制作遮丑，命名其图层为“遮丑”

2制作背景：新建图层并且重新命名为“背景”，把背景图层移动到遮丑图层的下方，选种该图层的第一帧，在舞台上绘制由兰色到白色的一个由上到下的渐变矩形（注意：矩形的大小不能小于舞台）

3制作土地：选中背景图层，新建一层，利用矩形工具绘制一个绿颜色的矩形，之后通过变形工具里参数的扭曲，对矩形进行变形，用同样的方法在绘制两个矩形（注意：颜色的变化是越远的地方颜色越浅，在每作完一层土地之后一定要对其进行组合（ctrl+G）如果重叠的次序不对可以通过，修改/排列进行修改）绘制修改其图层的名称为“土地”

4：选种“土地”图层，新建图层，命名为“太阳”在该图层的第一帧绘制一个太阳。把“太阳”图层移动到土地图层的下方。

5选种太阳图层的第一帧，把太阳一道舞台的下方，之后在太阳图层的第60帧插入关键帧，把太阳移动到天空的上方。选种太阳图层的第一帧，改变其色调。6，选种太阳图层的第一帧到第60帧右单击，选择创建补间动画。第4节 qq表情：

1，选种图层一的第一帧，绘制卡通图象的脸，新建图层二，选种图层二的第一帧，绘制一个眼睛，并把绘制成的眼睛转换成元件，行为定为影片剪辑，进入眼睛影片剪辑的状态，在图层一的第二帧，插入关键帧，利用变形工具，对眼睛进行变形，进入场景一，把已经作好的影片剪辑，复制另一个眼睛，3ctrl+enter导出影片剪辑。滴管工具：吸取或者填充颜色

注意：操作时首先选种笔触工具，或者填充工具，之后在去用吸管工具吸取颜色。

橡皮擦工具：擦出图象（双击可以快速擦出舞台上的所有图象）参数：三个参数

填充颜色：填充封闭的轮廓，填充小的空隙，填充中等空隙，填充大的空隙。查看里的工具：

1抓手：查看舞台上的对象（双击：适应屏幕显示也就是显示整个对象，按住空格键是切换此工具）

2放大镜：放大和缩小舞台中的对象（ctrl+=放大，ctrl+-减小，也可以通过参数去更改，放大镜与缩小镜，双击放大镜100%显示）颜色里的工具 时间轴：

层：新建层，新建立文件夹

隐藏层：眼睛图表，可以把层中的舞台上的对象隐藏 锁定层：锁定当前层，则舞台上的位置，形状不会改变。

层上的笔图表：表示为当前层，也就是正在操作的层 选种多个层：选种不连续 配合ctrl键

选种连续的 配合shift键

删除层：选种层：点垃圾桶或者把层直接拖拽到垃圾桶上。帧：选种帧后单击右键

插入关键帧：f6 空白关键帧：f7 普通帧：f5 删除帧shift+f5 全选帧：alt+ctrl+a 拷贝帧：alt+ctrl+c 剪切帧：alt+ctrl+x 粘贴帧：alt+ctrl+v 元件：1.新建元件：插入/新建元件（ctrl+f8）2.通过库面板：打开库（f11）

删除元件（注意：删除元件后就无法在撤消了，是物理删除）

新建文件夹。修改元件的属性 将舞台上的对象转化为元件： 1选种对象之后按f8 2选种对象之后右键单击/转化为元件 3通过菜单

4直接往库里拖拽

如何进入元件里进行编辑（编辑元件）

1当元件已经在舞台上的时候可以直接双击进入（特点：当编辑元件的时候，能看到舞台的位置）

2在库面板里进行双击元件（特点，只能看到元件的中心点但是看不到舞台）（注意：元件的编辑与舞台编辑的差别：元件里有十字形的标志而舞台上却没有）排列：更改图层的排列：直接用鼠标拖拽

同一图层的对象改变排列：（1菜单里面2快捷键3右单击）第5节

位图 文本 图形 元件 组合（flash中的五种对象）对象之间的转化：

直线如何转化为填充：修改/形状/将线条转化为填充颜色 元件的属性：

放在库面板中的对象叫做元件 放在舞台上的元件叫实例，（注意：元件可以多次的进行应用，而在舞台上的实例是唯一的）颜色：

亮度：最亮的时候是白颜色，最暗的时候是黑颜色

色调：颜色

（注意：舞台上的实例变了，而不影响库中的元件，库中的元件变，则舞台上的实例也变）

信息面板：反映的是舞台上的信息 flash里面的第一个动画：

逐帧动画：每一帧都是一个关键帧，并且放的图片不相同，适用于所有的对象，时间轴连续播放就产生动画。（注意：逐帧动画站用的空间最大，也是flash 里最简单的动画）

文件的发布：如何把文件发布成gif动画

文件/发布设置/格式里选择gif/gif里选择动画（在这里你也可以选择播放的次数）

实例：1。一张嘴说话

图形元件与影片剪辑元件的区别：

图形元件依赖于主时间轴，而影片剪辑元件相当于一个独立的动画，与场景里面的时间轴没有关系，往往我们做动画的时候，把静态的对象做成图形元件而把就动画做成影片剪辑。实例2： 蝴蝶动

1新建立一个元件设置其行为为（图形）在该元件内部绘制一只蝴蝶 2新建一个元件设置其行为为（影片剪辑）

选种图层一的第一帧，把刚刚绘制好的图形元件拖拽到影片剪辑中。在图层一的第二帧上插入关键帧，通过用变形工具改边其形状，最中影片剪辑的效果应该是蝴蝶飞的动作

3，把绘制好的影片剪辑拖拽到舞台上，进行（ctrl+enter）实例3：

1新建一个文档（默认即可）

2选种图层一的第一帧，在舞台上绘制一个拄体（填充的渐变颜色为线性，两边为黑色，中间为红色）

3，新建图层二选种图层二的第一帧，在其舞台上输入（到此一游）在第二帧上插入关键帧并用橡皮擦工具擦除“游”字的最后一笔，在第三帧上插入关键帧，并用橡皮擦擦去“游”字的到数第二笔，依次类推从后往前擦除，直到把文字全部擦除

4，选种图层二的第一帧到图层二的最后一个关键帧，选择翻转帧 5ctrl+enter 第6节

补间动画： 1动画补间： 三要素：

1）设立起始关键帧和终止关键帧

2）起始关键帧和终止关键帧的对象是同一个对象 3）适用的对象为：位图，组合图形，元件，文本 特点：

1）起始关键帧和终止关键帧中间的动画由flash本身来完成 2）他创建的补间动画的中间是蓝颜色的直线 3）只能创建直线动画 操作：

在图层上建立一个要做动画的起始关键帧，之后选种终止关键帧，点鼠标右键“插入关键帧”，之后移动舞台 上的对象。实例1：玻璃球弹字

1新建元件名称为“球”行为为“图形”中心点在“中心”在元件的中心位置绘制一个球形（属性值为：无边框，填充为放射性渐变，渐变的颜色为由白色到蓝色）

2新建元件名称为“动球”行为为“图形”中心点在“中心”在元件的中心位置绘制一个椭圆形（属性值为：无边框，填充为放射性渐变，渐变的颜色为由黄色到白色的渐变）

3返回场景一，在图层一的第一帧上把库中的“球”元件拖拽到舞台上的适当位置。新建图层二，选种图层二的第一帧在“球”的上方输入文字“奔腾电脑”新建图层三，选种图层三的第一帧把“动球”拖拽到舞台的适当位置。4同时选种三个图层的第105帧插入普通帧

5拖动图层二的第一个关键帧到15帧，分别在45帧，75帧，105帧上插入关键帧，在15帧上删除“腾电脑”，45帧删除“电脑”，75帧删除“脑”

6复制图层三的第一帧，在第30帧，60帧，90帧上粘贴帧，之后分别在15帧上插入关键帧移动舞台上“实例”到“奔”的位置，同时在45，75，105中插入关键帧，并分别移动舞台上的实例到相应的位置 7ctrl+enter 实例二：星星闪烁

实例：空中闪烁的星星

1，新建元件，行为为“图形”调出网格。绘制矩形，再用箭头工具对其进行变形，绘制成星星的一角

2，新建元件，行为为“图形”把元件一拖拽到当前元件的中心位置，在同一个位置复制元件一，之后对其垂直翻转，把此元件中舞台上的对象选种，进行组合，之后在同一个位置复制组合图形，在对其进行旋转90度，选种舞台上的对象进行组合，在同一个位置复制组合图形，对其进行精确的旋转45度。星星绘制成功

3，新建一个影片剪辑元件，把绘制好的星星元件拖拽到影片剪辑中心位置，在第10帧上插入关键帧，之后改变第十帧上舞台中元件的透明度为0在1与10帧上创建顺时针旋转的动画补间，在第20帧上插入关键帧，改变20帧中舞台上对象的透明度为100，在10与20帧中创建逆时针的动画补间动画，闪烁的星星绘制完成

4，进入场景，把库面板中已经绘制好的闪烁星星拖拽到舞台中。并把舞台的背景设置为黑色既可。

风吹的文字（技巧：帧的变动）翻转帧，分散到图层 太极的运动：

1绘制太级：新建元件，行为为“图形”名称为“太级”

利用的工具（圆形工具，箭头工具）

利用的菜单（网格（ctrl+'）旋转与变形（ctrl+alt+s值为50%））2绘制太级运动：新建元件，行为为“影片剪辑”命名为“太级动” 在图层一的第一帧中把库中的“太级”拖拽到舞台中

在第20帧中插入关键帧，在第一帧与第20帧之间创建顺时针旋转的动画补间。3制作“天”“地”“乾”“坤”四个图形元件：

1把制作完的“太级动”拖拽到舞台中，并把图层一命名为“太级动” 2制作文字元件： 1）新建元件，名称为“天”，行为为“图形”在此元件中输入“天”

2）复制“天”元件，命名为“地”，行为为“图形”并改变内容为“地” 3）同2制作出“乾”“坤”图形元件