基于Flash制作2D动画的理论探讨与技术革新研析.pdf

张文 龚花兰 刘晓芹

摘 要： 基于Flash创作音乐动画需要解决许多技术难点。文中研究动画特效、位图元件处理和音频文件处理等技术后，能实现完美的音乐动画效果。

关键词： 音乐动画；动画特效；音频处理技术

Abstract：The creation of music animation needs to solve many technical difficulties based on Flash. The paper can perfect music animation efficiency after studying the special effect of animation processing bitmap element and audio files.

Key words： music animation；animation special efficiency；audio processing technology

引言

Flash是一款优秀的网页动画设计软件，能够将动画、音乐、声效以及富有新意的界面融合在一起，制作出高品质的网页动画。基于Flash制作的动画文件用于网页设计中，不仅可以使网页栩栩如生，而且动画文件定制小巧，易于上传和下载，在打开网页很短的时间里就得以播放。因此，基于Flash探讨音乐动画的创作技术，将具有直观重要的实用价值。

1 动画特效技术

时下，各种脚本语言应运而生。但程序设计需要一定的编写驾驭能力，不能做到良好的推广与普及，对于广大网页动画设计者，往往无法达到理想的预期效果。在本次研究中，将利用Flash软件来探讨功能强大的动画特效技术，内容论述如下 。

1.1 运动动画的特效

运动动画是Flash中简单易学的一类特效。巧妙地设置了时间轴对应场景上的图符元件，独具优势的运动动画也能达到编程设计同样的动画效果。如需要制作水中游鱼“大鱼吃小鱼”的动画，即如图1所示。在有“鱼”图符元件素材的情况下，用简单的运动动画可以实现鱼在水中游动的效果。但是，要呈现“大鱼吃小鱼，小鱼吃虾米”的特效，必需采用特效技术进一步精确设置时间轴对应场景上的图符元件。研究可得设计过程中各步骤内容顺次表述如下：

首先，制作在1～40帧之间 “大鱼”和“小鱼”相向游动的运动动画，设置在第40帧处“大鱼”和“小鱼”游到同一位置，并且在时间轴上将“大鱼”的动画图层设置在“小鱼”的动画图层上，这样，当“大鱼”和“小鱼”游到同一位置（40帧处）时，“大鱼”正好遮挡住“小鱼”[1]。接着，选定“小鱼”图层的第41帧和第90帧右击鼠标，在弹出的快捷菜单中选择“删除帧”命令，将“小鱼”图层的第41帧和第90帧删除，表示在40帧后，小鱼消失了，直观的动画效果就是在第40帧处“大鱼”将“小鱼” 吃掉了，从而实现了“大鱼吃小鱼”的特效。與上类似，新建2个层，同样的设置方法，也可以成功制作出“小鱼吃虾米”的运动动画特效。

1.2 位图元件处理技术

制作小车在公路上行驶的动画。这里就必须采用位图元件处理技术。首先，从网上下载需要的小车图片，并导入到Flash软件的图符元件库中。接着，制作出车轮转动效果的影片剪辑图符。技术研发步骤可阐释解析如下：

先要制作出两车轮转动的动画。首先，将位图中车轮与车体分开才能制作车轮转动的动画效果，在此，可以通过Flash绘图工具中的“圆形工具”，使用与车轮相同大小的空心圆来裁剪出2个车轮，在舞台中选定小车图形，按“Ctrl+B”键将其分解[2]。然后，用“椭圆工具”绘制1个和小车车轮大小接近的内部填充为“无”的“正圆”，将该“正圆”移动到小车的车轮位置并与车轮重合，而后将车轮移开[3]。设计效果如图2（b）所示。接着，选中分离出的车体，将车体转换为“车体图形元件”保存在图符元件库中，同样，选中分离出的车轮，将车轮转换为“车轮图形元件”保存在图符元件库中。最后，制作影片剪辑元件“行驶的车”。具体过程是：选择“插入” |“新建元件”命令，弹出“创建新元件”对话框，在对话框中设置名称为“行驶的小车”，类型为“影片剪辑”，单击“确定”，进入到影片剪辑元件编辑状态。将库中的图形元件“车体”放在图层一。插入两新层，分别将2个图形元件“车轮”放在图层二和图层三。调整2个车轮的位置，正好与图层一的“车体”贴合为一个完整的小车图形[4]，运行加工效果如图3所示。制作车轮转动的动画设计步骤可见如下：

（1）在图3时间轴“前轮图层”的第25帧处插入关键帧，在“第1帧”和“第25帧”间 “创建传统补间”动画。

（2）选中“前轮图层”的第1帧，设置属性面板[5]，使 “车轮”对象在“第1帧”和“第25帧”间顺时针转动两周。

（3）同样的步骤，制作“后轮图层”中后一个车轮在“第一帧”和“第25帧”间同步顺时针转动两周。此时影片剪辑元件“行驶的小车”的时间轴面板亦如图3所示。

回到场景，将影片剪辑元件“行驶的小车”从“图符元件库”中拖到场景中（可以事先导入对应有公路的背景图），制作影片剪辑元件“行驶的小车”在舞台背景中的简单运动动画，按快捷键“Ctrl+Enter”测试，就可以看见小车在公路上行驶的动画效果。

1.3 gif动画引用技术

在音乐动画中，要穿插动物奔跑或小鸟飞行的动画，最佳方法就是采用gif动画引用技术。比如要制作如图4所示飞行中的小鸟，采用的gif动画引用技术主要是制作影版剪辑元件“小鸟飞行”。这里，将给出主要执行步骤如下：

准备好“小鸟飞行”的gif动画素材，新建影版剪辑元件“小鸟飞行”，在 “小鸟飞行”影版剪辑元件制作中，导入“小鸟飞行”的gif动画，这时时间轴上会出现帧帧动画。在元件库中，复制多个“小鸟飞行”的影版剪辑元件，根据需要，调整间轴上帧帧动画的时间距离，可以得出不同小鸟的飞行速度。多个“小鸟飞行”的影版剪辑元件在库中等待调用。回到场景，将3个“小鸟飞行”的影版剪辑元件拖放到舞台场景中（已经设置好花儿盛开的背景）如图4所示，并调整这3个“小鸟飞行”的影版剪辑元件大小，按快捷键“Ctrl+Enter”开启测试，就可以同时看见3只不同的小鸟飞行的动画效果。

2 音乐的导入与处理

精良的动画再配上唯美的背景音乐，给人心旷神怡的享受，也会使网页增添吸引力。Flash软件支持的音频格式主要有WAV、AIF和MP3等。配置动画的背景音乐，常常选用MP3格式音乐，因为，MP3是利用 MPEG Audio Layer 3 的技术，将音乐以1：10 甚至 1：12 的压缩率压缩成容量较小的文件 MP3格式文件在音质丢失很小的情况下还能优质保持原来的音质[6]。

2.1 音频文件的导入

在Flash软件中，音频文件的导入可分为如下设计步骤：启动Flash软件后创建某音乐层，点击“文件—导入”，选定已准备好的“*.mp3” 音频文件素材，就可以迅速将音频文件导入，并且该音频文件会保存在“图符元件库”中。但是，在Flash软件中导入音频文件时，常常出现如图5所示的弹出界面，即 MP3 音乐不能正常导入到Flash软件中的情况。 重点是因为这首“*.mp3”音频文件不是标准的MP3格式音乐[6]，需要进行音频文件素材处理。

2.2 音频处理技术

2.2.1 音频转换

Flash中遇到MP3音频文件不能正常导入的状态[7]。可以使用Goldwave或解霸等音频编辑软件提供处理。音频处理的研发操作过程将遵循如下步骤：

启动Goldwave的软件窗口，打开已准备好的“*.mp3”音频文件，显示音频文件处于打开状态，点击“另存为”按钮，保存文件名为“*2 .mp3”，文件属性项选择频率、位率等[7]。此时，即已通过Goldwave音频编辑软件将非标准的MP3格式音乐转换为标准的MP3格式“*2 .mp3” 音频文件 [8]。音频文件转换后，在Flash软件窗口中连续点击“文件—导入”，选择要导入的“*2.mp3”文件，就可以在Flash软件中实现正常导入。

2.2.2 音频剪辑

當创作音乐动画只需音乐的一小段时，就需要对音频文件进行剪裁和编辑。剪辑执行步骤为：

启动Goldwave音频编辑软件，打开已准备好的音频文件，如图6所示。用鼠标单击“播放”按钮，试听到设计需要的音频起始位置，右击鼠标，选“设置起始标记”；继续试听，到设计的结束位置时，单击“暂停”按钮，右击鼠标，选“设置结束标记”。这样截选的音频段在编辑窗口中高亮显示。针对高亮显示的音频文件，执行“编辑”|“复制”命令，再执行“编辑”|“粘贴为新文件”命令，这样就把截取的音频段复制到了一个新建的音频文档中[7]。保存新建的该段音频文供需要时调取使用。

3 结束语

创作优效的音乐动画会遇到许多技术问题。挖掘出Flash软件强大的动画编辑功能，使复杂问题简单化，设计者可以创作出高品质的、音乐和动画交互融合的、令人耳目一新的音乐动画。

参考文献

[1] 龚花兰. 中文Flash CS5项目驱动“教学做”案例教程[M] . 上海：复旦大学出版社，2012.

[2] 郭建伟. 画龙点睛 让图片中的眼睛充满神采[J]. 电脑知识与技术（经验技巧） 2017（5）：83-86.

[3] 缪亮. Flash动画制作基础与上机指导 [M] . 北京.清华大学出版社，2010.

[4] 黄美益. 浅析Flash动画的应用及遮罩动画的使用技巧[J]. 电子技术与软件工程 2017（6）：76，84.

[5] 龚花兰. Flash CS6项目驱动“教学做”案例教程[M] . 2版. 上海：复旦大学出版社，2014.

[6] 张文，龚花兰，李敏娇，等. 创作“绿色世界”主题音乐动画的研究与实践[J]. 智能计算机与应用 2017，7（5）：137-139.

[7] 龚花兰. Flash 音乐短剧创作中技术难点的突破[J]. 智能计算机与应用，2017，7（4）：95-98.

[8] 龚花兰，施怡，王勇勇. 基于Flash创作MTV作品的关键流程[J]. 中国现代教育装备，2014（11）：27-29.