网站动画设计课件2014.pptVIP

网站动画设计

;1、什么是动画？

2、在Web中都有哪些动画技术？

3、为什么在网页中能播放Flash动画？;什么是动画;网页中的动画技术介绍：;网页中播放Flash动画;1、动画制作的原理与概念、逐帧动画与补间动画

2、元件、形状补间动画、动作补间动画；

3、绘图工具的使用；

4、遮罩技术、滤镜效果应用；

5、素材的使用：文字、图片、声音；

6、Actionscript学习，控制时间轴与MC；

7、鼠标事件应用；核心类使用初步；

8、网站类应用；XML数据驱动动画；

9、小游戏开发与设计实践。;本门课程的考核方式;一、Flash的开展状况;目前最新播放器版本是Flashplayer12;1997年，Macromedia公司从一个名为FutureWave的公司得到了一个小的Web图形程序FutureSplash，它可以生成紧凑的基于矢量的图形和动画，并能将它们用于Web传输。FutureSplash就是Flash的前身，如今Flash已经普遍存在，绝大多数主要的浏览器和操作系统上已经安装了Flash动画播放插件。;对于Flash动画的描述，定义为

“交互性矢量多媒体2D动画”。

1、Flash动画是以矢量图为根底的，矢量图的最大特点就是它能无限缩放，并且在缩放的时候图像的质量不会改变，

生成的动画文件体积小，适合于在网络上传输；;2、Flash的产品往往是有声有色的动画，集成了文字、图片、声音、视频等多种媒体元素；

;3、Flash动画不再是一个演示型的动画，利用ActionScript脚本语言，它可以实现观众与动画之间的交互。;3、Flash的行业应用;2、Flash在影视传媒行业的应用

用Flash可以制作出一流的卡通电影、卡通电视剧〔动画片〕、广告短片、视觉展示产品等。

在影视行业，越来越多的制片公司使用Flash进行动画片的制作，与传统的动画制作比照，用Flash制作动画可以大大缩短制作的周期，减小开发复杂度，从而大大降低制作本钱。

制作相同质量的2D动画长片，用传统的方法大概需要30个月，需要400多名员工；而使用Flash来做只需要15个月，需要的人数一般不会超过100人。;3、Flash在教学中的应用

由于Flash动画的多媒体集成性与交互性的特点，可以用来制作教学课件。

在很多教学环境下，把抽象的生产力生动化、具体化，需要很强的表现能力，Flash动画正好能很好地做到这一点，将课程内容制作成为一个活泼生动的动画式教学产品，无疑能取得非常好的教学效果。;4、Flash在移动平台/车载系统/嵌入式系统的用途

〔1〕FlashLite

FlashLite是Macromedia公司为了行动开发的FlashPlayer。于2003年2月发布，FlashLite1.0支持Flash5的对象和Flash4ActionScript，也能够播放MIDI音乐。2004年初FlashLite升级到1.1版，加强了网络连接、数据交换能力，支持的声音格式包含MP3、PCM、ADPCM和SMAF，使其更适合开展多媒体应用程序。;〔2〕AIR多种平台的应用支持;5、Flash在Web开发中的应用

Web1.0时代的技术

HTML4.0、CSS、CGI、ASP、JSP、PHP、Flash……。

这个时候的Flash动画主要是增加网页的视觉效果，增强客户端的用户交互操作。;Web2.0时代的技术

XHTML/XML、CSS、Ajax、RIA、……

RIA的是RichInternetApplication的缩写，意思是“丰富互联网网络应用”，RIA是一种开发技术，而不仅仅是一种客户端应用。其中，所谓的Rich的意思就是因为以前的网络体验太Poor了，RIA的出现是为了让网络用户获得更为丰富的体验。未来的互联网是朝着RIA的方向开展的。

目前在RIA开发的市场上主要有三方阵营：Silverlight、JavaFX、Flex/Flash，目前来看，这三种技术各有优势，但Flex/Flash先入为主，目前已经有了一个很大的市场，占有先机。;用Flash来做动画，可以最大限度地发

挥制作者的想像力与创作力。;二、Flash动画的优点与缺乏;好的学习网站推荐;1、优秀的创意

2、适当的表现手法

3、熟练的动画制作技术

4、良好的美术根底;四、动画原理与根本概