FLASH教程2012

第一课时

教学目标:熟悉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)元件和层概念及运用

在讲动画形式之前先讲元件和库的概念，教学生建立元件的方法及必要性。(实例yuanjian) 空心小圆圈表示空白的关键帧，没有内容，例如在新建一个动画文件时出现。

先建立一个元件，然后在场景中拉入元件

拉入后成实心点，有内容就成了实心点

单独的关键帧为一黑色圆点，后面为灰色表明其后各帧的内容与其一致，没有变化。

实例分析：背景色的设置；相同小球的组合绘制

要点：选择工具的使用（任意变形和整体选择操作）圆形的绘制（shift画正圆）；

建立元件（元件的概念）组合CTRL＋G打散CTRL＋B

直线工具的使用

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

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

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

关于图层(Layer)的概念，学过Photoshop的人都不会陌生。形象地说，图层可以看成是叠放在一起的透明的胶片，如果层上没有任何东西的话，你就可以透过它直接看到下一层。所以我们可以根据需要，在不同层上编辑不同的动画而互不影响，并在放映时得到合成的效果。使用图层并不会增加动画文件的大小，相反它可以更好帮助我们安排和组织图形，文字和动画。图层是Flash中最基本而且重要的内容，因而需要很好地掌握:

在实例（ceng）中学习下面的知识。左图是一个典型的图层例子，图中所示共有十一个层。其中用黑色标识带有一支铅笔标志的层为当前正在编辑的层。如果该层不能被编辑，则会显示图标。在这些层右上方有三个图标，其中可以控制该层是否被显示，默认状态为正常显示，在对应下方用表示，如果点击这个黑点，则会出现，同时该层被隐藏，隐藏的层不能被编辑。用来控制是否锁住该层，被锁住的层可以正常显示，但不能被编辑，这样在你编辑其它层时，可以利用这一层作参考，而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示，点击对应的黑点，会出现，再点一次恢复正常。这几个功能可以同时起作用。

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

运动动画：例如一个小球从左边运动到右边表示运动渐变动画，关键帧用黑色的圆点标识，内插帧用黑色的实线表示，背景为淡紫色(浅蓝色)。

虚线说明中间的过渡存在错误，无法正确实现内插。

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

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

同样如果中间出现错误，也会出现虚线！

主要是两个例子，圆变方块和英文字变中文

其中要注意对象要打散，文字要打散两次。比较和补间动画的区别。

下面两个略作了解

字母a表示该帧已通过帧属性对话框指定了action。关于action以后会详细介绍。

小红旗表明该帧有标签或注解。

三、小结

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

1. 元件存在库中，方便重复使用和统一修改

2. 一个元件对应一层

3. 层之间上下叠放，可改变顺序

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

第二课时

教学目标：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的两种基本动画形式，以及运用了层来更好地表现动画。

第三课时

教学目标：

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

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

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

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

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

教学过程：

一、复习巩固

1、完成上次的作业（哭脸变笑脸的的例子和转动的圆环）

上传作业（新的FTP帐号的使用，要求上传原文件）。

二、新课引入

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

分析：

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

2、关键步骤

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

选中圆环，修改－形状－线条转为填充色；

墨水瓶工具填充线条；

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

三、实例教学

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

太阳的制作主要步骤：

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

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

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

有时间的同学自己创作画月亮（实例3）

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

3、综合实例制作（实例4）

分析：

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

星星影片制作：

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

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

记住一句口诀：元件可改变颜色、透明度、大小等，都不会改变元件本身（可通过星星的制作具体演示）

关键步骤：

画好星星后，新建一个影片元件，改变星星的透明度作一个补间动画，即为星星的闪烁；复制一个影片，然后在此基础上修改，上一个是由亮到暗，这一个就是由暗到亮，这样可心使星星看起来闪动自然些；

星星这个影片做好后，让学生动手做星星。

建筑物的制作：

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

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

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

另外一幢楼也是复制，然后进行修改，同样用了元件的修改。

这个制作要特别注意的是对齐工具的应用。

回到场景中，星星一层，高楼一层，再另换一层，画路基（直线工具）

要注意视觉上的真实感，按照路基的倾斜度调整高楼的形状。

汽车的制作：

主要是图片的转换

新建一个元件，导入汽车的图片，把位图转换为矢量图；

对图片进行处理，删掉白色的部分；

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

小结：

1、多边工具的使用

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

3、对齐的使用

4、位图转为矢量图

第四课时

教学目标：

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

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

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

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

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

教学过程：

一、复习巩固

实例――夜色中行进的车

内容回顾

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

出现的问题

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

二、进一步完成实例

1、汽车的运动

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

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

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

路面的绘制

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

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

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

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

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

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

分析：

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

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

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

主要是图形的绘制

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

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

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

我们做每个动画之前先要对这个动画进行分析，哪些是动的，哪些是静的，动的又是怎么动的？（回想一下以前学过的一些动画形式，到这里应该怎么做）

宗旨：不管用了什么方法，只要把效果做出来就好，同学们可以把自己所学的东西融会贯通，方法不是只有一种，老师介绍的方法是比较常用的，并不一定是最好的，大家可以通过多动手，或许就会发现更好的方法。学多了就会灵活运用，举一反三了！

我们仔细观察动画有几层，一般就是要做几个运动

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

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

第三，第二个图形在菱形还在动的时候就出现了，所以要在菱形变化有中间过程中开始做动画，主要是透明度有改变，后阶段是有和无之间的转变，主要通过插空白帧来实现。

第四，字母J是从上往下运动的，字符串esting,是从右往左运动的，还有co ltd则是和上面的图形一样，在有无之间的转变，方法同上。

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

四、小结

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

2、运动的几种基本形式的综合运用

第五课时

教学目标：

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

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

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

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

一、巩固复习

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

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

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

主要知识点：月亮绘制（可用学过的多种方法，这里不再重复）

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

2、用矩形工具及变形工具制作一个立体建筑物，再用重复使用元件制作下列效果图，制作中要注意使用多图层，才能产生建筑之间的叠加效果。（实例2）

注意几点：一是元件的重复利用；二是要使用多层(一般一个楼一层)

三是利用CTRL工具进行楼房的形状调整，使其更具立体感。

主要步骤：

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

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

再在库中直接复制元件，然后在新元件中用按CTRL进行微调整

画好路面（略）

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

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

3、用二个关键帧制作变形效果（实例3）

此实例主要巩固学生对渐变填充工具的使用

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

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

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

二、检测（两节课时间进行考试，一共三题，具体要求等详见index.html）

考试只是检测这一阶段的学习情况，老师根据同学中反映出来的问题，知道学生的掌握情况，对症下药，使大家尽快学会FLASH！创造出有自己特色的精彩动画!

第六课时

教学目标：

1、复习巩固测试题。

2、掌握几类文字特效的制作。

教学重点：各类文字效果的制作

教学过程：

一、测试分析

根据上次考试的具体情况进行小结点评

1、先说明一下这次考试的概况，总的来说大家完成得都还不错，这次的题目并不难，基本上都是最基础的，而且还都讲过的，大部分同学都只可以独立完成。大家起点都差不多，只要肯努力，一定可以学好的，入门很快，进一步提高要靠自己，学得快的同学要不断努力，一定能出成绩。

2、存在的一些问题：

小部分同学形状渐变还没掌握，可个别提问；

大部分同学侧面的调整做得不够好，细心调整即可；

个别同学星形变形不自然，原因是星形的边数问题，做的时候要看清要求，仔细研究；

注意生成swf文件(CTRL+ENTER)；

要注意层的命名，养成良好的习惯。

3、表扬一些同学，并展示一下他们的作品(实例四个)

二、文字特效制作实战

1、阴影字的制作（实例1）

技术分析：阴影字分析主要为两层，一层是文字层，一层是阴影层，且阴影层在文字层下面一层；阴影层就是文字层的复制、变色及变形

主要步骤：新建一层，打入文字FLASH；

再建一层，复制粘贴；（CTRL＋SHIFT＋V就是原位置的粘贴）；

颜色和形状的调整

2、浮雕字的制作（实例2）

技术分析：原理同阴影字的制作，分几层，通过颜色调整，做出浮雕效果

3、打字效果的制作（实例3）

技术分析：文字要一个个出来，可以考虑用逐帧动画（请注意与补间动画的区别：补间动画是软件自动生成的）

主要步骤：先新建一层，导入背景图片；

再建一层，一共有21个文字，插入21个关键帧（F6）；

在每一个关键帧处设置文字的个数，根据字打出来的效果，每帧依次多一个字。

4、五彩旋转文字（实例4）

技术分析：文字的五彩填充，文字的旋转与缩放

主要步骤：新建一个元件，两次打散后，用七彩色填充；

建立一个动画，注意缩放和旋转的设置

学生可自己练习用中文字做五彩旋转文字，效果更明显些。

5、光线字的制作（实例5）主要适用于掌握程度较好的学生

技术分析：文字的光线效果的绘制和元件的透明度的变化效果

主要步骤：新建一个元件，一个打散状态的字母和光线的效果，用直线绘制或者变形工具；

在一层中设置透明度的变化（由浅到深再到浅的过程）；

其余做法同，为加强效果，要注意另外层的字母ABC的设置，一共有六层

6、残影文字的制作（知识拓展）

主要是动作快的学生自己探索制作

提示：主要要几层文字的叠加效果，（每层文字的透明度设置不同，形成残影效果）

每层文字都设置成旋转动画，只不过开始有先后顺序，以致形成残影效果

三、小结：

文字的效果很大就是应用几层文字不同状态的叠加效果以及动画的开始时间的不同来体现文字的变化，掌握了以上的要点同学们经过自己的创造一定能制作出更精彩的动画！

第七课时

教学目标：

1、复习掌握几类文字特效的制作(包括发光字和残影效果)

2、了解引导线的概念

3、学会用引导线制作简单动画

教学过程：

一、复习掌握文字特效

1、大概说一下作业批改情况

2、发光字体的制作

大部分同学把发光字体的动画过程都做出来了，说明大家对这部分掌握得还可以，还有同学没懂的及时问。大部分同学的共同点是字母没做好，上次说的矩形工具的微调整是一种方法，我们也可以用直线工具来画，然后用线性渐变填充。这样做出来的效果比较好，不会出现一些阴影被遮盖的现象，这是同学们最要注意的问题。当然也有个别同学做得比较好。让学生把发光字体做完并上传。

3、拓展题分析（实例）

在讲这前，先给学生10分钟左右的时间自学，看看自己动手能否做出来，然后再讲解，再让学生完成!在预习方面，同学们可以先看我的例子，自己想想应该怎么做，如果不会再仔细研究一下我的教案，不要急着问别的同学，思考过后再问，再听，效果会好不少。

残影效果的制作分析：影子有几个就是有几层，影子的出现就是每层元件的出现时间不同，即每层往后退一帧，残影渐渐变淡，就是每层的元件透明度的逐渐降低。

主要步骤：建立一个元件1，两次打散后，用七彩色填充；

复制元件，命名为2，在原来的基础上用墨水瓶工具描白边；

第一层放入元件1，完成补间动画，顺时针，1次左右；

第二层第二帧放入元件2，透明度设为85%，动画同上；

同方法建层作动画，注意每层第一帧往后退一帧，元件透度依次降低，一般10层左右；注：在做新一层的时候不用重新拖入元件，可以用原位置复制元件(CTRL+SHIFT+V)，然后再修改元件的透明度即可!

4、对于基础比较好的同学在全部完成的基础上，可以先预习下节课引导线的内容，也可以做一些拓展练习!

二、引导线的制作应用：

1、新课导入：(实例1)

先看实例，小球的无规则运动

分析，其实小球是按一定的路径运动的，这个路径是不可见的，但是能引导小球的运动，这就叫做引导线，其所在的层叫引导层（在运行时不可见）

主要步骤：新建一层引导层，用铅笔工具画任意不封闭曲线，就是运动路径

新建一个元件，画个小球，作为一个运动对象

再建一层，把小球拖来，第一帧把小球的圆心放到曲线的起点（会自动吸附），在30帧左右插关键帧，把小球的圆心放到曲线的终点，这就是小球运动的起始点和终点注：要使小球沿着引导线运动，一定要在起点和终点位置，使小球吸附在引导线上，否则不会按引导线运动！

2、学生能力拓展

完成快的同学可完成拓展练习1，层的原理类似于上次的残影效果制作

3、引导线的初步应用（实例2）

技术分析：树叶的自由飘落其实就是运用了引导线的知识，树叶的飘落路径就是引导线的路径

主要步骤同上一题，要注意树叶的绘制可用直线工具加上任意变形即可。

动作快的同学可完成拓展练习2，注意：只要在上题的基础上多加几个层，作与上题一样的引导层即可，当然为了省时方便，可把树叶飘落作为一个影片剪辑，然后一个个拖到场景中即可，当然也要稍注意时间先后。

三、引导线的进一步应用

1、骑山车（实例3）

技术分析：车子的运动就是按路径的运动，山路就是路径

主要步骤：新建一个元件，用画图工具画好车和人

画好背景，包括山路

画引导线，只要复制已画好的山路即可（同路就是白色的线条）

把车的元件拖到场景中，起点和终点的设置对齐同上

在动画设置中选中“调整到路径”，车子才会比较自然地动，这是本例制作的关键！

2、动作快的同学可以进一步制作山车，可以让车轮动起来！（拓展练习3）

简单提示：画好车轮动画设置为旋转即可！

四、引导线的提高应用（拓展练习4）

主要是针对基础比较好的同学，字母就是引导线，要注意中间要断开，才能动起来，文字层用逐帧动画做（原理类似于以前做过的打字效果），才有字是写出来的感觉，以后我们学了遮照层就不会这么麻烦了！

第八课时

教学目标：

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);}意思是按下按钮，开始第二帧动作

③在第二帧开始礼花的变化，导入礼花图片并转化为元件，然后作放大的动画

④最后在场景中拖入已经完成的影片剪辑，注意在铺满整个场景，点击的时候才能保证无论点哪里都有礼花绽放，比较逼真些。铺满时可用多次复制粘贴。

思考：鼠标放上去礼花绽放怎么做？（拓展练习三）

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

小结：

这节复习了引导线，以及新学了按钮的制作，在按钮的制作中要掌握以下几点：

按钮的四种状态的设置，明白各个状态的具体表现形式

学会用文字、图片等作按钮

学会动态按钮的制作，主要是影片剪辑的应用以及一些简单的动作

第九课时

教学目标：

1、复习掌握简单按钮的应用

2、介绍一些简单的动作语句

3、学会按钮上的一些简单语句的应用

教学过程：

一、复习掌握简单按钮的应用

1、复习简单动态按钮的制作

主要通过一些实例的制作来巩固练习

先讲一下上节课存在的问题：在动态按钮中，我们说要制作一个影片剪辑，这个按钮才会动起来。有几个同学另外的都完成了，但是还是不会动，原因就是大家在制作元件的时候选了图形而不是影片剪辑，所以才使动画不动。我们只要把元件的类型转为影片剪辑就可以了，当然要重新放入到相应的地方才行，不然还是原来的那个。（可以通过实例来讲解，以后学生在做的过程中碰到这类问题就不用重新做过了，在原来的基础上稍作一下改动就可以。）动态按钮巩固实例一

技术分析：结合上周课讲的动画和按钮结合来完成

第一个按钮为按下去后动画（字向两边扩散，并变淡）的出现；

第二个按钮是鼠标放上去后动画（字变大并变淡的效果）的出现。

大家可以根据平时所学的动画知识，应用到按钮中，可以充分发挥大家的想象力，作出各类按钮，这些按钮在我们以后各式网站的制作，特别是一些比较有特色的网站的制作中用的较多。

2、综合按钮的制作（实例二）

技术分析：主要是背景的绘制以及按钮的动画（按钮放上去扩散效果）制作

主要步骤：①背景黑条的绘制，画两个圆角矩形叠加，删除重叠部分即可；

②小球的绘制，黑球上放白球，上面再写上字母e；

③按钮的制作，扩散效果的制作，小球填充效果第一帧用调色工具缩到最小，最后一帧用调色工具调到适当效果，创建变形动画；

④按钮的弹起状态中放入元件大圆和小圆以及数字，在指针经过中放上刚完成的扩散效果动画。（动画只要一次，用stop动作）在此要注意按钮中的分层，原理同普通的分层，我们可以把扩散动画放在下面一层，透过大圆展现出来。

⑤按钮的小圆动画制作，绿色变色小球为背景，黄色的曲线作水平转动动画

二、简单动作介绍（按钮制作实例源文件）

1、复习上节课的按钮，做出礼花实例三，比较发现问题，引入动作语句的应用

2、on动作命令

下面我们就详细地向大家介绍一下这八种事件的使用。

1、press 在鼠标指针经过按钮时按下鼠标按钮。单击press，然后选择动作语句，双击【全局函数】|【时间轴控制】中的play 命令。

完整的action是：

on(press){ //设定鼠标事件为按下，然后执行大括号里面的语句。play(); //按钮响应后执行play（播放）动作}

press动作

当然，在大括号里面还可以用其他的语句，比如说，gotoAndPlay(yourframe); //点击按钮后，就会从你设置的帧播放。

2、release 在鼠标指针经过按钮时释放鼠标按钮。单击选择release然后与第一个事件相同加入play命令。完成的语句如下：

on(release){ //当鼠标按下释放的时候，执行下面的语句动作。

play(); //按钮响应后执行play（播放）动作。

}

release动作

可以看到，当鼠标左键按下按钮的时候，并没有激发播放动作，而是当鼠标左键放开的时候，执行了播放动作。这也是与“press”事件不同的地方。

3、releaseOutside 当鼠标指针在按钮之内时按下按钮后，将鼠标指针移到按钮之外，此时释放鼠标按钮。添加语句的方法同上。完整的语句如下：

on (releaseOutside) { //当鼠标在按钮外部释放的时候执行下面的语句。play(); //按钮响应后执行播放动作。}

releaseOutside动作

通过这个例子我们知道，当鼠标左键在按钮上按住并移动到按钮以外的地方放开后，触发了按钮的动作。这是一个具有非常想象力的事件，大家可以利用on的这个事件来制作游戏。

4、rollOver鼠标指针滑过按钮区域。制作方法同上，完整的as语句为：

on(rollover){ //当鼠标滑动到按钮上时执行下面的动作。

play(); //按钮执行播放动作。}

rollOver动作

当鼠标指针从按钮上滑过的时候，动画就开始执行播放动作了，而不需要点击它。我们可以利用on的这个特点来制作一些图示板，非常简单有效。

5、rollOut 鼠标指针滑出按钮区域。制作方法同上，完整的as语句为：

on(rollOut){ //当鼠标滑动到按钮上并离开时执行下面动作。

Play(): //按钮响应播放动作。}

rollOut动作

滑离与滑过并不是相同的，滑离是指鼠标滑动到按钮上并离开以后开始响应，而滑过是指只要鼠标滑到按钮上，就开始执行动作。

6、dragOver 在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮区域，再滑回此按钮。完整的as是：

on(Drag Over){ //当鼠标拖过的时候执行下面的动作。play(); //执行播放动作。}

dragOver动作

拖过的效果是在按钮上点击并按住鼠标不放，移出按扭区，再移回按钮上触发的事件。7、dragOut 在鼠标指针滑过按钮时按下鼠标按钮，然后滑出此按钮。完整的as是：

on (dragOut) { //当鼠标拖离按钮时执行下面的动作。

Flash 补间形状、补间动画、传统补间的主要区别

Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46) 注意：

在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。 在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别：

引导层的应用 引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：

动画补间和形状补间有什么区别

一、图形有二种类型：矢量图形和位图图形； （1）矢量图形：文件体积小，是由一个个单独的点构成，每个点都有各自的属性，如位置、颜色等，矢量图形放大后不失真、无马蹇克、不会产生模糊和锯齿。 而矢量图像属于描述性，以线段和计算公式作为记录的对象。而矢量图像是根据放大后的坐标重新生成图像，不会产生模糊和锯齿。）为什么矢量图像“饱经风霜”却依旧“面不改色”呢？这就是因为前面说过的矢量图像的特点：通过记忆线段的坐标来记录图像。 图像放大缩小的同时坐标也放大缩小，而各个坐标之间的相对位置并没有改变。然后根据改动后的坐标重新生成图像。因此无论放大多少都不会失真。矢量图则损失相对较少，矢量图更多的用于工程作图中.比如说ACD. （2）位图图形：就是以无数的色彩点组成的点阵图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。 位图由像素组成.而失量图由失量线组成，再有的区别就是.位图可以表现的色彩比较多. 而位图更多的应用在作图中.比如PS 二、补间动画有二种：动画补间和形状补间 什么是FLASH形状补间动画？ 形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。时间轴上形状补间是淡绿色底加一个黑色箭头组成的。 在时间面板上，我们在一个关键帧上面绘制一个图形，然后在另一个关键帧上绘制一个图形或者是将开始一个图形的形状进行改变，FLASH两个关键帧之间的形状或者是值的改变的动画就叫做形状补间动画。 （一）．形状补间动画规则：FLASH中形状补间动画只能对矢量图形进行，制作形状补间动画时，首尾关键帧上的图形都应该是矢量图形，有大小，移动，颜色，透明度，旋转属性可以改变。除此之外，还多了一个外形的变化（比如说方形变为圆形，就只能用形状动画，动画补间是做不出来这种效果的。 2．矢量图形的特征是：图形对象被选中时，对象上面会出现白色的均匀的小点。 3．矢量图形来源： 1）利用工具箱中的直线、椭园、矩形、刷子、铅笔等工具绘制的图形

Flash CS5.5创建补间动画与创建传统补间的区别

Flash CS5.5创建补间动画与创建传统补间的区别 以前用的是flash8，新安装flashCS5后，发现创建动画时出现：创建补间动画、创建补间形状、创建传统补间，三个选项。其中创建补间形状操作与flash8相同，下面是上网搜索的有关补间动画与传统补间之间的区别与操作方法。 补间动画和传统补间的区别应该是在flashcs4才出现的，如果你是比较早的flash版本用过来的话，你应该会比较习惯使用传统补间。 传统补间动画的顺序是，先在时间轴上的不同时间点定好关键帧（每个关键帧都必须是同一个MC），之后，在关键帧之间选择传统补间，则动画就形成了。这个动画是最简单的点对点平移，就是一个MC从一个点匀速移动到另外一个点。没有速度变化，没有路径偏移（弧线），一切效果都需要通过后续的其他方式（如引导线，动画曲线）去调整。 传统补间（原来的动画补间动画）：定头、定尾、做动画(开始帧结束帧创建动画动作) 新出现的补间动画则是在舞台上画出一个MC以后，不需要在时间轴的其他地方再打关键帧。直接在那层上选择补间动画，会发现那一层变成蓝色，之后，你只需要先在时间轴上选择你需要加关键帧的地方，再直接拖动舞台上的MC，就自动形成一个补间动画了。并且这个补间动画的路径是可以直接显示在舞台上，并且是有调动手柄可以调整的。 CS5中的创建补间动画则是定头、做动画(开始帧选中对应帧改变对象位置)。 一般在用到CS5的3D功能时候，会用到这种补间动画。一般做FLASH项目，还是用传统的比较多。更容易把控，而且，传统补间比新补间动画产生的ksize

要小，放在网页里，更容易加载。 最主要的一点，传统补间是两个对象生成一个补间动画，而新的补间动画是一个对象的两个不同状态生成一个补间动画，这样，你就可以利用新补间动画来完成大批量或更为灵活的动画调整。

Flash补间动画的制作与练习

3.5.3 动作补间动画（1.5课时） 一、学习指导 1．动作补间动画的概念 动作补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头；构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合（Ctrl+G）或者转换成元件后才可以做动作补间动画。 2．动作补间动画的制作 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只能放一个项目，在动画要结束的地方创建或选择一个关键帧并设置该元件的属性，再单击开始帧，在【属性面板】上单击【补间】旁边的“小三角”，在弹出的菜单中选择【动作】，或单击右键，在弹出的菜单中选择【新建补间动画】，就建立了“动作补间动画”。 制作动作补间动画的帧属性面板如下图所示 （1）旋转选项：有四个选择，选择“无”禁止元件旋转；选择“自动”可以使元件在需要最小动作的方向上旋转对象一次；选择“顺时针”或“逆时针”，并在后面输入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。 （2）“调整到路径”：将补间元素的基线调整到运动路径，此项功能主要用于引导线运动，我们在下一节中要谈到此功能。 （3）“同步”复选框：使图形元件实例的动画和主时间轴同步。 （4）“对齐”选项：可以根据其注册点将补间元素附加到运动路径，此项功能主要也用于引导线运动。 （5）缓动选项：在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画效果会以下面的设置作出相应的变化： 在1到-100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速补间。 在1 到100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 二、学习提示 本节课的学习要求理解动作补间动画的概念，了解构成动作补间动画的元素。掌握动作补间动画的制作方法。

Flash动画课件制作教程全过程

Flash动画课件制作教程全过程 Flash以其超强的动感画质和多事件的触发机制，为课件的制作提供了强有力的支持，利用Flash所提供的课件模板功能，可使制作课件的过程变得更加轻松，同时也提高了制作课件的效率，节省了开发时间。下面笔者就以制作一个简单课件为例，来谈谈利用Flash制作课件的基本要领，希望通过在此讲解能起到抛砖引玉的效果。 工具/原料 Flash CS3 pro 方法/步骤 1. 上网搜索并下载Flash CS3 PRO，安装过程很简单，直接点击下一步即可完成。完成后按照提示重新启动计算机，即可正常使用。

2. 打开Flash，点击“文件”-“新建”，在弹出的窗口中选择“Flash幻灯片演示文档”，然后点击“确定”正式进入编辑界面。 3. 点击“插入”-“新建元件”，新建一个名为“背景”的图形元件，点击“确定”后进入“背景编辑”界面。选择“文件”-“导入”-“导入文件到库”，选择一个背景图片导入库中。

4. 双击库中的图形元件“背景”，进入“背景”元件编辑状态，然后将导入到库中的背景图片拖入到当前窗口中，就完成了“背景”元件的修改操作。

5. 点击窗口左侧的“幻灯片1”进入幻灯片编辑状态，将库中的“背景”元件拖放到当前窗口中。然后选择工具栏中的文字工具，为当前幻灯片添加文件“百度经验 --经验来源于生活”。 6. 在“幻灯片1”上右击，从弹出的菜单中选择“插入屏幕类型”-“幻灯片”，新建一个新的“幻灯片2”。选择工具栏中的“选择”工具，点击幻灯片1的窗口，然后选择一种背景色进行填充，然后选择“文字”工具。在幻灯片2上输入文本“欢迎交流”文本字样，并设置字体的大小和颜色。

信息技术 冀教版八年级全一册第一单元教案设计：第二课 创建补间动画

第二课创建补间动画 Flash除了可以创建逐帧动画外，还可以创建补间动画。补间动画又包括形状补间动画和动作补间动画。本课安排了制作“魔幻变形”的动画和制作“孩子捕蝴蝶”的动画两个活动，通过这两个活动，使学生掌握形状补间动画和动作补间动画的制作过程和方法。 本课建议课时1课时。 1.了解形状补间动画： “形状补间动画”是补间动画的一种。在改变一个矢量图形的形状、颜色、位置，或一个矢量图变形成为另一个矢量图的过程中，可以使用形状补间动画。在形状补间动画中，只需创建起始和结束两个关键帧，中间帧则由Flash通过计算机自动完成。在创建形状补间动画时，如果需要对组、实例或位图图像应用形状补间，则必须首先将这些元素进行分离，如果对文本应用于形状补间，则必须首先将文本进行两次分离（有的中文版译为“打散”）处理，使其转换成矢量图。 2．绘制图形——混色器面板的使用： 在第一课中，初步训练了图形的绘制，能够给绘制的图形填充纯色，如果想要填充线性或者放射状颜色，必须懂得混色器面板的使用。关于混色器面板的使用在阅读参考资料“使用“混色器”控制面板设置笔触颜色和填充样式”。3．创建形状补间动画： 在时间轴面板上动画开始播放的地方创建一个空白关键帧或选择一个关键帧并绘制图形，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并绘制另外的图形，再单击开始帧，在“属性”面板上单击“补间”旁边的小三角，在弹出的菜单中选择“形状”，此时，可以看到时间轴上发生了变化——淡绿色背景和箭头，一个形状补间动画即创建完成。如果出现虚线，看看前后两个关键帧上是否存在非矢量图或别的元素，将其删除即可。 4．使用“形状提示” 制作形状补间动画时，有时两个图形变化差异比较大，使用“添加形状提示”会改变这一情况。在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算变形过渡时依一定的规则进行，从而较有效地控制变形过程。

flash动作补间动画

实训四flash动作补间动画的制作 实训目的： 1.理解“补间”的原理 2.理解“元件”的概念 3.掌握动作补间动画的制作方法 实训原理： 1.补间 补间是flash动画的一种制作方法，又叫补间动画。做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 2.元件 1)元件： 是flash动画中可以重复使用的元素。（通常可以把一个动画元件当做是一位演员，演员可以在不同的场景出现）当元件不使用的时候，一般被放置在flash的“库”面板里。 2)元件的类型： 它是作为一个基本图形来使用的，一般是静止的一副图画，每个图形元件占1 帧。 可以完全独立于场景时间轴，并且可以重复播放。影片剪辑是一小段动画，用在需要有动作的物体上，它在主场景的时间轴上只占1 帧，就可以包含所需要的动画，影片剪辑就是动画中的动画。“影片剪辑”必须要进入影片测试里才能观看得到。 4 帧的影片剪辑，但它的时间轴不能播放，只是根据鼠标指针的动作做出简单的响应，并转到相应的帧，通过给舞台上的按钮添加动作语句而实现flash 影片强大的交互性。 3.动作补间动画的制作过程： a)编辑起始关键帧； b)创建一个新的动画对象（图形、图像、文字等），并将动画对象转换为元件（“图形”元 件）； c)创建结束关键帧，编辑该关键帧页面； d)创建起始关键帧的补间动画类型（“动画”补间）。 实训步骤： 训练项目一：制作一个动画对象的位置移动动画。（5分钟） 训练项目二：制作一个星星的闪烁动画。（5分钟）

实训作业内容及要求： 1、制作一个“日出日落”的动画效果。 2、完成之后以“学号+姓名”命名文件，并以swf格式导出提交。 实训作业参考步骤： 新建一个flash文件，添加图层2、图层3，得到三个图层。从上到下分别将图层3命名为“山”、图层2命名为“太阳”、图层1命名为“天空”。 制作“山” 1.绘制“山”：用鼠标左键点击“山”图层的第一个空白关键帧，利用钢笔工具绘制一座山，调整山的大小和在舞台上的位置。 2.选中“山”图层的第70个帧格，点击鼠标右键，弹出的快捷菜单中选择“插入帧”命令（或者按F5键，可插入一个帧）。 制作“太阳”移动 1. 绘制“太阳”：将除了“太阳”图层的其他图层锁定。选中“太阳”图层的第一个空白关键帧，在舞台上用椭圆工具绘制一个圆形，并填充为红色。选中红色圆形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sun”。 2. 设置“太阳”的补间动画： 将第一个关键帧舞台上的太阳拖动到“山”后面。 在该图层的第25、45、70帧处插入关键帧，分别调整这些关键帧舞台上太阳的位置。 选中“太阳”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。 制作“天空”变化 1. 绘制“天空”： 将除了“天空”图层的其他图层锁定。选中“天空”图层的第一个空白关键帧，在舞台上用矩形工具绘制一个矩形，修改填充颜色为黑色，并将矩形的宽高分别设置为550、400。 选中黑色矩形，打开“对齐”面板，设置黑色矩形相对舞台对齐。 点击选中黑色矩形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sky”。 2. 设置“天空”的补间动画： 在该图层分别再插入3个关键帧，关键帧的位置对应“太阳”的升起和落下时刻，再设置这三个关键帧里“sky”元件的亮度。 选中“天空”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。

动画补间动画教案

动画补间动画教学设计 伊玲 教材的分析 本节《flash动画补间动画》是清华版初中信息技术八年级上册第2单元第1节的制作简单动画的内容。本节学习是建立在学生了解了动画制作软件flash,学会制作逐帧动画和形状渐变动画的基础上，同时它的学习也是学习flash引导层动画、遮照动画的基础，所以它的学习在flash的学习中占重要的地位。 学情分析 八年级的学生对动画的制作非常感兴趣，上课较活跃，有自己的个性，有自己的思想，较七年级时计算机操作水平也有了很大提高，有一定的检索、收集、加工和处理信息的能力，也有一定的创造能力。加之他们在小学五年级时已经接触过flash MX的学习，已经有一定的基础，虽然已经忘记得差不多，但是通过前面课的学习，学已经能够制作简单的逐帧动画了，学会了用逐帧动画来表达自己的设计，班里也有一半的学生小学没有接触过，很陌生。另外因诸多因素的不同，也造成他们对信息技术的认知能力、实际操作能力、知识水平各不相同，形成了不同的层次。因此在教学中应充分发挥学生的自主学习、探究能力，同时在教师的指导下缩小不同层次学生之间的差距。 教学目标 知识与技能： （1）理解“元件”的含义及作用，掌握元件的新建、引用，图片转换成元件的方法。 （2）掌握动作补间动画的制作方法 过程与方法： （1）通过师生共同分析、对比“逐帧动画”与“动画补间”动画，加深学生对动过画补间动画原理的理解 （2）让学生通过制作一个简单动画，使学生快速掌握动作补间动画的制作方法，然后通过“我的动画”的完成培养学生探索创新能力和综合运用知识的能力。情感态度与价值观： 体验作品创作成功的喜悦，激发学生学习flash的兴趣，同时培养学生创新设计能力。 教学重点与难点： 教学重点：动作补间动画的制作方法。 教学难点：元件的建立、编辑与应用。

FLASH补间动画制作

《FLASH补间动画制作——龟兔赛跑》教学设计【教材分析】 本节课是江苏省八年级《信息技术》下册第8单元《动画信息制作》第三节《制作Flash动画》的第一课时。在学习本节课之前，学生已经学习了动画及制作的基本原理，对于基本原理有了一个较清晰的理解；同时通过学习了如何制作一个FLASH逐帧动画，对帧、图层、元件等概念有所了解；本节课通过重现经典的寓言故事《龟兔赛跑》，学习和理解FLASH补间动画的制作技巧。 【设计思想】 通过制作寓言故事“龟兔赛跑”的FLASH影片来贯穿全课，让学生在模拟制作影片的情况下学习动画补间的方法；老师在导学案的设计也颇新颖，是以电影剧本的方式来吸引学生的注意力；师生共同分析乌龟成功的经验，告诫学生不能骄傲自大，做事要认真对待并且遇到困难要毫不气馁坚持到底。 【学情分析】 精彩的Flash作品目前在网络中非常受欢迎、非常流行，而制作这些作品的人被网络称为“闪客”；学生对网络世界的熟悉使得学生对flash动画并不陌生，并且学生对flash动画也抱有强烈的好奇心和学习兴趣，都想成为一个优秀的“闪客”，这为我们的教学打下坚实的基础。因为学生学习FLASH时间较短，对于图层的分别管理不同元件的认识还不够深刻，所以在本节课中继续加深培养；并且通过帮助视频的辅导，学生能够化被动学习为主动学习，自己探索出制作补间动画的方法。 【教学目标】 1、知识与技能： （1）掌握“动画补间”动画的工作原理和主要步骤； （2）掌握元件的概念； （3）掌握“龟兔赛跑”的制作方法。 2、过程与方法： （1）通过师生共同分析动画补间的实例，加深学生对于动画补间的和层的理解；

（2）让学生自主实践，去完成“龟兔赛跑”的动画，使学生能够迅速掌握“动画补间”动画的制作方法； （3）培养学生自主学习能力、探索创新能力和综合运用知识的能力。 3、情感态度与价值观： （1）感受运用Flash动画软件创造作品的乐趣； （2）体验信息技术蕴含的文化内涵，形成和保持对信息技术的求知欲。 【教学重点与难点】 1、教学重点：（1）“动画补间”动画制作的一般方法。 （2）元件的透明处理 2、教学难点：补间动画对象的在起始关键帧与结束关键帧上的变化（位置、大小、透明） 【教学过程】

Flash-8-形状补间动画详解及实例

形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。

flash基本动画制作教案

第7章Flash 8基础与实例（2）—— 常见动画的制作 知识点： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 学时分配：2学时 教学内容： 1、逐帧动画的制作。 2、形状补间动画的制作。 3、动作补间动画的制作。 4、遮罩动画的制作。 5、引导路径动画的制作。 教学重点： 1、形状补间动画的制作。 2、动作补间动画的制作。 3、遮罩动画的制作。 4、引导路径动画的制作。 教学难点： 形状补间动画与动作补间动画的区别。 教学方法与手段：讲授法，多媒体展示 教学过程： （一）创设意境，导入新课（设疑法、提问法） 导入： 教师展示几个Flash实例，然后引导学生一个一个亲自动手制作。引入新课程： （二）新课教学（讲解法、提问法、示范法、实验法）

本次课开始学习用Flash制作动画效果，在Flash中共有5种动画形式：逐帧动画、形状补间动画、动作补间动画、遮罩动画、引导路径动画。 逐帧动画的制作 逐帧动画是一种常见的动画手法，它的原理是在“连续的关键帧”中分解动画动作，也就是每一帧中的内容不同，连续播放而成的一种动画。 优点：与电影播放模式相似，适合于表演很细腻的动画，如3D动画、人物或动物急剧转身等效果。 缺点：每一帧的序列内容都不一样，增加制作负担，文件存储容量过大。 一、逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 逐帧动画在时间帧上表现为连续出现的关键帧，如图7-3-1所示。 图 7-3-1 逐帧动画 二、创建逐帧动画的几种方法 1．用导入的静态图片建立逐帧动画 用jpg、png等格式的静态图片连续导入Flash中，就会建立一段逐帧动画。 2．绘制矢量逐帧动画 用鼠标或压感笔在场景中一帧一帧地画出每一帧内容。 3. 文字逐帧动画 用文字作帧中的元件，实现文字跳跃、旋转等特效。 4. 导入序列图像 可以导入gif序列图像、swf动画文件或者利用第三方软件（如swish、swift 3D等）产生的动画序列。 三、绘图纸功能 1．绘图纸的功能

Flash 补间形状补间动画传统补间的主要区别

Flash 补间形状、补间动画、传统补间的主要区别 (2015-04-19 15:14:46) 转载▼ 分类:平面动画设计(Flash) 区 别 补间形状(形状补间动画) 传统补间(动作(动画)补间动画) 补间动画在 时 间 轴上的表现 淡绿色背景 有时实心箭头 淡紫色背景 有实心箭头 淡蓝色背景 组成 矢量图形(如果使用图形元 件、按钮、文字,则必先打散, 即转化为矢量图形)再变形。 元件(可为影片剪辑、图形元件、按钮等) 或先转化为元件 注:非矢量图形(组合图形、文字对象、 元件的实例、被转换为“元件”的外界导 入图片等)皆可,但元件能修改的属性参 数比较多,因此建议统一为:元件 同左 效果矢量图形由一种形状逐渐变 为另一种形状的动画。实现两 个矢量图形之间的变化,或一 个矢量图形的大小、位置、颜 色等的变化。 元件由一个位置到另一个位置的变化。 实现同一个元件的大小、位置、颜色、 透明度、旋转等属性的变化。 同左 关键?插入空白关键帧 ?首尾可为不同对象,可分 别打散为矢量图 ?插入关键帧 ?首尾为同一对象。先将首转为元件再 建尾关键帧。属性的改变:位置--选中, 移;其她属性--选中元件,在此元件实例 属性面板中改属性 ?只需首关键帧即可 对首关键帧应用“补间 动画” 特性可实现动画滤镜(让应用的滤镜动起 来)。 可以利用运动引导层来实现传统补间动 画图层(被引导层)中对象按指定轨迹运 动的动画。 可实现动画滤镜(让应 用的滤镜动起来)。 注意:

在Flash中,补间形状(形状(变形)动画)只能针对矢量图形进行,也就就是说,进行变形动画的首、尾关键帧上的图形应该都就是矢量图形, 矢量图形的特征就是:在图形对象被选定时,对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形,都就是矢量图形。 在Flash中,传统补间(动作(动画)补间动画)只能针对非矢量图形进行,也就就是说,进行运动动画的首、尾关键帧上的图形都不能就是矢量图形,它们可以就是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多,因此在上表对象中统一为元件。 非矢量图形的特征就是:在图形对象被选定时,对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不就是矢量图形,将矢量图形组合起来后,可得到组合图形,将库中的元件拖曳到舞台上,可得到该元件的实例。 滤镜:图形效果,可以为文本、按钮与影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1、建立各图层中对象:可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上,图即为通透区欲作被遮罩图层在下 2、效果制作:其中一层做动画设计等 3、将欲作遮罩图层(现为普通图层)转为遮罩层:快捷菜单中转。欲瞧效果将两图层锁住

FLASH课件模板制作教程

一般情况下，课件都有一个封面，而这个封面的内容，大多是相同的，所以，我们把这个大多相同的封面就可以定制成一个模板，在做课件的时候，直接打开，修改少许的内容，再加入主要内容，课件就算是完成了。 封面的内容，一般就是学校，作者，执教老师，课题，还有一些最大化，最小化，关闭，画线，清除以及目录按扭，背景音乐等。因为我平时课件的主要内容习惯于做成积件式，然后用组件调用，而封面对于我这种做法特别有用，所以，我就把常用的一些东西做成一个模板。那么模板怎么做呢？ 一、设计一个界面。 界面设计要简洁，大方，色彩要柔和，不能太暗，太亮。 界面可以设计成窗口样式的，也可以设计成MTV样式的，根据个人爱好，想怎么设计就怎么设计。个人喜欢在界面的上面和下面各设计一个条形框，上面输入学校和设计者，加上画线、清除、最小化、最大化、关闭按扭。 下面是调用主要内容的目录按扭，窗口中间空白。右下角是背景音乐的开关。就这么简单，但是做起来却要非常仔细。 1、窗口，用矩形工具画条形框。上下各一个，40高，宽和场景相同。拉入场景后定义实例名window 2、在上面输入学校和设计者名。 3、制作按扭、一共五个。画线、清除最大化最小化、关闭。 4、制作目录按扭、一般情况下我制作的是导入朗读生字说话写话拓展封面这几个，到制作主要内容时，根据课件的脚本只改上面的字就可以了。 5、制作画线纸MC 其实就是一个空影片剪辑。只有这样，才可以在课件上随意画线。定义实例名为paper 6、制作一个画线时用的笔MC。画一个铅笔样的东东就行了。定义实例名为pen 7、制作画线MC,定义实例名为drawline 新建一个画线MC，第一帧stop,第二帧输入画线语句。 stop() _root.onLoad=function(){ i=false; } _root.onMouseDown=function(){ x=_root.window.paper._xmouse; y=_root.window.paper._ymouse; i=true; _root.window.paper.moveTo(x,y) } _root.onMouseUp=function(){ i=false; } _root.onMouseMove=function(){ if(i==true){

flash动作补间动画教学设计

《Flash中动作补间动画》教学设计 一、课题：Flash中动作补间动画 二、教材分析： 本节课是初中信息技术第五单元第二节的内容，本节是在学生已经了解了动画的原理、Flash的窗口及基本概念、制作简单逐帧动画的基础上进一步学习制作动作补间动画。《制作基本动画》分为“动作补间”动画和“形状补间”动画两部分，四个课时。而本节课则为“动作补间”动画的第一课时，主要让学生理解“动作补间”动画的制作原理，掌握“动作补间”动画的制作步骤。也要为后面的形状补间动画以及遮罩动画的学习作一个知识铺垫，本节内容在整个单元中起着承上启下的过渡作用。 三、学情分析： 兴趣是最好的老师，信息技术教学亦是如此。七年级的学生已经掌握了一些信息技术基础知识以及计算机操作技巧，经过前面几节课的演示学习与实践操作，大部分学生都完成了逐帧动画“小鸟会飞了”等动画的制作，并且有一部分基础好的学生独立创作了一些动画，直观的体会到了自己制作的flash真的“动”起来，这使学生心理上有一种前所未有的成就感，对动画制作产生了浓厚的兴趣，滋生了学好flash的欲望。 四、教学目标： （一）知识与技能： 1. 让学生理解“动作补间”动画的制作原理和操作步骤。 2. 让学生学会制作动作补间动画,学会设置“缩放、旋转”等选项,做出各种动画效果。 （二）过程与方法： 通过“旅游”这一话题导入新课，引出动作补间动画，让学生学会分析和分解运动过程，理解制作补间动画的一般性思路，掌握动作补间动画的制作方法。 （三）情感态度与价值观： 1. 让学生通过F l a s h技术手段,做出“小汽车会走了”动画效果,从而培养学生细心观察的能力。 2. 让学生感受运用信息技术创作作品的乐趣，激发学生的学习热情。 五、教学重点、难点： 教学重点：制作动作补间动画的一般步骤和方法。 教学难点：动作补间动画的制作方法

2.3补间动画让物体动起来

第二章第3节补间动画让物体动起来

逐帧动画：在舞台上一帧一帧地绘制或修改图像，连续播放形成动画。制作步骤： 1.单击层名称，使之成为当前层，选择层中的某一关键帧作为动画 的起点。 2.创建图形，可以使用绘图工具直接绘图，也可以从剪板板粘贴图 象或导入图象。 3.单击右边的下一帧，鼠标右键点击→在弹出菜单中选择插入关键 帧命令或按F6键 4.修改舞台上的内容 5.重复步骤4、5，完成所有关键帧。 （如果我们担心有些帧之间图形的位置间隔不太恰当，可以打开灯箱显示模式，来查看各帧的相对效果，） 5.3 绘图纸显示模式 通常情况下，Flash一次只显示动画序列中的一个帧。如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔，可以使用绘图纸显示模式，来查看多个帧各帧的相对效果。在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。 绘图纸功能的使用： 1.单击“绘图纸外观”按钮，在绘图纸起始标记和结束标记之间的 所有帧被重叠显示 2.单击“绘图纸外观轮廓”按钮，标记之间的帧显示为轮廓 3.单击“编辑多个帧”按钮，可以编辑绘图纸标记之间的所有帧 4.要更改一绘图纸标记的位置，将指针拖到一个新的位置 5.单击“修改绘图纸标记”按钮，修改绘图纸外观标记的显示 5.4 形状补间动画的制作 使用形状补间动画可以制作一个形状随着时间变成另一个形状的形

变效果。 一．形状补间动画制作步骤 1.选择要制作动画的层；在动画开始播放的地方创建或选择一个关 键帧 2.创建或放置图形对象或分离的组、位图、实例或文本块 3.在同一层上再创建一个关键帧，并选择该关键帧 4.选择在前一个关键帧中放置的图形执行以下操作之一 ?修改插图的形状、颜色或位置。 ?删除该插图，然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。 5. 在时间轴上选择第1个关键帧，从“属性”面板中的“补间”弹出菜单中选择“形状” 7. 要调整渐变过渡帧的变化速度。可以拖动“扩大值”旁边的箭头或输入一个值． ?要使动画开始很慢越接近动画末尾时越快，则可以拖动滑杆向上移动或输入一个负数值，范围为-1至-100 ?要使动画开始很快越接近动画末尾时越慢，则可以拖动滑杆向下移动或输入一个正数值，范围为1至100 7. 可以选择混合类型的一个选项。 ?分布式：选择该项在创建动画时所产生的中间形状将平滑而不规则 ?角形：选择该项在创建动画时将在中间形状中保留明显的角和直线 注意： ?变形对象必须在一个图层上，否则不能形成补间动画。 ?要对组合体、实例、文本、位图图象应用补间形状动画，必须首先将这些元素打散。 二.控点的运用 控点的作用：在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。 设置控点方法： 1.选择变形动画序列中的第一个关键帧，执行【修改】→【变形】 →【添加形状提示】命令，则在变形对象的正中央有一个红色小 圈，内部标有字母 2.将变形提示移动到要标记的点。按照同样的方法添加和设置其他 的变形提示。

Flash形状补间动画

作业：利用Flash形状补间打造霓虹灯效果，方法如下方详细步骤。本次作业完成后效果请参看文件夹中的”演示.swf”文件。 作业完成后以自己姓名班级学号命名，保存为fla格式，并导出为swf格式，两种格式文件均发送至邮箱24204375@https://www.wendangku.net/doc/581535602.html,. 把此次实验内容写在实验报告上。下星期上课时交实验报告。 一、启动Flash8，建新文档，文档尺寸为600×400像素。背景为黑，其它默认。 二、制作星星边框: 1、插入--新建元件，类型：影片剪辑，名：星。在星元件的编辑器里，使用多边形工具绘制一个五角星，颜色随意。在属性面版里把宽高比设为20：20像素,打开对齐面片居中对齐。 2、设置标尺线：右键点舞台--标尺，设好后锁定标尺线。设置网格。相关主题如下：

3、点场景1，插入--新建元件，类型：影片剪辑，名：星横。从库里拖出10个星，横排，全选，居中对齐。 4、点场景1，插入--新建元件，类型：影片剪辑，名：星竖。从库里拖出10个星，竖排，全选，居中对齐（打开对齐面版，相对于舞台--水平中齐--垂直中齐）。

5、点场景1，点舞台，设置格线。插入--新建元件，类型：影片剪辑，名：星框。做一个横向有28个星，竖向有16个星的星星矩形。如下图 7、回到场景1，把图层1改名为星框。 ①点第1帧，把影片剪辑星框拖到舞台上来。在第85帧点右键，插入关键帧，1~85帧内每7帧插入1个关键帧（即7帧变换一个颜色)。请注意：这样操作后，13个星框是分离状态下的。 ②第一个星框就用原色：红色。点第二个关键帧，用选择工作选中星框，把属性面版里的颜色下拉列表里选择色相调,调整一种颜色,相关主题如下：

flash补间动画

Flash补间动画 一、教学背景 1、教材分析 Flash动画设计是初中信息技术八年级上学期所学内容，本书注重突出对Flash动画设计能力的培养和对技术价值认识的提升，学生学习本教材，不仅能够掌握Flash动画的制作方法，丰富课余生活，更重要的是能在信息和文化素养、思维和学习能力、动手与实践能力及思想品德等方面，有进一步的提高。Flash动画设计是充满趣味的，同时也锻炼了学生发现问题、提出问题、解决问题的能力。 2、学情分析 我校学生对于信息技术这门课很喜欢，尤其八年级所学的Flash 动画设计，非常贴近他们的生活。学生在课余时间接触的动漫比较多，但知道动漫是如何制作的较少。所以本学期教学，可以从学生们喜爱的动漫入手，激发学生的学习兴趣，带领学生在欢乐中学习Flash动画制作方法。 二、教学目标 1、知识与技能：理解形状补间动画与逐帧动画之间的区别，并从中 发现形状补间动画的特点，将其进行归纳。 2、过程与方法：巩固使用绘图工具与选择工具绘制并编辑图像的方 法，掌握将图形、文字制作出形状补间动画的方法，学会使用“修改” —“分离”命令，将文字分离成沙粒状。在学习的同时，也培养了学生发现与总结的能力。

3、情感态度与价值观：形状补间动画选取的案例简单实际，透过案 例学生可以轻松地观察到形状补间动画与逐帧动画的不同点。并且，学生自主的归纳总结可以加深学生对重难点的理解，引起学生对未知领域的好奇心。 三、教学重点、难点 1、教学重点 ①养成图层重命名及图层所定的习惯 ②学会设置形状补间动画的方法，实现简单变形 ③掌握使用“修改”—“分离”的方法制作文字的形状补间动画 2、教学难点 ①形状补间动画的制作原理以及控制 ②对被分离的文字的理解与应用 四、教法与学法 我在教学过程中主要采用了讲演法和任务驱动法。通过将新知识与已学知识进行对比，引导学生自主学习发现问题，掌握本节课的重点。教师在此过程中只是进行适当的推进作用。任务驱动法则是信息技术中常用的一种方法，教师通过设置符合学生情况的任务，来进行教学。 五、教学程序及设想 一、导入新课：师引入课题：通过前面所学习的逐帧动画的制作， 我们已经能较为自如地控制帧的播放时间长短、并理解了关键帧的意义与使用方法，但也从中发现了一些问题，如：逐帧动画过渡过于跳

flash 课件制作高级培训教程

flash 课件制作高级培训教程 课件常用脚本语言（ActionScript）实例 第一节 几个简单交互实例，一般课件制作中必须用到的脚本语言极其功能的实现。 一、设置全屏尺寸（使画面布满整个屏幕） 帧上的脚本语言： 将如下脚本语言写在主场景的第一帧上。 fscommand(\"fullscreen\",\"true\"); //调用Flash命令集中的命令，满屏，且当条件为真的时候。 ★语词解释： fs——Flash中的命令集command——命令full——布满screen——屏幕true——真false——假 ★操作注意： 1. 要在主场景中最上一层专门建立一个层，层的名字就命名为“as或Action”,只用来写脚本语言，这里的脚本多半是“stop();”。 2. 写在帧上的脚本语言必须点选该帧，也就是在写脚本前先点击这个帧（选中对象再操作）。 3. 分辨率设置，一般是设置成800×600像素。 4. 所有的脚本只能写在帧上、按钮上和影片剪辑上。 5. 写在什么上就是要在写前先点击什么。 6. 只有在场景中才能对影片剪辑元件和按钮元件元件以及帧写入脚本（例如按钮没放上

场景，则写不上去脚本语言）。 二、退出（退出Flash动画的运行，也就是关闭。） 按钮上的脚本语言：（把脚本语言写在按钮上。先点选主场景中的那个按钮，再打开动作面板来写脚本。） on(release){ fscommand(\"quit\"); } //当鼠标按下再释放的时候，运行命令集中的“退出”命令。 ★语词解释： on——在…的时候release——释放quit——退出 ★操作注意： 1. 按钮上的脚本语言，要先做好按钮或使用库中的按钮，或者将其他元件转换成按钮，再将该按钮拖放到场景中。写脚本前先点选场景中的该按钮，再打开动作面板写脚本语言。 2. 也可以点“关闭”窗口来退出。 三、前进（向前走一步，动画向下一个步骤运行，或是快进。） 按钮上的脚本语言： on(release){ nextFrame(); }

用flash创建形状补间动画

计算机动画制作(三) ——用flash创建形状补间动画 教材分析 本课教学内容是教材第四章第三单元·“动画制作”中的“制作基本动画”第三课时－－“形状补间动画”。“动画制作”对高一的学生来说还是有一定难度的，但学生的兴趣非常浓厚；本课主要学习形状补间动画的制作方法，比较形状补间动画与动作补间动画的区别；形状补间动画是本单元的教学重点和难点，其中掌握“形状补间动画”的制作方法及“形状补间动画”与“动作补间动画的区别”又是本节课的重点和难点。 教学内容分析 本节课的教学内容为形状补间动画制作，针对实际情况，具体将以3个任务围绕教学目标开展教学：任务1：“图形—图形”间的形状补间动画——圆变矩形；任务2：“图形—文字”间的形状补间动画；任务3：“文字—图片”间的形状补间动画。三个任务的设计代表不同的类型，切合学生的学习思路，激发学生的学习兴趣，由浅入深，层层提高。 教学目标 一、知识与技能： 1、理解形状补间动画的概念，掌握其制作方法； 2、掌握将位图转换为矢量图的操作方法，了解位图在形状补间动画中为何要矢量化； 3、认识形状补间动画与动作补间动画的区别 二、过程与方法： 通过自主探究、任务驱动，发现问题、解决问题，来掌握形状补间动画的制作方法。 三、情感态度与价值观： 培养学生的动手能力、想象力、创造力、审美能力及互助精神。 教学重难点 重点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；掌握位图矢量化方法 难点：形状补间动画的制作方法；形状补间动画与动作补间动画的区别；了解图片矢量化的原因 教学过程与设计意图 情景导入

教师复习提问创建移动渐变动画的基本步骤。 第一步：创建起始帧；第二步：创建结束帧；第三步：创建动作补间。 补间动画有两种，我们刚才看到的只是补间动画中的一种，我们来看属性面板中的内容，这种动画叫做动作补间动画或者叫动画补间，还有一种叫什么补间动画呢？ 教师演示：补间属性面板中的“补间”选项，形状补间动画。（动作补间，形状补间）教师播放“奥运”和“翻书”的补间小动画给学生欣赏,由此引入形状补间动画。学生回忆所学过的内容，了解本课的任务。 设计意图：激发学生学习本节课的兴趣。 讲授新课 师：那么，现在就请同学们先跟我去认识一下什么是“形状补间动画”、它的功能以及特点(课件) ； 1.形状补间动画的概念：使一个对象逐渐变成另一个对象，实现两个对象间(颜色、位置、大小、形状)的平滑过渡。 2.形状补间动画的功能： ?主要用于复杂的，不规则的变形. ?也可以用于大小缩放 ?颜色与透明度的变化 3.形状补间动画的特点： ?帧区域是淡绿色的 ?开始帧和结束帧必须是关键帧. ?形变动画中关键帧对象不能是元件或群组,应用之前一定要先把元件打散(分离). ?变形动画库中不会产生补间元件. ?变形过程的关键帧对象要尽量平滑过度,减少折角,可减少变形纠结现象. 设计意图：让学生有概念认识 师：了解了概念以后，我们一起来制作一个简单的形状补间动画。 （讲解）以“椭圆—矩形”为例简单讲授制作过程。 (提示) flash中绘制的图不需要转化为元件，因为它要发生形状的变化。 教师在讲授“椭圆—矩形”时，先故意犯错，等学生纠错后再讲正确方法（区分移动补间动画的制作方法）；