flash教案flash入门动画.doc

FLASH入门动画 ②会使用元件、时间轴等； ③会完成flash的第一个动画——运动的小球。 工作任务： 任务一：　运动的小球 实践操作：展示效果图： （这就是我们要做的第一个Flash作品。可别看它简单，以后我们要制作千变万化的Flash电影，很多都会用到它所包含的技术呢。好吧，不多说了，我们开始吧。 运行Flash4，这时系统已经打开了一个新文件。选菜单中的Modify - Movie...(或按Ctrl-M)修改当前舞台的属性。我们可以修改播放速度(Frame Rate)，舞台尺寸(Dimensions)，是否显示网格(Show grid)，网格点间距(Grid)，网格色和背景色(Colors)以及选用何种度量单位(Ruler)等。我们将参数设置为左图所示，在以蓝色背景，长300点，宽50点的舞台上制作动画。一般来说，在互联网上播出的动画，每秒8－12帧的播放速度比较合适一些。 ? 工作环境设置好以后，我们首先需要创建一个图符(Symbol)，以便调用。按Ctrl-F8键进入建立图符的选项窗口，给图符起名叫ball，确定是图形类(Graphics)后按确定按钮。现在我们就进入了创建图符的编辑状态。在绘图工具栏中选椭圆工具。并将其下的参数设置为左图所示。我们已经在上一章中详细介绍过有关参数的设置问题，这里就不再多说了。图中的参数显示我们将要绘制一个没有轮廓线，且填充色为桔黄渐近色的球形。桔黄渐近色不是系统自带的颜色，不过我们可以按照上一章中第七节所述方法新建这一颜色。在工作区里用鼠标绘制一个小球。如果对所画的小球不满意，可以点选小球，按Delete键删掉重画，也可以在小球上按鼠标右键，在弹出的菜单中选择相应修改工具进行修改。 小球图符做好后，点击时间轴(Timeline)左上角的或右上角的回到主场景。按Ctrl-L打开图库，发现里面已经有一个做好了的名为ball的图符。在预览窗口中把该图符拖动到工作区中如下左图所示的位置。你也可以通过菜单中View - Rulers(或按Ctrl+Alt+Shift-R)打开系统标尺精确定位。我们同时还注意到时间轴的第1帧上的小圆圈已经由空心变成了实心，表明该帧不再为空。 　　　 注意：对于实例来说，只能进行运动渐变动画(Motion Tweening)，不能作形体渐变动画(Shape Tweening)。而对于形体(Shape)来说，只能作形体渐变。 这时时间轴窗口的状态如下图所示，第1帧和第25帧之间出现了一个实线箭头，且背景变成淡紫色，表示这两帧之间有一段运动渐变动画。如果两帧之间出现了虚线，表示过渡不成功，需要重新查看每一个关键帧及其属性。下面我们来看一看效果：选菜单项Window - Controller，打开控制面板，按播放钮播放动画，或者按下Ctrl-Enter另开窗口，以全屏预览动画，可以看到小球从舞台的左端匀速移动到右端，和本页中的效果一样，只不过本站网页的背景色与Flash电影工作环境的背景色相同，所以看不出来罢了。 做好了动画不要忘记存盘，按CtrlS，在弹出的对话框中输入存档文件名，确定，这时系统会把源文件用.fla格式存档。如果这时在Flash中再次按下Ctrl-Enter键，则系统会自动生成.swf的电影文件，可以用Flash电影播放器直接观看。 知识拓展: 我们将在运动的小球的基础上进一步加深对运动变形动画的认识。（本节中的几个动画基本上和上一节是相同的，只不过我们对实例的属性，运动路径等适当做些变化，以便获取不同的效果。 看出上面的动画和上一节有什么不同吗？ 是的，在小球运动的过程中渐渐消失在了背景中。其实这个效果实现起来是非常容易的。运动的制作和上一节一样。点击第25帧使处在舞台最右端的小球被选中，用鼠标左键双击小球，弹出实例属性对话框，选择颜色效果(Color Effect)标签，如下图所示。在颜色(color)下拉菜单选项中选中透明度(Alpha)，在透明度输入框中输入百分值0，或将其右边的滑杆指针拖到最左端，使小球完全透明。点击OK确定。现在看一下效果，按Ctrl-Enter看到如上面所示结果。 作业练习： 上机作业一：按照教师所展示的效果图模仿完成该作品。 上机作业二：在作业一基础上进行修改、更新。（要求：用不同方向，不同球体等） 上机作业三：（选做提高题）根据所学自由创作一作品。 教学反思： FLASH入门动画 ②会使用运动渐变动画、图层、引导线等操作 ③会完成flash的第二个任务——运动的小球（二）。 工作任务： 任务二：　运动的小球 实践操作：展示效果图： 上一节的小球在运动的过程中大小发生了变化。要实现这一点，我们还是在上一节做好的动画的