二维动画软件Flash.doc

第六章 二维动画软件——Flash Flash是一款矢量动画制作软件，它已不仅应用于网络动画设计，而且向着高集成度的多媒体开发环境发展，在教学课件、在线视频、音乐ＭＶ、车载动画、手机游戏、商业门户、面向对象编程等方面得到广泛的应用。同其它动画技术技术相比，Flash具有交互性强，数据文件量小，基于流媒体的播放形式的特点，不管是界面动画图形设计，还是交互程序设计，Flash入门简单、网络资源丰富、面向对象编程脚本语言ActionSript3.0学习和应用方便。 读者在学习Flash的过程中，首先要多观察和多动手，任何软件的学习都是这样，书籍上描述的间接经验只是带使用者熟悉这个软件环境，并大概知道能干什么事情，还必须通过亲自动手操作才能转化为自己掌握的技能，不能惯于纸上谈兵；其次，要善于获取帮助，比如使用Flash内置的帮助系统或网络搜索，找到相关的提示，然后在理解别人做法的基础上，学会通过增减相关部分模块化为自己所需的功能或效果。 图 6-1是Flash的启动界面，本章给读者介绍Flash相关的案例及应用。 本章学习向导： 如图6-2 给出Flash 学习向导图，通过下面的案例学习Flash的相关内容和知识。 6.1 Flash动画基础 读者看到的动画一般都能分解成几种基础操作的动画，本节我们来分别研究这几种基础动画技术。 6.1.1 形状补间动画 形状补间动画是根据两个关键帧上的对象形状变化来实现一个形状图形到另一个形状图形的变化效果，包括伸缩、旋转，变色、变形等。需要注意的是，两个图形都必须是经过分离后打散而成的“颗粒状”图形，即被分离过的对象。 实现功能：方形、圆形、星形顺序变化，实例效果如图6-3所示。 2.制作流程： 提示：往下章节默认会新建文档和进行测试、导出和保存选项，这些将不再列入流程。 3.具体步骤： （1）新建文档。打开Flash CS3，选择【文件】【新建】命令，在弹出对话框中选择【常规】【Flash文件（ActionSript3.0）】，如图6-5所示。单击“确定”按钮，创建一个Flash文档。 提示： ActionSript3.0和ActionSript2.0只是编程语言的版本，自Flash CS3后，FlashPlayer播放器内置的具有缓存功能的堆处理器包含新旧两个，能分别编译这两个版本的脚本语言。在本教程上，一般的图像动画使用哪个均没有区别，而交互性代码均使用ActionSript2.0。 （2）绘制矩形。选择“矩形”工具，在“图层1” 拖拽出一带填充色矩形，如图6-6(a)所示。 （3）绘制正圆。在“图层1”第20帧处按下F7快捷键，插入空白关键帧，然后选择“椭圆”工具，使用任意颜色绘制一个正圆，如图6-6(b)所示。 提示：在矩形工具处单击鼠标左键一会就会弹出一个菜单，可从中选择“椭圆”工具和“多角星形”工具；画圆的时候若按住Shift键，可绘制出正圆，若是其它多边形则可绘制出正多边形。 （4）绘制星形。在“图层1”第40帧处按下F7快捷键，插入空白关键帧，选择“多角星形”工具，然后在“属性栏”处点击“选项”，样式选星形（如图6-8所示），在舞台上拖拽出一个五角星形，如图6-6(c)所示。 （5）创建形状补间动画。分别在第1到第20帧、第20到第40帧之间的任意一帧上，单击鼠标右键，在弹出的菜单中选择“创建补间形状”，或者用左键选择两帧之间的任意一帧后，在属性面板上的“补间”处选择“形状”。 提示：若出现带淡绿色背景的向右箭头，表示补间成功。若是虚线则表示不成功，首先要检查的是关键帧上的图形是否是分离的。 （6）添加标题文字。选择 “图层1”，单击鼠标右键，在弹出的菜单中，选择“插入图层”，或点击“插入图层”按钮。然后在新建的“图层2”上选择第一帧，接着选择“文本”工具，在舞台上拖拽出一个文本框并在里面输入相应文字。 提示：因为文字不做动画，不能再在“图层1”上的关键帧上继续添加输入，这样会破坏原有“图层1”上的动画；在属性面板上可修改文字的样式。 （7）按下Ctrl+S快捷键保存文件。源文件以fla作为后缀；若有导出或测试影片的步骤，就会生成另一个以swf为后缀的文件，这就是常见的Flash播放文件。 恭喜读者，我们的第一个Flash就这样产生了。当然读者自己可以作更多的扩展，例如把图形换成被打散的文字；或者把第一帧改为一个黄色的月亮，第20帧改为一个太阳，实现月亮到太阳变化；或是延长时间轴上的帧数使动画变长些。这里面，涉及到了Flash的许多基本概念，读者若是看不懂，没关系，继续往下学就会慢慢有所领会。 另外，上面常用到“分离”这词，是什么意思呢？又是如何做呢？当用鼠标移到舞台上的某个图形上并点击时，图形会显示成颗粒状，这时表示图形已分离，可以修改它的颜色，可以给