卡通人物运动的flash动画设计探讨

　　摘    要：　随着网络多媒体技术的发展, 音乐、动漫、文字实现了互相穿插、链接, 内容变得越来越精彩纷呈。FLASH技术和动画相结合, 可以融合多媒体和互动两个特性, 实现了动态页面, 生成了一种动态漫画乃至互动漫画新的表现形态。本文主要对卡通人物的补间效果进行设置, 通过分析Flash动画中补间与帧的设置来突出Flash动画作为商业广告的前景, 首先通过静态效果结构与其他软件的应用相结合进行设计, 而后通过物体的运动设置, 用卡通的人物形象展现应用运动的理解, 从而突出Flash动画对运动的理解, 每一个动画都是由不同的运动过程构成, 利用Flash制作的动画短片, 可以有效的应用在网页制作中, 丰富网页的表现形式。

　　关键词：　Flash; 卡通人物; 多媒体;

　　Abstract：　As the network multimedia production technology development, the music, cartoon, words realized with each other, links, content become more and more colorful. Flash technology and animation, the combination of multimedia and interactive can fusion two characteristics, It can be realize the dynamic pages, generated, dynamic comic and interactive comic new forms. This work mainly setting to the cartoon characters between effect, take the analysis of Flash's with the setting of the frames between to highlight the Flash animation as commercial prospects. Firstly, This work through the static structure works with other software effect by combining application design, then through the motion of the object be Setted, with cartoon characters to show with the movement understanding, outstanding Flash animation for sports understanding, for every animation is the movement process of different structure, Use animation film made be Flash, and effectively used in web pages, rich web forms of expression.

　　Keyword：　Flash; Cartoon characters; Multi-Media;

　　21世纪的多媒体平台提供了电子商务、电子政务、电子公务、电子医务、电子教务等多种服务。其中一种是跨媒体、跨行业的软件FLASH, 其设计的网络广告、制作的FLASH网站、MTV、卡通片、游戏等在网络领域里迅速传播, 设计的迷你电影与网络电影, 广告、音乐MTV逐步应用于手机、无线通讯、电视、电影和音乐唱片等领域。

　　物体的运动是制作flash动画的基础, 不论是游戏, 广告还是MTV, 都少不了物体的运动, 包括场景的转换、运动的过程、还有效果的运用。每一个动画都是由不同的运动过程构成的。本文叙述的物体运动, 主要是突出对于Fash动画基础———运动的理解, 所采用的形象是卡通的人物。其中展现了人物的运动, 背景的切换, 还有一些对于人物细节的处理, 所采用的软件是Flash cs4, 是在基于Flash 8的基础上对于软件操作的提升。

　　一、Flash技术

　　Flash技术是当前互联网应用中最为流行的动画展示技术, 其采用了Shockwave技术, 按照“流”方式传输音频和视频文件, 同时, Flash使用矢量技术制作和生成动画, 交互性是Flash的一大特色[1]。在Flash中通过加入按钮来控制页面的跳转和链接, 可以创造出很精彩的动画演示和交互游戏, 将动画、图像、语音以及富有创意的界面结合在一起, 制作出高品质的动画效果;也是一种用于互联网的动画编程语言。它采用了网络流式媒体技术, 在网络上更快速地播放动画;实现动画交互, 发挥个人的创造性和想象力;提供更为精美的网页界面。

　　随着版本的不断升级, 功能也越来越强大, 可以和XML以及ASP、PHP、JSP等动态网页技术结合, 完成复杂的交互功能[2]。

　　二、设计过程

　　1. 设计思想

　　(1) 首先通过静态效果结构与其他软件的应用相结合进行设计

　　任何动画都离不开平面美术, 就好像电影有一个好的美术指导一样。因此在设计作品之前, 先使用Photoshop等软件将整个Flash动画中, 几个关键场景和出现元素的效果图描述出来。效果图本身也标志了动画的结构, 如引子、动画主体、结束总结。如果动画结构更加复杂, 比如动画主体当中还有转场等情况, 也需要画出更多相应的效果图。

　　(2) 物体的运动设置

　　Flash中的绘图工具的应用具有一定的共性, 不同的工具可以绘制出不同的图形, 但绘制的方法基本相同。另外, 绘制的图形在属性设置方面也具有一定的共性, 图形属性包括笔触颜色、笔触样式、笔触高度与填充颜色等方面的设置, 除了可以在工具箱中的颜色组里进行颜色方面的设置, 还可以通过属性面板进行其他方面的设置。

　　这一步按照设计好的效果图, 具体来设计整个动画, 其实也就是用各种动态效果把静态效果图中的元素串联起来。

　　2. 设计步骤

　　为了不使动画成为流水账, 需要使动画有明显的节奏感, 在结构上有明显的过渡, 过渡也要合理、流畅, 不能生硬、唐突。补间的设置尽量突出结构的过渡。图层和帧的展示效果如图1所示。

　　导入素材后, 然后为其制作闪烁动画效果。绘制遮罩图形, 然后利用图形之间的叠加原理制作出星光四射动画特效。点对齐面版上的底对齐, 使元件的底和舞台底对齐, 在图层的相应帧插入关键帧, 创建补间动画。关键是图层遮罩层的应用, 把需要效果的图层转为遮罩层, 图层转化为被遮罩层。使得补间动画效果更加明显和绚丽。同时将时间轴的运动有选择的设置为与补间相适应, 也可以很好的突出其在视觉效果方面所能做到的精细程度。

　　在设置好基本的补间效果的同时, 顺便加上了一些滤镜和光晕的效果。所有的素材都可以通过矢量图来完成, 以便做到在画面不受影响的前提下, 尽可能的减小作品占据的空间容量。

　　三、Flash动画设计理念

　　1. 背景的移动及亮度转变

　　如图2图6中所示的就是一个天空背景的延伸以及用调整透明度展现房屋背景的一个渐变的过程。其中图2是展现人物的出现;图3是在人物出现后将背景延伸, 转向天空, 并对天空进行描述;图4是随着汽车的出现, 背景房屋的色彩由无色逐渐加深, 变成如图5中的全色。

　　图1 图层和帧的展示

　　图2 人物的出现

　　图3 背景由人物转向天空

　　图4 物体的补间

　　图5 补间与背景的转换

　　2. 物体的运动

　　本文设计的Flash作品中, 蛋壳的移动是身体和脚分开, 身体做的是上下移动, 而脚的部分是前后移动, 整合以来就是一个有起伏的走路的过程。还有汽车的行驶也同样是车身上下移动, 轱辘顺时针运动, 停车的时候做的是一个平移。

　　四、Flash技术应用效果

　　通过大量的补间设置, 本文体现出flash动画的精细设置应用, 尤其是逐帧与补间的结合设置, 展现了Flash动画强大的生命力与表现力。搭配着其他软件的使用效果, 使本身已经比较精美的静态图像得到了动态的活力, 更加生动形象的展现出动画对于图像的修饰作用。同时由于Flash动画本身以矢量图为素材, 容量小的特点, 本设计作品可以将Flash动画影片应用于很多的方面, 尤其是一些对于文档本身容量控制严格, 但要求画质精美的领域。如以下几个方面:

　　1. 娱乐短片

　　这是广大Flash爱好者最热衷应用的一个领域, 就是利用Flash制作动画短片, 也是一个Flash爱好者展现自我的平台。如图6所示的用Flash制作的一个娱乐短片。

　　图6 flash制作的短片

　　图7 Flash制作的广告截图

　　2. 广告

　　有了Flash, 广告在网络上发布才成为了可能, 而且发展势头迅猛。国外的很多企业都愿意采用Flash制作广告, 因为它既可以在网络上发布, 同时也可以存为视频格式在传统的电视台播放。一次制作, 多平台发布, 将会越来越得到更多企业的青睐。例如图7所示的Flash制作的广告。

　　3.MTV

　　MTV是一种应用比较广泛的形式。在一些Flash制作的网站, 几乎每周都有新的MTV作品产生。国内用Flash制作MTV也有了商业应用, 如图8所示的用Flash制作的MTV。

　　4. 小游戏及产品展示

　　由于Flash有强大的交互功能, 利用Flash开发“迷你”小游戏, 将网络游戏结合起来, 让观众参与其中, 大大增强了广告效果。如图9所示的用Flash制作的游戏截图。如Dell、三星等, 都喜欢利用它来展示产品。

　　总之, 本文主要体现了flash技术将优秀的传播载体, 由于把音乐、动画、声效及交互成功地融合为一体, 将FLASH技术和动画相结合, 融合了多媒体及互动特性, 将平面漫画照搬到网络上实现了动态页面, 生成了一种新的表现形态, 即动态漫画乃至互动漫画。即利用Flash制作的动画短片, 今后可以有效的应用在各个方面的网页制作中, 丰富网页的表现形式。

　　图8 Flash作的MTV

　　图9 flash背景游戏

　　参考文献：

　　[1]李涛.动画制作[M].上海人民美术出版社, 2001.3.
　　[2]华梅.数码艺术[M].人民邮电出版社, 2001.2.
　　[3]袁阳.论动态故事板中flash技术的应用[J].艺术百家, 2012.12.
　　[4]王湘慧.Flash技术在新媒体上的应用[J].电脑知识与技术, 2014.12.
　　[5]程晓杰.FLASH技术在网站制作中应用的研究探讨[J].电子制作, 2015.9.
　　[6]周恒伟.Flash技术在多媒体课件制作中的应用[J].信息与电脑 (理论版) , 2014.10.