Flash动画基础.doc

Flash动画基础信息技术基本技能Flash动画基础在网络课件的制作中就不能不用到动画，动画以其独有的魅力在课件的制作中起到了画龙点睛的作用。一般，以3DMAX位代表的三维动画由于实现比较有难度，但是Flash二维动画的制作较为简单，而且由于使用了矢量图形以适应网络带宽有限情况下的传送，所以在网络课件的制作中一般使用Flash矢量动画。（一）动画的基本理论进入动画设计的学习之前，首先要解决一个问题，也就是什么是动画?实际上，一系列静止的画面连续地快速播放就构成了动画，动画和电影一样都是利用人眼的视觉暂留来产生动的感觉。在Flash中通常把动画叫做电影（Movie），二者的概念有很大程度的相似。动画中的每一张静态的画面被称为帧（Frame）。动画播放的快慢正是由每秒播放多少帧来决定的，也就是fps（Frame Per Second），在计算机上常见的动画速率一般使用812帧秒，尤其在网络上播放的动画更不可以设定较高的帧速。如果太高的话，会造成电影的播放出现凝滞现象。但是制作一个100帧的动画并不需要制作100张图，因为Flash采用了关键帧技术（Key Frame）的技术，大大降低了动画设计的工作量。所谓关键帧就是该影帧的内容和先前的影帧有很大的区别，因而它呈现的是关键性的内容和动作上的变化。比如，在某一帧之前没有任何物体，而到了这一帧，动画中突然就出现了一个物体，那么就需要把这一帧指定为关键帧。如果设计用20帧来实现这一物体的移动，就只需要在20帧后再加入一个关键帧（如图3-5-1所示），指定最后的位置，中间过渡的各帧就由计算机进行插值计算了，而不需要人工的干预。图3-5-1使用关键帧（二）Flash5的工作环境Flash5的标准工作环境包括：菜单栏、工具栏、舞台、时间轴窗口、工具面板。除了这些以外，其他的由标签页组成的面板可以随时被打开，有利于编辑。1工作区域工作区域就是Flash的工作平台，它是一个比较大的区域，实际上已经涵盖了以下的舞台，无论是在画图还是编辑动画，工作对象都放在工作区域中（如图3-5-2所示）2舞台舞台是Flash动画元素的表演平台，舞台将显示当前选择的帧的内容。与工作区域不同的是：动画发布后只是在舞台上的内容可以被看到，而舞台之外的工作区域中的内容就如同后台的演员和工作人员一般不会被观众看见。图3-5-2 Flash5的工作环境3场景就像戏剧可以有几幕一样，舞台上也可以放下几个场景。注意在舞台的右上部分，有两个小按钮，其中的第一个就是场景切换的按钮。可以通过不同场景之间的交互性来创作出非常复杂的作品。 4时间轴窗口时间轴窗口用于对Flash的两个基本元素层和帧进行操作。在系统缺省设置下，时间轴窗口以编辑栏的形式出现在舞台的上边，紧靠上边框。可以根据使用者的需要和爱好，用鼠标拖动该编辑栏到Flash界面的其他位置。甚至可以将其拖离边框，使之成为可自由移动的浮动窗口。时间轴控制窗口分为左右两个区域，它们分别是层控制区和时间轴控制区。Flash里面的层与Photoshop中的层的概念是差不多的，他们都是透明的，只不过在Photoshop中是指图层，而在Flash中是指动画层，使用层可以设定动画中各元素的上下叠放次序。时间轴窗口的右半部分是时间轴控制区域，左半部分是层面板（如图3-5-3所示）。利用时间轴窗口安排好素材的空间位置和时间位置，才能够制作出比较好的动画效果。图3-5-3时间轴窗口（三）符号和实体对于大多数刚刚接触Flash的人来说，符号（Symbol）和实体（Instance）是一对比较特别的概念。符号是可以重复利用的图像（Graph）、按钮（Button）或者是动画（Movie Chip）；实体则是符号在舞台上的具体体现。引入符号对于动画的编辑是大有好处的。首先，在处理大量元素时，不会手忙脚乱。如果电影中需要修改大量的重复的素材，就不需要一一修改，只要修改符号就可以了。而且符号可以多次被引用，大大减少了电影的存储空间，还可以大大加快动画的播放速度。（四）多媒体动画的设计过程在进入动画设计之前有必要对多媒体动画设计的步骤进行简单的介绍。多媒体动画设计是一个不小的系统工程，在制作动画的时候一定要有计划地先在心中作出全盘的考虑。制作多媒体动画时随着质量要求的好坏和内容的多少，所付出的精力就有所不同。一般来说大体可以分为三个阶段：（1）首先要考虑动画产品的目的、投入、内容和制作时间等，同时也要考虑用户的使用方式、使用效果、交互方式等等，做好这些前期工作对后期制作是很有好处的。（2）收集素材并进行加工。例如编写文档、录音、制作图片、制作动画等等。在收集素材时应注意严格要求，保证质量。（3）用Flash将上面收集的素材集成并测试，在这个过程中应不断地进行测试，对发现的问题及时加以修改，一个精心制作的多媒体动画便问世了。制作多媒体动画时，需要多人分工合作，这样才能制作出优秀的作品。（五）制作文字动画1文字的显示方法以下我们以“个别放大效果”为例介绍文字的显示方法：（1）输入文字，执行【修改分解组件】将文字打散，然后在第10桢和第50帧插入关键帧（如图3-5-4所示）。图3-5-4打散文字（2）执行【修改转换比例旋转】，将第一帧的文字缩小为10。然后设定为“图形”动画（如图3-5-5所示）。（3）建立新的图层2，在第10帧输入第二个文字并将文字打散，然后分别在第20及第50帧插入关键帧（如图3-5-6所示）。（4）将图层2第10帧的文字，缩小为10，并设定成“图形”变化（如图3-5-7所示）。图3-5-5缩小文字图3-5-6建立新层图3-5-7缩小文字（5）用同样的方法建立其他图层（如图3-5-8所示）。图3-5-8最后的效果2路径的应用让文字沿着路径移动并缩放。（1）输入文字，开启“帧数”面板，选择“动作”变化，然后勾选“吸附”（如图3-5-9所示）图3-5-9设定文字（2）建立路径图层，画一条曲线，然后在两个图层的第15和30帧插入关键帧。（如图3-5-10所示）。图3-5-10设置路径图层（3）将第15帧的文字缩小成10，然后移到路径的中心附近（如图3-5-11所示）。图3-5-11缩小移动文字（4）将第30帧的文字移到路径的另一个端点（如图3-5-12所示）。图3-5-12设定路径（六）制作图像动画以下以“百叶窗效果”为例介绍图像动画的制作方式。（1）载入点阵图，建立4个用来遮盖的图层（如图3-5-13所示）。图3-5-13建立遮盖图层（2）在遮盖图层上画矩形，将点阵图盖住。然后执行【修改群组】，分别将矩形群集化（如图3-5-14所示）。图3-5-14建立遮盖物（3）将遮盖图层设为“动作”动画，然后在第20帧插入关键帧（如图3-5-15所示）。图3-5-15插入关键帧（4）用【比例】工具，将遮盖图层第20帧的矩形缩小（如图3-5-16所示）。图3-5-16缩小比例（5）在第1层的第25帧插入关键帧（如图3-5-17所示）。图3-5-17插入关键帧（七）ActionScript介绍ActionScript是类似于JavaScript的一种脚本程序语言，用于Flash中自动控制动画的播放，ActionScript指令可以放在帧、按钮角色以及动画角色里面，各有不同的启动方法。以下我们以帧的指令为例介绍如何使用ActionScript指令。（1）载入动画，先选取第20帧，然后开启“动作对象”面板（如图3-5-18所示）。（2）双击“转到”图标，然后取消“转到并播放”（如图3-5-19所示）。（3）第一帧的第20帧，会显示“a”，表示这个帧含有指令（如图3-5-20所示）。（4）在预设的情况下，帧