网页动画设计的技巧与运用.pdfVIP

科 学发 展 网页动画设计的技巧与运用 刘 学 (佳木斯技师学院 黑龙江佳木斯 154000) 摘【 要】 互联网时代的到来必然导致网页设计的不断发展，本文主要介绍了网页动画设计方面的技巧和运用，讨论了当前网页动画设计中的主流 技术和主要软件，并讨论其制作过程和巧妙运用，供有关人士参考查阅。 关【键词】 网页设计 动画制作 技巧与应用 随着电子商务等一些列行业的不断突起，网页设计这项技术开始逐渐 大的网页图形设计工具，可以使用它创建和编辑位图、矢量图，轻松做出各 走入了我们的实现。从互联网的应用程度来讲，电子商务将是商家的必争 种网页设计中常见的效果，比如翻转图像，下拉菜单等，设计完成以后，可 之地，这也就预示着，网页设计的PK战将拉开序幕。作为近年来逐渐兴起 输出为html文件，另外还能输出为可以在Photoshop、Illustrator和 的新技术，网页动画设计成了很多业 内人士关注的焦点，因为它的出现可 Flash等软件中编辑的格式。Fireworks还提供了一种叫做Twee功能，可 以有效吸引网站浏览者的目光从而达到商家增加网站流量甚至形成订单 以指定程序生成动态过度效果。 的目的。那么网页动画设计都哪些技巧呢?它如何运用于网站设计中呢?这 Flash前身是Future splash，是早期网上流行的矢量动画插件。在 个 问题如果解决不好的话，相信整个电子商务平台的运营将是一个很大的 Macro media公司收购了Future Splash以后便将其改名为Flash2，然 问题 。 后陆续升级到现在的Flash。因特网上现在 已经有成千上万个Flash站 一 、 浅析网页动面设计的技巧和应用 点，微软 MSN新闻站就采用了大量的Flash动画，Macromedia有专 门的 总的来讲，网页动画设计的技巧包括选题背景、工具了解和具体制作 Shockwave站点，全部采用了Shockwave Flash和Director。枯燥无味的 三个方面。只有将其三点融会贯通，整个动画设计才能得到好的运用。 静态页面很难再引起用户的兴趣，而网络带宽制约了多媒体传播，制作人 (一)刍议选题背景的特点 员希望使用在当前网络条件下能快速且有吸引力的动态效果来吸引用户 二维动画实质是静态图像的连续播放既指时间上的连续，也指图像内 的注意．使用Java Applet是一个解决办法，但是真正精通它并不是件容 容上的连续动画的基本原理是视觉原理。医学证明，人的眼睛看到一个 图 易的事情，效率也不高，因此，shockwave Flash诞生了。 像后，在 1／24秒 内不会消失。据此，在一幅画面还没有消失前播出下一幅 Flash有许多的优点：首先，它是基于矢量的图形系统，我们只要用少 画面，会给人造成一种流畅的视觉变化效果。 量向量数据就可以描述一个复杂的对象，占用的存储空间只是位图的几千 利用计算机制作动画，可以实现分层制作合成，传统动画的一帧画面， 分之一，非常适合在网络上使用。同时，矢量图像可以做到真正的无级放 是由多层透明胶片上的图画叠加合成的，制作中需要精确对位，而且受透 大，无论用户的浏览器使用多大的窗口，图像始终可以完全显示，并且不会 光率的影响，透明胶片最多不超过4张。在动画软件中，也同样使用了分层 降低画面质量。其次，它使用插件方式工作。用户只要安装一次插件，以后 的方法，但对位非常简单，层数从理论上说没有限制，对层的各种控制，像 就可以快速启动并观看动画，不必像 Java那样每次都要启动虚拟机。 移动、旋转、缩放等，也非常容易。