基于Flash的MTV动画设计与实现.docx
《基于Flash的MTV动画设计与实现.docx》由会员分享,可在线阅读,更多相关《基于Flash的MTV动画设计与实现.docx(11页珍藏版)》请在冰豆网上搜索。
基于Flash的MTV动画设计与实现
基于Flash的MTV动画设计与实现
摘要:
Flash是目前Internet上最为流行的Web动画制作软件,它集矢量编辑和动画创作为一体,同时能够将图形,图像,音频,动画和深层次的交互动作有机地结合在一起,以创建美观,新奇,交互性强的动态网页效果。
在视听语言统治的时代,任何一种叙述方式都离不开MTV的影响,Flash自然也不例外。
本论文阐述一个以音乐为背景的Flash MTV的详细制作过程,包括辅助开发工具的介绍,MTV的整体设计、MTV动画的制作、Flash动画中的关键技术总结及其测试和发布的整个过程。
关键词:
Flash;动画;MTV
TheMTVDesignandImplementationBasedonFlash
Abstract:
FlashisthemostpopularWebanimationsoftwaresofar.Tocreateabeautiful,novel,interactivedynamicwebpageeffect,itsetsthevectoreditingandanimationcreationasawhole,andgetsthegraphics,images,audio,animationanddeep-seatedinteractiveorganicallytogetheratthesametime.Intheeraofruledbyaudio-visuallanguage,anykindofnarrationcannotdowithouttheimpactofMTV.ThisthesisattemptstoelaboratethedetailedproductionprocessofFlashMTV,theauxiliarydevelopmenttools,MTVdesign,MTVanimationproduction,keyFlashanimationtechnologyanditstestandreleaseofthewholeprocessarealsointroduced.
KeyWords:
Flash;animation;MTV
引言
Flash是Macromedia公司推出的一种优秀的二维矢量动画编辑软件,它是集图形/图像的处理、变换、压缩和保存等诸多功能于一体的操作平台,是多媒体作品制作中必不可少的基础和重要组成部分。
Flash软件紧跟时代的发展,其功能不断完善和扩充,充分满足了从事动画、广告、网页、游戏等专业创造人员和相关技术爱好者的应用要求[1][2]。
在信息技术迅猛发展的21世纪,越来越多的人喜欢通过网络来获取信息。
而Flash动画以其短小精悍、形象生动、适合网络传输而备受动画爱好者的青睐,其中FlashMTV音乐动画作品更集构图、画面、情节、音乐于一体,在网络中广泛传播[3]。
时至今日,MTV已经完成了自己的进化历程,进入完全商业运作阶段,成为电视台的支柱栏目。
Flash鉴于用声音表意、叙述上的困难,从诞生之处即投身于MTV的创作,利用现有的mp3音乐素材,发挥本身通过颜色、虚拟画面表现主题的优势,创作了大量的作品[4]。
每一首歌曲都有它背后的故事,Flash制作MTV,用动漫画面的形式呈现故事情节,拨动人们内心深处的琴弦。
通常高质量的MTV作品需要解读和领会歌曲的寓意,制作一个吸引浏览者的FlashMTV作品,必须要有丰富的想象力、动画的设计、扎实的美术功底,熟练地Flash动画技术。
MV制作的全过程都是在Flash中完成的,通过使用关键帧、补间动画、逐帧动画、引导层、遮罩层等使得生成令人心动的动画效果,再把音乐,动画,声效,交互方式融合在一起,效果就更加突出。
1.MTV的辅助开发工具简介
MTV中涉及多种特效的制作,光靠Flash是不够的,还需要收集素材,用Photoshop处理各个场景图片,同时为了实现对声音文件的截取,就还需要用到CoolEdit软件,最后还要根据需要使用CorelDraw绘制所需素材。
1.1图片处理—Photoshop
Photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱[5]。
本作品运用Photoshop来制作MTV中所用到的文字,如图1.1所示。
图1.1运用FX样式添加文字效果图
1.2音频处理—CoolEdit
CoolEditPro是美国AdobeSystems公司(前SyntrilliumSoftwareCorporation)开发的一款功能强大、效果出色的多轨录音和音频处理软件。
它是一个非常出色的数字音乐编辑器和MP3制作软件。
在本次用Flash制作MTV时利用了CoolEdit截取音乐,处理好后复制为新的,又由于FLASH只支持频率为11Hz的整数倍,码率为160Kbps以下的音频,所以在文件另存时需要进行选项设置,以选择适当的比特率与采样频率来进行音乐格式的转换,如图1.2所示。
图1.2运用CoolEdit截取音乐图
1.3矢量图绘制—CorelDraw
CorelDraw是基于矢量图的软件,作为一个强大的绘图软件,被用作商业设计和美术设计。
本作品片头图片的设计就很好的用到了CorelDraw这个强大的绘图软件。
如图1.3所示。
图1.3运用CorelDraw绘制片头背景图
2.FlashMTV的整体设计
2.1设计分析
本作品就是让人们在闲暇之余欣赏,要让欣赏之人看上去心情放松,配上好的音乐,好的动画,设计出好的作品,这样才能起到欣赏的价值。
根据分析,设计中要解决的问题如下:
(1)素材要充足
(2)界面友好,便于操作
(3)整个框架要美观简洁
(4)各个模块之间的链接
(5)音乐、歌词及表达意境动画的同步
2.2项目规划
运用Flash制作MTV是一个非常新颖的项目,给人以视觉上的全新感受,规划系统功能模块如下:
动画模块:
该模块主要制作MTV所需要的动画场景。
(1)片头动画:
主要是告诉观众本MTV歌曲的信息。
(2)片中动画:
主要是表现歌曲所要表达的含义。
(3)片尾动画:
示意动画结束,出现结束文字信息。
首先进入片头动画,画面背景即为特效背景图,进入后画面静止,只有通过点击画面中的“play”按钮才能进行动画的播放。
片中动画主要是根据【哥只是个传说】这首歌设计的动画,是作品的核心。
片尾用遮罩以黑白场显示结束,并出现结束信息,然后进入结束帧。
在最后结束帧会有一个“replay”按钮,点击此按钮会跳转回片头动画画面。
音频模块:
该模块主要是插入MTV的灵魂——歌曲。
2.3制作流程
制作动画时,首先根据作品内容进行选材并从各种途径获取素材,接着将音乐和图片导入Flash的库面板中以便制作时使用,最后就是根据动画制作的需要在Flash中尽量把一些元件如影片剪辑元件、按钮元件和图形元件准备好,为布置场景做充分的准备。
本设计Flash制作MTV流程如图2.3所示。
图2.3MTV制作流程图
3.FlashMTV动画制作功能的实现
此模块为FlashMTV动画制作功能的实现,整个动画共分为片头动画,片中动画与片尾动画三大部分。
除此之外还实现了词曲同步功能,播放器控制功能。
3.1片头动画
此动画由“舞台背景”“心”“按钮”三个图层实现,舞台背景层是一张由CorelDraw绘制并由Photoshop处理的静态图片,“心”则是制作的一个影片剪辑,并通过添加Action脚本语言实现其飘落效果,“按钮层”用来控制动画的播放。
按钮代码为:
on(press){play();}实现效果如图3.1所示。
图3.1片头动画效果图
3.2片中动画
片中动画是整个设计的表现主体,是从视觉上感受所要表现的意义与主题。
(本部分就不一一列举每句歌词的动画制作了,下面举几个典型例子)
(1)“逐帧动画”实现人走路效果。
如图3.2.1所示。
图3.2.1走路效果图
(2)“引导层”实现馒头叠影旋转落地动画效果。
如图3.2.2所示。
图3.2.2引导层动画效果图
(3)“背景旋转”动画效果。
如图3.2.3所示。
图3.2.3背景旋转的动画效果图
(4)“怒火”动画效果。
如图3.2.4所示。
图3.2.4怒火的动画效果图
(5)“女孩逐渐消失”动画效果。
如图3.2.5所示。
图3.2.5女孩逐渐消失的动画效果图
(6)“文字逐条显示”动画效果。
如图3.2.6所示。
图3.2.6文字逐条显示的动画效果图
3.3片尾动画
作为总结性,此动画通过遮罩以黑白场结束,最后出现结束文字信息。
其中用一个影片剪辑”heart”实现心飘落效果。
通过结束按钮层的stop()语句将画面停止,同时在此动画上会显示“replay”按钮,点击该按钮会进入MTV的重新播放,该动作的实现首先必须将“replay”文字转化为按钮元件,其代码是:
on(release){gotoAndPlay
(1);},具体实现效果如图3.3所示。
图3.3片尾动画效果图
3.4歌词动画
在本动画中有些歌词重复出现多次,为了便捷,歌词的制作采用了影片剪辑。
如图3.4所示。
图3.4歌词动画效果图
4.关键技术总结
4.1FlashMTV中镜头画面的位置与范围
通过Flash技术平台实现时,动漫作品中的场景是由Flash中的场景管理器来控制添加的,不同的场景表达剧本中不同的动画主题,每个主题的执行顺序由场景的排列顺序决定。
动画中不同的角色由场景中时间轴的图层来定义,而镜头画面则是由时间轴中的关键帧来实现。
不同的镜头画面通过导入方式将其放入相应的关键帧中。
一般的,我们会将关键帧中的图像画面转换成图形或影片剪辑元件存于文档库中[6][7]。
4.2FlashMTV的镜头效果及实现技巧
在Flash动漫创作中,镜头效果是根据电影拍摄中摄像机的运动轨迹来确定的。
可分为推、拉、摇、移、升(降)五种类型效果。
在获取不同的镜头位置和范围的画面,通过Flash时间轴的关键帧表现出来之后,就可以通过画面的运动来获得更为灵活的视觉感受。
推拉镜头效果的实现技巧,首先将要表现的画面定义成图形或影片剪辑元件存于文档库中。
在将要实现推拉镜头动画的图层对应的帧上建立一个区间,其中首关键帧中产生该画面元件的实例,并确定进行推拉运动开始时的画面。
在末关键帧中同样产生元件的实例,并确定进行推拉运动最终的缩放画面。
在该区间定义产生补间动画。
推拉效果变化的快慢是由区间的长度决定。
另外还可通过修改整个动画的帧频来改变镜头画面运动的快慢,但对动画帧频的修改将会影响整个作品的播放速度;摇镜头运动效果在Flash动画创作中,只有通过在舞台中移动对象元素来达到摇镜头的目的。
首先为目标对象做出几个视角的透视图,然后将这几种视角的透视图组合成比舞台更高或更宽的图,再通过对这幅图上下或左右移动,就能产生摇镜头的效果。
Flash动画中的横移镜头和升降镜头效果,可以先做一张宽度大于舞台的场景图,需要横移镜头时把图片左右或上下移动即可。
图片的上下或左右移动都是由Flash的渐变移动动画,通过改变图形元件画面的位置来实现的[8]-[10]。
4.3音乐的导入与词曲同步
音乐的导入是Flash中制作MTV的焦点,而词曲同步更是焦点中的难点。
一般来讲导入音乐后计算音乐