Flash网站的转场动画

 Flash的应用基本分为两大块,一是交互设计,二是动画制作。现在大家都很熟悉的《喜洋洋与灰太狼》动画片便完全是由 Flash打造的。交互设计与制作涵盖范围比较广泛。从手机游戏到交互界面平台,再到网站设计制作,交互性强大使 Flash遍及各个领域。这里暂且只说动画和网站交互设计。

    上面说Flash的主要运用,这里要说一下网站设计的动态转场。这里的转场可以是Flash矢量动画,也可以是视频特效转场,还可以是序列帧动画转场。

    随着Flash软件技术的进一步提高,Flash对视频、序列帧动画等的支持也越来越强大,也使交互转场效果的多样化有了实现的可能。但是要注意的一点是,网络技术发展还并不是很理想,交互的动态转场如果是应用于网络传播时还需谨慎。一个很绚丽的转场在浏览时要加载数十分钟或是更长,那么注定了必然的失败。现在已经有极少的Flash网站开始使用视频动态转场,但效果不是很理想。更多的转场效果要么来自复杂程序的计算生成,要么是Flash内部支持的矢量动画特效。其实,Flash所支持的各种样式效果以及强大的动画制作性能完全可以支持很绚丽的转场效果。

网页动画的特点

1、视觉冲击力极强
   
    网页动画能以较大的面积吸引较多的注意力,对于要保证内容丰富而有效面积有限的网页设计而言,动画形式无疑是一种极具吸引力的选择。而对于追求点击率为宗旨的广告商来说,动画形式的广告更是上佳之选。

    2、信息量大
   
    网页动画使信息从二维平面空间扩展到时间的三维空间,为信息的展示提供了一个延伸的舞台。通过时间的延续,网页动画能够展示更多的网页信息,比静态的图像文字更具有吸引力。

网页动画设计的原则

1、形式服务于内容
   
    网页动画的最重要目的是信息的准确传达,形式为内容服务、形式与内容的统一是创意设计的出发点。在此前提下,寻找创意的突破口,达到既合情合理,又出人意料的效果。脱离内容的表现形式将成为无本之木。内容与形式的统一包括信息载体的选择和信息内容的统一、色彩与内容的统一以及字体与内容的统一等。有些页面内容不适合安排较多的动画,这是设计者应避免动画过多地“抓”注意力,而忽视主题内容的情形。

逐帧动画的特点

一个动画往往是动画对象基本动作变化之间的组合,如对象大小的变化、对象移动的变化、对象旋转的变化和对象透明度的变化等。根据动画制作方法和生成原理的不同,可以将基本动画分为逐帧动画、动画补间动画和补间形状动画3类,今天我们主要来介绍一下逐帧动画。

    一、帧的类型

    在了解逐帧动画之前,我觉得我们还是有必要先了解一下帧,因为帧是制作动画的核心、控制着动画的动作和时间,帧的数量和播放速度决定了动画的长度。Flash动画中常用的帧主要有以下四种。
  
    1、关键帧
  
    关键帧是特殊的帧,用于定义动画中的变化。逐帧动画的每一帧都是关键帧,补间动画可以将动画变化的地方设置为关键帧,由Flash自动创建关键帧之间的帧内容,这也是Flash动画文件小的原因。

动画制作软件

动画制作软件首推Flash,它以矢量图方式制作网页动画,放大后的图像不会是真,且同时具有小巧灵活、生成文件小、在网上传播流畅、表现力丰富、视觉冲击力强等诸多优点。另外,Flash还提供了用于实现交互功能的ActionScript语言,用于响应用户的键盘、鼠标事件,可以制作出非常有魅力的作品。

    GIF动画是网页中常用的另一主力军,它可以使用Fireworks或Adobe ImageReady进行制作,用Fireworks制作GIF动画上手比较容易,而用Adobe ImageReady制作出的GIF动画显示效果则要更好一些。

设计制作动画

设计动画最普遍的应用就应该是Flash了,它的基本形式是“帧到帧动画”,这也是传统手动绘制动画的主要工作方式。由于动画在每帧中使用单独的图像,所以对于一些细微改变的复杂动画来说,是比较理想的。但是Flash提供的“多帧编辑”和“洋葱皮”等辅助工具,可以使帧动画的制作更加方便、直观。

下面再为大家介绍几个Flash CS5提供几种在文档中添加动画和特定效果的方法。

1.时间轴对于制作动画来说是很重要的,我们只要在选择对象的同时选择一种特效,然后制定好特效参数就行了。利用时间轴特效进行动画制作在很大程度上提高了工作效率。

网站设计中动画如何分类

我们每天都能在网页上看到形形色色的动画,那么这些动画要如何分类呢~
一、按视觉效果分类:根据网站动画不同的视觉效果,可以把动画分成二维动画和三维动画。二维动画,就是我们所说的平面动画,只能产生平面视觉效果,所有的运动都是在两个坐标轴上完成的,制作起来比较简单,是现在一般网站设计中经常使用的一类动画。三维动画:就是我们所说的立体动画,能产生逼真的立体效果,他的运动在三个坐标轴上完成的,故制作起来比较麻烦。

二、按制作原理分类:可以分为轨迹动画和逐帧动画两类。轨迹动画:这种动画的特点就是变化的图形不是很多,对于同一个图形,只要改变动画的轨迹就可以产生动画效果。逐帧动画:与上面的轨迹动画相比,逐帧动画变化的图形较多,每一个帧的图形都不同,例如,一个10帧动画,它的每一个帧的图形都不同,通过帧移动产生动画效果。