网页制作新宠——Flash
作者:边城浪子 来源:未知 添加时间:2006-5-21 11:56:44Shockwave Flash插件才能观看特殊效果,但是,如果你亲自去看看用Flash技术制作的站点,
保证你会被其深深打动,并承认这至少是未来WEB发展的一个大流派。
一、什么是Flash,它有什么优点
Flash的前身是Future Splash,是早期网上流行的矢量动画插件。在Macromedia公司收
购了Future Splash以后便将其改名为 Flash 2,一直到现在的Flash 3。因特网上现在已经
有成千上万个Flash站点,著名的微软MSN 新闻站就采用了大量的Flash动画,Macromedia
还有专门的ShockRave站点,全部采用了Shockwave Flash 和Director。大家知道,由于网络
带宽的限制,在主页上放置过大的文件是不现实的。但是因特网发展迅猛,枯燥无味的静态
页面很难再引起用户的兴趣,制作人员都希望能使用引人入胜的动态效果来吸引用户的注意。
使用Java Applet是一个解决办法,但是真正精通它并不是件容易的事情,而且,通过编写代
码来生成动画永远都不是设计人员真正的手段,因此,Shockwave Flash诞生了,并且立即被
投入到应用中去。Flash与其它动画插件相比都有哪些优点呢?
首先,它是基于矢量的图形系统,各元素都是矢量的,我们只要用少量向量数据就可以
描述一个复杂的对象,占用的存储空间只是位图的几千分之一,非常适合在网络上使用。同时,
矢量图像可以做到真正的无级放大,这样,无论用户的浏览器使用多大的窗口,图像始终可以
完全显示,并且不会降低画面质量。
其次,它使用插件方式工作。用户只要安装一次插件,以后就可以快速启动并观看动画,
而不必像 Java 那样每次都要启动虚拟机。由于 Flash 生成的动画一般都很小,所以,调用
的时候速度很快。Flash Plug-in 也不大,只有170K左右,很容易下载并安装。
第三,它还提供其它的一些增强功能。比如,支持位图,支持声音,支持渐变色, Alpha
透明等。拥有了这些功能,你完全可以建立一个全部由 Flash 制作的站点。
最后,Flash 影片其实是一种“准”流(Stream)形式文件。这就是说,我们在观看一个
大动画的时候,可以不必等到影片全部下载到本地再观看,而是随时可以观看,哪怕后面的内
容还没有完全下载到硬盘,我们也可以开始欣赏动画。
二、怎么使用Flash
Macromedia 提供了测试版供爱好者们免费下载。现在在网上可以下载的是Beta 3版的
Flash 3,有了这个软件,就可以开始自己设计动画了。他们公司网址是:http://www.macromedia.com。
Flash的编辑界面非常友好,并且提供非常详细和完整的教程,很多基本的操作(比如画线,变
形以及移动等)一看便会,而一些高级的技巧则可以通过附带的例子来学习。只要细心,完全
可以成为 Flash 高手。当然, 这里所说的“高手”只是“工人”一级的,想成为真正的高手,
还要看你的创意和手法,那就不是一朝一夕能办到的了。具体如何制作Flash动画请看星哥的另
文介绍,在这里我仅对Flash中的几个要点作些说明 :
使用过 3DS 等动画制作软件的玩家应该知道 Keyframe(即“关键帧”)的用法。在 Flash
中,一般的动画都是依靠关键帧来实现的,方便又快捷。用户只需给出一个对象的几个关键动作,
生成关键帧,系统就会根据需要在各个关键帧之间自动插入平滑的动画,因此,一个简单的动画
可以在几分钟之内自动生成。Flash 使用了“层”( Layer)的概念,不同的角色可以出现在不
同的层面上,互相掩映,但是不会互相干扰。我们可以单独对某一个层面进行操作,并且可以看
见效果。这样,即使动画已经生成完毕,需要修改的时候也不会遇到任何困难。
Flash对按钮(Button)的处理非常出色。我们可以指定一个按钮的各种属性,包括正常时的
画面,鼠标掠过时的画面,按下时的画面以及热区(可点击区域)的范围。这样我们很容易生成一
个反应灵敏的动态按钮。Flash 3中更增加了动画效果,使得按钮动态感极强,完全超出一般按钮
所能带给人的感觉。
Flash动画可以分成多个场景(Scene),在制作复杂动画的时候,可以借助多个Scene,而不
只使用一个屏幕,而且Scene之间可以自由切换,更换场景易如反掌。在制作多场景动画的时候,
应该尽量考虑Scene的使用。Flash与HTML联系紧密,这就为Flash 在网络上的应用创造了良好的条
件。我们可以指定一个按钮点击以后要请求的链接,直接写入链接的URL。我们还可以使用Flash生
成AVI或者GIF89a动画文件,这样,没有安装Flash插件的用户也可以看到动画。
三、如何将 Flash 动画加入页面
制作好动画以后,我们需要把它输出为 swf 后缀的电影文件,这样,文件不仅很小,而且进
行了封装,别人就无法进行编辑和修改。然后就可以把它放入自己的页面了。Flash 3 中,提供了
一个叫做Aftershock的应用程序,使用这个程序,可以轻易地把已经生成的影片置入HTML文件。
我们只要选择好要放在页面中的影片,然后再选择好 HTML 文件,就可以自动生成了。生成包
含影片的 HTML 时,可以选择很多参数,可以控制影片是以原来尺寸显示还是以全屏方式显示。生
成的 HTML 文件有很强的健壮性,它可以识别用户的浏览器,然后决定是用Netscape 插件方式显示
影片还是使用 ActiveX 来显示。如果允许的话,在客户端没有安装插件的情况下,可以使用Java或
动态 GIF 来显示。
四、Flash 在主页上的应用
那么, Flash 比较适合主页上的哪些应用呢?很明显,采用 Flash 动画技术可以增强主页的
吸引力,在枯燥无味的页面上,如果出现动态的 Flash,是非常让人振奋的。现在,很多站点都部
分采用了 Flash 技术,把用标准 HTML 无法做到的一些效果精确地表现出来。用 Flash 来制作
Navibar(导航条)是一个好办法,因为Flash的按钮功能非常强大,而且可以分很多 Scene ,是
制作菜单的首选。当鼠标经过时,可以产生动作或者变色,按下时可以发出声音,并且转向另一个
Scene。这些都比简单而死板的菜单条要好得多,而且也更吸引人。
Flash 还比较适合做产品的辅助说明。一般主页上的产品介绍,都是直接写在页面上或者须要
点击链接查看详细信息,既麻烦又影响页面的美观。如果使用 Flash,把要介绍的产品做成按钮,
这样,鼠标经过产品的图片时,就可以显示相应的介绍文字,既不占用空间,又能显示更多的信息。
由 Flash 生成的动画, 可能比单纯用 HTML 或 JavaScript 写出的页面占用的空间还要小许多,
这是Flash 最大的优点。
五、网络资源
和做主页一样,多看、多学才能更好地应用 Flash 技术。下面
提供一些网络资源,供大家参考。
★MSN 微软的新闻站点 :
http://www.msn.com
★Shockrave Macromedia 的 Shockwave 站点,包括 Shockwave
for Director 和 Flash :
http://www.shockrave.com
★Smashing Ideas 专业制作 Flash 动画的公司 :
http://www.smashingideas.com
★Digital Color 全 Flash 站点,甚至有 Flash 游戏 :
http://www.digitalcolor.com
★星哥的 Flash 3 站点,非常出色的国内的个人主页,有自己作
品的展示,非常精彩。
http://flash!.yeah.net
★Flash Zone,边城浪子正在建设中的站点,准备提供一些简单
教程以及技巧的分析,完全采用 Flash 3 :
http://flash.yeah.net
★笔者的作品展示 :
http://www.nease.net/~eastecho/flash/fsite.htm
站内搜索