flash教案——flash入门动画.doc

《flash教案——flash入门动画.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、FLASH入门动画（一）教学目标：①知道FLASH软件界面及简单操作；②会使用元件、时间轴等；③会完成flash的第一个动画——运动的小球。工作任务：任务一：　运动的小球制作（一）实践操作：展示效果图：（这就是我们要做的第一个Flash作品。可别看它简单，以后我们要制作千变万化的Flash电影，很多都会用到它所包含的技术呢。好吧，不多说了，我们开始吧。）运行Flash4，这时系统已经打开了一个新文件。选菜单中的Modify->Movie...(或按Ctrl-M)修改当前舞台的属性。我们可以修改播放速度(FrameRate)，舞台尺寸(

2、Dimensions)，是否显示网格(Showgrid)，网格点间距(Grid)，网格色和背景色(Colors)以及选用何种度量单位(Ruler)等。我们将参数设置为左图所示，在以蓝色背景，长300点，宽50点的舞台上制作动画。一般来说，在互联网上播出的动画，每秒8－12帧的播放速度比较合适一些。 工作环境设置好以后，我们首先需要创建一个图符(Symbol)，以便调用。按Ctrl-F8键进入建立图符的选项窗口，给图符起名叫ball，确定是图形类(Graphics)后按确定按钮。现在我们就进入了创建图符的编辑状态。在绘图工具栏中选椭圆工

3、具。并将其下的参数设置为左图所示。我们已经在上一章中详细介绍过有关参数的设置问题，这里就不再多说了。图中的参数显示我们将要绘制一个没有轮廓线，且填充色为桔黄渐近色的球形。桔黄渐近色不是系统自带的颜色，不过我们可以按照上一章中第七节所述方法新建这一颜色。在工作区里用鼠标绘制一个小球。如果对所画的小球不满意，可以点选小球，按Delete键删掉重画，也可以在小球上按鼠标右键，在弹出的菜单中选择相应修改工具进行修改。小球图符做好后，点击时间轴(Timeline)左上角的或右上角的回到主场景。按Ctrl-L打开图库，发现里面已经有一个做好了的名

4、为ball的图符。在预览窗口中把该图符拖动到工作区中如下左图所示的位置。你也可以通过菜单中View->Rulers(或按Ctrl+Alt+Shift-R)打开系统标尺精确定位。我们同时还注意到时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空。　　　在时间轴第25帧点一下鼠标左键，该帧变蓝表示被选。按Ctrl-F6键插入一个关键帧，点选小球，把它拖到舞台的另一端，如上右图所示。双击时间轴上的第1帧，弹出该帧的帧属性对话框，如下图所示。点击渐变(Tweening)标签，在其下的Tweening下拉菜单中选运动(Motion)

5、，按确定按钮。注意：对于实例来说，只能进行运动渐变动画(MotionTweening)，不能作形体渐变动画(ShapeTweening)。而对于形体(Shape)来说，只能作形体渐变。这时时间轴窗口的状态如下图所示，第1帧和第25帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。下面我们来看一看效果：选菜单项Window->Controller，打开控制面板，按播放钮播放动画，或者按下Ctrl-Enter另开窗口，以全屏预览动画，可以

6、看到小球从舞台的左端匀速移动到右端，和本页中的效果一样，只不过本站网页的背景色与Flash电影工作环境的背景色相同，所以看不出来罢了。问题探究：做好了动画不要忘记存盘，按Ctrl+S，在弹出的对话框中输入存档文件名，确定，这时系统会把源文件用.fla格式存档。如果这时在Flash中再次按下Ctrl-Enter键，则系统会自动生成.swf的电影文件，可以用Flash电影播放器直接观看。好了，这一节我们已经学会做一个最简单也最重要的动画了，好的开端是成功的一半，我们慢慢会对Flash的强大功能体会更多的。下一节我们将对小球动画作继续深入的

7、探讨。知识拓展:我们将在运动的小球的基础上进一步加深对运动变形动画的认识。（本节中的几个动画基本上和上一节是相同的，只不过我们对实例的属性，运动路径等适当做些变化，以便获取不同的效果。看出上面的动画和上一节有什么不同吗？是的，在小球运动的过程中渐渐消失在了背景中。其实这个效果实现起来是非常容易的。运动的制作和上一节一样。点击第25帧使处在舞台最右端的小球被选中，用鼠标左键双击小球，弹出实例属性对话框，选择颜色效果(ColorEffect)标签，如下图所示。在颜色(color)下拉菜单选项中选中透明度(Alpha)，在透明度输入框中输入

8、百分值0，或将其右边的滑杆指针拖到最左端，使小球完全透明。点击OK确定。现在看一下效果，按Ctrl-Enter看到如上面所示结果。作业练习：上机作业一：按照教师所展示的效果图模仿完成该作品。上机作业二：在作业一基础上进行