浅谈Flash动画制作及在网站中的应用

2013-09-03 06:32冯友群
中国信息化·学术版 2013年7期
关键词:网站动画

冯友群

【摘 要】Flash是由macromedia公司推出专业的矢量图形及动画编辑软件,是一种动画创作与应用程序开发于一身的创作软件,使用它可以将音乐、声效、动画以及富有新意的界面融合在一起,从而制造出高品质的动态网页效果。由Flash制作的网站片头,网站动画,商业广告等在网络上的大量应用,充分展示出企业形象、产品。Flash的使用是网页设计者必需掌握的技能,他能创作出既漂亮又可改变尺寸的导航界面以及其他的动画效果。Flash已经成为交互式矢量的标准,是未来网页的一大主流。

【关键词】Flash 动画 网站

【中图分类号】G250.72【文献标识码】A【文章编号】1672-5158(2013)07-0086-01

1、Flash简介

Flash是由macromedia公司推出的交互式矢量图和 Web 动画的标准。Flash的前身是Future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。1996年11月,美国Macromedia公司收购了Future Wave,并将其改名为Flash。后又被Adobe公司收购。Adobe Flash Professional CS6为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供了功能全面的创作和编辑环境。Flash广泛用于创建吸引人的应用程序,它们包含丰富的视频、声音、图形和动画。可以在Flash中创建原始内容或者从其它Adobe应用程序(如Photoshop或illustrator)导入它们,快速设计简单的动画,以及使用Adobe AcitonScript 3.0开发高级的交互式项目。设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。

2、flash动画的概念

动画是将静止的画面变为动态的艺术.实现由静止到动态,主要是靠人眼的视觉残留效应.利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片。动画以人类视觉的原理为基础。如果快速查看一系列相关的静态图像,那么我们会感觉到这是一个连续的运动。 每一个单独图像称之为帧。帧是动画电影中的单个图像:

flash动画包括补间动画(形状补间和动画补间动画)、逐帧动画、引导动画、遮罩动画。

补间动画是指在Flash的时间帧面板上,在两个关键帧之间创建相同或不同图形,然后为图形赋予移动、旋转和变形等效果。

逐帧动画就是在每个关键帧中创建不同的对象,在播放动画时通过帧的连续播放形成动画。

引导动画就是预先设置好的运动轨迹,然后让对象沿着绘制的轨迹运动的动画。

遮罩动画就是在动画中创建一个遮罩层,用来遮盖下层中的对象,播放时被遮盖的动画部分被显示出来。

3、介绍形状补间动画制作

形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化,其变形的灵活性介于逐帧动画和动作补间动画二者之间,使用的元素多为用鼠标或压感笔绘制出的形状,如果使用图形元件、按钮、文字,则必先“打散”再变形。

3.1 形状补间动画在时间帧面板上的表现

形状补间动画建好后,时间帧面板的背景色变为淡绿色,在起始帧和结束帧之间有一个长长的箭头,如图所示:

图层2作为遮罩层来使用,在flash成品中被遮罩的图层1才能显示出来,这样就可以做出让图层从小到大,从左到右,从没到有,或是从有到无等等的效果。

3.2 创建形状补间动画的方法

在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的小三角,在弹出的菜单中选择【形状】,此时,时间轴上的变化如图所示,一个形状补间动画就创建完毕。如图所示。

4、总结

Flash与当今最流行的网页设计工具Dreamweaver配合默契,可以直将动画嵌入到网页中的任意一位置,非常方便。由于Flash动画使用矢量图形和流式播放技术,通过使用关键帧和图符生成的动画文件非常小,并能实现许多炫目多彩的动画效果,用在网页中加入,会静态网页变成动态的网页,更加生动,而且小巧玲珑的文件可以加快下载速度,使得动画在打开网页很短的时间里就得以播放,让网站在众多的网站中脱颖而出,但不能过于花哨,大量的使用会让Flash动画会让人思维混乱,心情烦燥,甚至有可能失去观众的信任。在网页上适当使用Flash制作的导航栏,图片文字展示,互动Flash等等,会使网站的使用者拥有更多的商业机会,更好的商业前途。

参考文献

[1] 一学就会魔法书中文版Dreamweaver+Flash+Photoshop网页制作(第2版)(配DVD光盘1张)[平装]九州书源(作者)清华大学出版社ISBN: 9787302201342

[2] 一学就会魔法书中文版Flash CS3动画制作(第2版)(配DVD光盘1张)[平装]九州书源(作者)清华大学出版社ISBN:9787302192763, 7302192766

猜你喜欢
网站动画
揭秘油画动画 逐帧堆砌的精致艺术
动画迷,变身
河洛文化旅游资源外宣网站日译现状调查及对策研究
文管综合实践教学中心网站建设与维护
动画总动员