第一讲Flash动画基本原理

Flash动画制作入门教程第一讲Flash动画基本原理PAGE第一讲Flash动画基本原理FlashMX是Macromedia公司开发的一款目前主流的二维动画制作软件。利用FlashMX来制作一些比较简单的二维动画，从纯软件操作技术来看并不太难，并没有象大家想象的那么复杂与神秘。我想如果大家仔细看完我所写的这几个讲座文稿，并认真操练，制作一些简单的Flash动画是不会有问题的。相信我，不会错！大家在上网的时候，我想都看到过（有些甚至想下载以据为己有）一些非常精彩的Flash动画（如MTV、广告、动漫、游戏等），看上去挺复杂的。实际上，不管它有多复杂，一般来说，我们都可以把一个Flash动画最后分解为五种基本动画形式：逐帧动画、形变动画、运动动画、遮罩动画和脚本动画，其中后两种动画形式是建立在前面三种动画形式基础之上的。掌握这种五基本动画形式的操作，也就学会了Flash动画制作的基本技能，接下来的事情，就看大家如何组合不同的动画形式，产生设计创意所要求的视觉效果。当然，要真正掌握，并能灵活应用这五种动画形式，理解Flash动画的基本原理是很有必要的，这也就是本讲需要解决的问题。首先请大家看下面正在播放的“植物发芽到开花过程”Flash动画演示实例。在这个动动画1-1植物发芽到开花过程演示画中，实际上包含两个物体：一是花盆，在整个动画过程中一直没有任何变化；二是植物，从发芽、花蕾到开花，以动态形式展示了整个变化过程。这是我们所看到的视觉现象，而隐藏在其后面的究竟是怎么回事，也就是Flash动画形成的基本原理是什么呢？下面我们用FlashMX软件把上述这个动画的原文件（文件名是1-1.fla）打开，来分析一个Flash动画的基本原理。第一步：用鼠标左健依次单击【开始】→【程序（P）】→【Macromedia】→【MacromediaFlashMX】，运行MacromediaFlashMX软件，如图1-1所示；属性面板工具箱舞台时间轴菜单栏属性面板工具箱舞台时间轴菜单栏图1-1MacromediaFlashMX软件运行初始界面软件基本工作界面介绍软件基本工作界面介绍FlashMX工作界面基本上可以分为五个部分，如图1-1s所示其主要功能如下所述：〖菜单栏〗→与大部分应用办公软件相类，包括【文件】、【编辑】等基本菜单功能命令；〖工具箱〗→包含绘图、选择、称动、查看等工具，绘图工具只提供绘制一些简单的几何图形，如直线、矩形、椭圆等；〖属性面板〗→〖工具箱〗中的每一个工具都有自己独特的属性，如椭圆绘图工具的“边框颜色”、“边框线条的形状”等，当用鼠标左键单击〖工具箱〗中的不同工具时，〖属性面板〗就会显示对应工具属性；〖时间轴〗→如果把一个Flash动画比作一部电影的话，〖时间轴〗就相当于“电影拷贝”，只有通过放映机才能把隐藏在“电影拷贝”中的影像内容投放到“电影幕布”上；〖舞台〗→它相当于传统电影院中的“电影幕布”，通过〖菜单栏〗中的【控制（C）】→【播放（P）】命令，就可以把隐藏在〖时间轴〗中的影像显示在〖舞台〗上。第二步：用鼠标左健依次单击〖菜单栏〗上的【文件（F）】→【打开（O）…】，出现如图1-2所示的对话框，在〖查找范围（I）〗选择存放动画原文件1-1.fla的目录，并在文件图1-2文件【打开（O）…】对话框列表框中用鼠标单击文件1-1.fla，使其处于选中状态，然后用鼠标左键单击〖打开（O）〗按钮，即可把原文件在FlashMX软件中打开，如图1-3所示。舞台画面时间轴上的红色指针舞台画面时间轴上的红色指针图1-3打开Flash原文件后的界面第三步：用鼠标左健依次单击〖菜单栏〗上的【控制（C）】→【播放（P）…】，并注意观察〖时间轴〗上那条红色指针的移动和〖舞台〗中画面的变化；（大家会发现随着红色指针从左向右移动时，〖舞台〗上花盆中的植物逐步由芽演变为花蕾，到最后开花。）第四步：用鼠标左健依次单击〖时间轴〗右上角的，弹出如图1-4所示的下拉式菜单。弹出式菜单中的预览命令弹出式菜单中的预览命令图1-4〖时间轴〗显示模式弹出式菜单移动鼠标到【预览】，并用鼠标左健单击【预览】命令，使〖时间轴〗转为“预览”显示模式，如图1-5所示，大家会发现原来〖时间轴〗上的“小黑点”已变成一张张“小图片”了；图1-5〖时间轴〗转为“预览”显示模式第五步：用鼠标左健依次单击〖菜单栏〗上的【控制（C）】→【播放（P）…】，并注意观察〖时间轴〗上红色指针所指小方格中图片和〖舞台〗中画面的变化。我们会发现〖时间轴〗上红色指针所指向的小方格图片和显示在〖舞台〗上的图片是一一对应的。因此，我们可以这样认为：Flash动画是一系列静态图片连续播放产生的一种视觉效果。动画中所要用到的各种媒体素材（图片、声音等）需要用相应的工具软件进行处理后，再导入到FlashMX中进行组合。操作技巧操作技巧我们可以通过调整Flash动画的播放速度，以使大家更清楚地看到上述的变化过程，具体方法如下：在〖舞台〗的空白处（即除了有具体图片对象以外的区域）用鼠标左键单击；打开〖属性面板〗（只需要在“属