第九章 Flash网页动画设计课件.pptVIP

第九章 Flash网页动画设计;主要内容; 网页动画设计目前以采用Flash制作动画为主流，由于其卓越的视觉表现和互动效果，已经被众多网站所运用。Adobe Flash CS3能够集图形、声音、动画、视频文件等各种多媒体素材为一体，制作出形式简洁、内容丰富、交互性强和极富感染力的动画效果，为网页设计提供了无限的创意空间。;1.视觉冲击力极强 网页动画能以较小的面积吸引较多的注意力，对于要保证内容丰富而有效面积有限的网页设计而言，动画形式无疑是一种极具吸引力的选择。而对于追求点击率为宗旨的广告商来说，动画形式的广告更是上佳之选了。 2.信息量大 网页动画使信息从二维平面空间扩展到时间的三维空间，为信息的展示提供了一个延伸的舞台。通过时间的延续，网页动画能够展示更多的网页信息，并比静态的图像文字更具吸引力。 3.生动形象 网页动画能够将产品的展示以类似电影的形式展示出来，进一步发挥图形图像的优势及突破平面静态的局限，辅以适当的音乐效果，能够大大加强表现的真实性、生动性和感染力，加强宣传效果。而且能够与网页其它元素形成动静对比，丰富了设计手段和表现形式，活跃网站的气氛。;1.逐帧动画 逐帧动画是指构成动画的基本单位是帧，动画由多帧画面组成，每帧的内容不同，前后相互联系，后一帧画面是前一帧的继续。在逐帧动画中，制作人员需要为动画的每一帧创建内容。网上常见的GIF动画就是典型的例子，动画每一帧都是一幅图片，因而文件比较大。 2.渐变动画 渐变动画是设定关键帧后，由软件自动生成中间的变化过程。Flash动画由于是矢量文件，文件小，动作衔接较好，可以实现连续变换的效果。Flash渐变动画分为运动动画和形状动画两种。 ;1. 形式服务于内容 网页动画的最重要的目的是信息的准确传达，形式为内容服务、形式与内容的统一是创意设计的出发点。在此前提下，寻找创意的突破口，达到既合情合理，又出人意料的效果。脱离内容的表现形式将成为无本之木。内容与形式的统一包括信息载体的选择与信息内容的统一、色彩与内容的统一以及字体与内容的统一等。有些页面内容不适合安排较多的动画，这时设计者应避免动画过多地“抓”注意力，而忽视主题内容的情形。 2.适量安排动画数目 视觉总是处在一个不断运动的状态中，即使视觉主体是静止不动的，视线也在按照视觉流程不断搜索。如果网页上某个区域是动画形式，动静对比使其引人注目。如果页面上还有其它相当的动画区域，视知觉的生理本能，使视线游移于亮点之间，形成一条线；如果是多个动点，视线会游移于多点，每个点都未能得到足够的关注，失去制作动画的初衷。这一点在综合网站的设计规划中尤为重要。如果在页面上必须出现不止一个动画，也应给予较大的区别，如采用面积的大小对比，或形成时间差别。;1.色彩变化 2.滚动 3.跳动 4.淡入和淡出 5.飞行 6.旋转 7.闪烁 8.变形;9.2 Flash基本动画设计 9.2.1 Flash CS3软件界面;1.关键帧 关键帧是特殊的帧，用于定义动画中的变化。逐帧动画每帧都是关键帧；补间动画可以将动画的变化的地方设置为关键帧，由Flash自动创建关键帧之间的帧内容，这也是Flash动画文件小的原因。 2.空白关键帧 没有添加动画对象的关键帧。在时间轴中，关键帧以实心圆表示，而空白关键帧以空心圆表示。 3.普通帧 显示同一层上最后一个关键帧的内容，用以时间的延续。在时间轴上，普通关键帧必须是跟在关键帧的后面，前面关键帧的内容显示在随后的每个普通帧中，直到新的关键帧开始。 4．过渡帧（补间） 从起始关键帧到结束关键帧之间的许多帧。起始关键帧定义了对象在起始点的外观，结束关键帧定义了对象在结束点的外观。可以实现两种动画：动画和形状。;1.新建文件 选择菜单“文件|新建|Flash文件（Action Script2.0）”，新建文件。 2.输入文字 使用工具箱中的文本工具，输入“领跑者培训中心”文字，在下面属性栏中设置文字大小与颜色。;3. 文字分离 现在文字是一个整体，选择菜单“修改|分离【CTRL+B】”，将文字分离成独立的文字。;4.插入关键帧 在时间线上单击“图层1”右侧时间轴上的第2帧，单击鼠标右键，选择“插入关键帧”（或按【F6】键），同样完成其它关键帧的插入，使时间线上出现9个关键帧（因为有9个文字）。 ; 制作Flash动画时，最重要的是正确使用帧。帧的操作一般有菜单和鼠标右键展开快捷菜单两种方法。 插入帧：在插入帧之前，先单击时间轴上需要插入帧的帧。可以选择菜单“插入|帧”，也可以单击