flash简单对象的移动教案

第一篇：flash简单对象的移动教案

FLASH动画1——简单对象的移动

教学目标：

1、了解计算机动画基本概念

2、了解时间轴、帧、层的概念

3、了解FLASH软件的界面

4、掌握元件的使用方法，养成使用元件的习惯

5、掌握作品的发布方法

6、掌握简单对象的移动动画制作方法

7、了解图片的导入方法。

教学重点、难点：对象的移动动画的制作

教学思路：

1、刚开始教学，画圆时笔触的颜色及填充颜色的RGB设置，元件拖到场景后实例的大小和位置的具体数据先不要求设置，降低难度。

2、以逐帧动画“豹奔跑”来说明动画、帧的概念。

3、以图示结合实际软件的方法，来了解FLASH的工作界面，4、为什么要在第一节课时就引入元件的操作，这样虽然会增加操作的难度，但是做动画，一开始就要让学生养成一个使用元件的习惯。

5、通过让学生模仿任务一（小球的运动）来掌握简单对象的移动动画制作方法。

6、让学生产生趣味性，任务二（轨迹动画），利用GIF元件来制作有趣的动画。

教学过程：

一、引入

二、基本概念

1、动画、层、帧、时间轴等概念：

结合“豹奔跑”的动画，来阐述动画、帧和时间轴的概念

2、结合图片和FLASH软件打开时的界面，进行介绍了解FLASH软件界面

三、任务一：小球的运动（教师先演示，学生再模仿）

1、启动FLASH8软件，创建新项目——FLASH文档

2、插入——新建元件——名称“圆”，类型“图形”（说明元件的三种，养成使用元件的习惯）

3、画圆：圆周描绘颜色为红色，圆的填充颜色为蓝色。

按住shift+椭圆工具，画一小圆

4、返回场景1

将“库面板”（提示：窗口——库）中的“圆”元件，拖到舞台

在第20帧下，右击——“插入关键帧”

将“圆”移动到右边（强调插入关键帧时，会自动复制前1关键帧的画面；强调在20帧的2的数字下放，这样才刚好在第20帧，两位数的都在第1位数字下方，可以让学生数一下。）

5、设置运动方式：

在1到20帧之间的任意一帧，单击左键，在属性面板中的“补间”下拉菜单中选择“动画”

6、查看效果：

按回车，或“控制——测试影片”

7、保存：文件——保存（移动.fla）

8、发布影片：

文件——导出——导出影片：“移动.gif”或“移动.swf”

四、任务二：动物的运动（演示后模仿，主要将文件的导入，其它不讲）

1、新建一FLASH文档

2、导入一个GIF动画（会动的动物，素材在动画素材文件夹中）

文件——导入——导入到库，选择一文件，如“1.gif”

3、打开库面板：窗口——库

将“1.gif”（影片效果）元件拖到舞台

4、在第30帧处插入一关键帧，将动物移动一个位置

5、将1到30帧中间，单击左键，然后在属性面板中，补间动画选择“动画”

6、发布作品：文件——发布——导出影片“动物移动.gif”或“动物移动.swf”

7、保存：文件——保存（动物移动.fla）

五、小结：简单对象的移动

（1）先创建好两个关键帧的状态；

（2）单击起点关键帧到终点关键帧之间的任意一帧（3）属性面板中，补间动画选择“动画”。

课后反思：

第二篇：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制作出“乾”“坤”图形元件

第五篇：FLASH移动渐变与形状渐变动画教案

FLASH移动渐变与形状渐变动画

引言：前一节课我们已经学过如何制作关键帧动画，通过关键帧动画我们可以做出各种各样的动画，但费时、费力，今天我们要学习移动和形状渐变动画的制作方法，有了移动和形状渐变动画，我们只要做好了起始关键帧和结束关键帧两个关键帧这间的动画可以让电脑为我们自动生成，下面我们先来学习移动渐变动画。

新授：

首先通过电脑向同学展示一个已经做好的FLASH动画，其中用到了已经学过的关键帧动画和将要学的移动渐变动画、形状渐变动画，激发学生的学习兴趣。

一、移动渐变

下面我演示一个移动的小汽车的制作过程，大家来学习移动渐变动画的制作方法，这个动画的效果为小汽车从屏幕的左侧移动到屏幕的右侧。电脑演示：

第一步新建一个FLASH文件设置影片的属性。

第二步单击【插入】→【新建元件】，先把图形，输入元件名小汽车，然后确定，进入符号编辑模式，利用各种绘图工具画出小汽车。

第三步返回场景1，在舞台上添加小汽车实体。

第四步在第一帧处把小汽车调整到屏幕左侧，在第20帧处

插入关键帧，选中20帧把小汽车拖动到屏幕右侧。

第五步创建动画，选中第1帧打开帧属性面板在补间中选择动画。

第六步单击【控制】→【测试影片】，测试效果。第七步保存文件为“小汽车.fla”.需要注意的几点：

1、制作FLASH移动渐变动画，渐变的对象必须是一个符号的实体。

2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【动画】。

下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。

学生实践操作。

在学生的作品中选择有代表性的进行全体展示。

二、形状渐变

下面我们再来学习一下形状渐变动画的制作方法。第一步新建一个文件，选中图层1第1帧，在舞台上制作出一个黑色的矩形并将其转换成图形元件。

第二步在第20帧自己插入空白关键帧。然后在舞台上制作出一个蓝色的圆形并将其转换成图形元件。

第三步创建动画:选中图层的第1帧，打开帧属性面板。在【补间】中选择【形状】。

第四步单击【控制】→【测试影片】，测试效果。会看到黑色的矩形逐渐变成蓝色的圆形。

需要注意的几点：

1、制作FLASH形状渐变动画，渐变的对象必须是一个图形，如果要使用文字或是图片必须要经过打散处理后使之转变为图形后才能制作形状渐变动画（选中文字或图片，选择【修改】→【分离】，就可以将文字或图片打散了）。

2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【形状】。

下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。

学生实践操作。

在学生的作品中选择有代表性的进行全体展示。

小结：通过这两种动画制作方式的学习，我们可以做出更加丰富多彩的动画了，以后我们在动画的制作过程中要灵活运用各种动画制作的手段，做出优秀且非常简洁的动画。

板书：

FLASH移动渐变与形状渐变动画

一、移动渐变动画

要点：制作两个关键帧

对象是符号实体

【补间】中选择动画

二、形状渐变动画 要点：制作两个关键帧

对象是图形 【补间】中选择形状

教案

FLASH移动渐变与形状渐变动画