《网页美工》课件-第6章 网页动画

动画是一种动态的视觉上的表达、形式和结构，并随时间推移而变化。动画十分普遍，用途不尽相同，人们在计算机上、尤其是网页上和在线广告中常常可以看到。一些设计者使用动画来传递信息，并认为在有限的计算机屏幕上动画比文本有用的多，但是人们对于动画的效果却要小心谨慎。多数人在多数情况下认为网页上的动画是令人讨厌的。很多浏览者在浏览网页时常常会被网页上的动画所干扰，或者被分散了注意力，特别是当动画不能给浏览者正在进行的工作带来任何信息的时候。这种动画被认为是对浏览者的“非主要信息刺激”或者“辅助刺激”。换句话说，他们不能对浏览者正在进行的查找数据任务或者当前所需要的信息带来任何有价值的信息。这类非主要信息刺激动画会引起视觉上的干扰，这种干扰影响了浏览者搜寻信息的能力。无关紧要的动画经常出现或者突然出现，往往会分散浏览者在有用信息上的注意力。因此，当人们在网页上搜寻有用信息时，常常会受到这些动画的干扰，正确获得所需信息的时间也随之变长，这十分令人讨厌。第6章网页动画6.1网络动画的分类6.1.1FLAS动画

FLASH动画是近几年出现的一种新的事物，他是由美国的MACROMEDIA公司推出的一款多媒体动画制作软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画方便地融合在一起，以制作出高品质的动态效果，或者说是动画。6.1.2.GIF动画

GIF广泛支持Internet标准。支持无损耗压缩和透明度。动画GIF很流行，易于使用许多GIF动画程序创建。

GIF只支持256色调色板，因此，详细的图片和写实摄影图像会丢失颜色信息，而看起来却是经过调色的。在大多数情况下，无损耗压缩效果不如JPEG格式或PNG格式。GIF支持有限的透明度，没有半透明效果或褪色效果6.1.3三维动画三维动画又称3D动画，是近年来随着计算机软硬件技术的发展而产生的一新兴技术。三维动画软件在计算机中首先建立一个虚拟的世界，设计师在这个虚拟的三维世界中按照要表现的对象的形状尺寸建立模型以及场景，再根据要求设定模型的运动轨迹、虚拟摄影机的运动和其它动画参数，最后按要求为模型赋上特定的材质，并打上灯光。当这一切完成后就可以让计算机自动运算，生成最后的画面。三维flash是利用计算机图形学技术，将需要展示的产品在计算机中先进行逼真的三维模拟运行演示，然后再通过专业软件压缩转换成一个完全适合在网页上流畅运行的flash文件。三维flash在网页上运行很流畅，浏览者无需下载插件，打开网页就可看到产品演示。6.2网络动画的制作6.2.1常用软件制作动画的软件包括：MayaSoftimage3DmaxLIGHTWAVEAlias是三维动画制作软件Animator、ANIMO、TOONZ、RETASPRO商业二维动画TOOBBOOMSTUDIO、HARMONY、SOLO、flash网页二维动画制作网络中常见的flash动画是用FLASH制作的，一些banner是由FLASH或者imageready制作的，当然三维软件制作的动画也可以通过插件转为二维动画。6.2.2传输速度网络传输速度是相对固定的，在此前提下，网站的文件量越小，传输的信息速度就越快，所以人们要尽可能的对网页进行优化。6.2.3风格统一统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。网页上所有的图像、文字，包括象背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。6.3网络动画的指导方针研究结果表明人们必须小心地设计网页动画以免对浏览者产生负面影响。以下列出设计网页动画的十个原则。1．不要干扰在重要信息上的注意力。2．避免混乱。3．设定合适的持续时间。4．管理布局和组织显示对象。5．遵守颜色的惯例。6．使用文本和听觉信息来辅助动画。7．关注对符号学的探究。8．遵从合作原则。9．向迪斯尼学习。10．避免设计“近视”。上机作业：通栏类广告通栏类广告是指占据网页主要页面宽度的网络广告，具有极强的视觉效果。一般出现在网页或是某一版面的顶部位置，是对单个商品进行的宣传广告，也可以是其他广告的主要加盟广告。凯达数码广告一、文件大小760×90，黄色。二、创建各个图形元件1、导入图片2、蓝色矩形元件3、11个文本元件4、圆卷元件5、3个数码元件三、创建各个影片剪辑元件1、“数码动画”影片剪辑，插入10个图层，在所有图层的第60贞插入贞。然后分别在各个图层上制作各相应的动画效果。（注意：贞的先后顺序）2、“VI动画”影片剪辑，插入1个图层，在所有图层的第35贞插入贞。选择图层1，将VI元件拖到舞台中，制作VI动画效果。选择图层2，将文本8拖到舞台中，制作文本8动画效果。（注意：贞的先后顺序）3、“文本1动画”影片剪辑。将文本5拖到舞台中，在图层的第55贞插入贞，Ctrl+B打散文字将文字分散到各个图层，然后制作相应的文字动画。选择图层1，将文本6和文本7分别拖到舞台中，制作两个文本动画效果。（注意：贞的先后顺序）。4、“文本2动画”影片剪辑。选择图层1，将文本9拖到舞台中，制作文本9动画效果，在第50贞插入贞。插入图层2，将文本10拖到舞台中，制作文本10的动画效果。（注意：贞的先后顺序）四、合成动画返回场景，插入4个图层。1、选择图层1，将数码动画影片剪辑拖到舞台中，在第60贞插入贞。2、选择图层2，在第60贞插入关键贞，将文本动画1拖到舞台中，在第115贞插入贞。3、选择