第一章 绪 论
第一章
绪
论
Flash 网站有着着更高的界面维护能力和你的整站的架构能力。但它带来
的好处也异常明显:全面的控制;无缝的导向跳转;更丰富的媒体内容;更体
贴用户的流畅交互;以及跨平台和小巧客户端的支持以及与你的其它 flash 应
用方案的无缝连接集成。
Flash 网站是指利用 Flash 工具设计网站框架、与其他通过 HTML、PHP 或
者 Java 等技术制作的网站不同,Flash 网站在视觉效果、互动效果等多方面具
有很强的优势。被广泛的应用在房地产行业、汽车行业和奢侈品行业高端行业
等。
1.1 设计的目的与意义
Flash
网站多以动漫动画为主要表现形式,在视觉效果上和互动效果上与
普通网站比显得更加美观动感,能够获得较高的用户体验。Flash 网站的出现
使网站页面脱离了 HTML 网页那种死板的条条框框,让网页变得更加生动有去。
网站追求视觉冲剂和时尚感受,它能够表达企业鲜明形象,展示精品产品。它
是针对企业开发设计,融合企业形象,利用前沿的 Flash 技术,配合 2D、3D 动
画表达一定设计理念的设计制作方式。Flash 在游戏网站、营销网站、艺术网
站、个人网站等有需要丰富视觉效果、强烈感染力、动态演示的网站开发方面
有这得天独厚的优势。
Flash 是一种交互式矢量多媒体技术,创建漂亮的、可改变尺寸的、以及
1 Flash 动画短片设计与制作
极其紧密的导航界面、技术说明、以及其他奇特的效果。同时它有很强的可移
植性。Flash 是集动画、声音、图片为一体的,所以可以结合 Photoshop 等软
件进行技术实现,以增强课件的艺术效果。它的特点是设计思想好,界面美观、
和谐,有较高的欣赏性,适合它所面向的对象,同时有交互性,操作简单、快
捷。
1.2 国内外现状研究
关于 Flash 和网站在现今科技发展飞快的时代,网络以其压倒性的优势急
速发展,大规模的侵蚀着各种传统媒体。其主要表现载体——网页,也伴随着
茁壮成长起来。随着网络带宽的提高,网页中开始应用各式各样的 Flash 动画,
大大增强了网页的可观性。但是,目前国内 Flash 软件基本上只是担当着矢量
动画大师的角色,伴随着 Action Script 的发展,也为 Flash 的未来发展铺设
道路。国外的著名大公司,例如 Sony、Nike、可口可乐等都是以 Flash web 的
形式来制作网站主页的。
早在八九十年代,HTML 静态页面网站就已盛行,但大多数都是一些文字和
图像形式表现,随着互联网技术的发展 flash 也得到了很好的发展,网站的设
计者开始寻求了更为美观的设计,flash 设计慢慢的融进了网页设计中,也使
HTML 网站开始更为美观、生动、形象起来。在 2000 年以后全球网站设计者开
始用 flash 设计。flash 与 HTML 静态页面网站相比,Flash 网站更具有亲和力
和交互性等多媒体特性。网站是企业的窗口,flash 网站更能很好的了解企业
的文化和产品,同时还能收集客户的需求和反馈信息,通过分析这些数据信息
并能很好的了解客户的需求,并及时调整策略以达到利润的最大化 。
2 第一章 绪 论
3 Flash 动画短片设计与制作
第二章
开发环境
2.1 Flash 介绍
Flash 是由 macromedia 公司推出的交互式矢量图和 Web 动画的标准,由
Adobe 公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界
面以及其他奇特的效果。Flash 的前身是 Future Wave 公司的 Future Splash,
是世界上第一个商用的二维矢量动画软件,用于设计和编辑 Flash 文档。1996
年 11 月,美国 Macromedia 公司收购了 Future Wave,并将其改名为 Flash。后
又被 Adobe 公司收购。Flash 通常也指 Macromedia Flash Player(现 Adobe
Flash Player)。
Flash 特点:(1)使用矢量图形和流式播放技术。与位图图形不同的是,矢
量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边
播放边下载,从而缓解了网页浏览者焦急等待的情绪。
(2)通过使用关键帧使得所产生的动画(.swf)文件非常小,几 K 字节的动画
文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页
更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就
得以播放。
(3)把音乐、动画、音效、交互方式融合在一起,越来越多的人已经把
Flash 作为网页动画设计的首选工具,并且创作出了许多令人叹为观止的动画
(电影)效果。而且在 Flash4.0 的版本中已经可以支持 MP3 的音乐格式,这使得
加入音乐的动画文件也能保持小巧的“身材”。
4 第二章 开发环境
(4)强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,
通过 ACTION 和 FS COMMAND 可以实现交互性,使 Flash 具有更大的设计自由度。
在 Flash 中创作内容时,需要在 Flash 文档文件中工作。Flash 文档的文
件扩展名为.fla(FLA)。Flash 文档有四个主要部分:
(1)舞台:舞台是在回放过程中显示图形、视频、按钮等内容的位置。在
Flash 基础中将对舞台做详细介绍。
(2)时间轴:时间轴用来通知 Flash 显示图形和其它项目元素的时间,也可
以使用时间轴指定舞台上各图形的分层顺序。位于较高图层中的图形显示在较
低图层中的图形的上方。
(3)库面板:库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置。
(4)ActionScript:可用来向文档中的媒体元素添加交互式内容。例如,可
以添加代码以便用户在单击某按钮时显示一幅新图像,还可以使用
ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其
它情况采取不同的工作方式。
2.2 ActionScript2.0 介绍
ActionScript 是 Flash 的脚本语言。正是由于 Flash 中增加、完善了
ActionScript,才使创作出来的动画具有很强的交互性。在简单动画中,Flash
按顺序播放动画中的场景和帧。而在交互动画中,用户可以使用键盘或无懈可
击与动画交互,大大增加了用户的参与感,同时也大大增加了 Flash 动画的魅
力。例如,用户可以单击动画中的按钮,然后使动画跳转到不同部分继续播放;
5 Flash 动画短片设计与制作
可以移动动画中的对象,如移动手中的枪,使射出的子弹准确击中目标;可以
在表单中输入信息,反馈对公司的意见等等。总之,使用 ActionScript 可以控
制 Flash 动画中的对象,创建导航元素和交互元素,扩展 Flash 交互动画和网
络应用的能力
[3]
。
有了 ActionScript,就可以通过设置动作来创建交互动画。动作就是指用
ActionScript(动作脚本)编写的、当特定事件发生时执行的一组指令。触发
动作的事件可以是播放头到达某帧,或用户单击一个按钮,或用户按下键盘上
的键。
在 Flash 中,在动作面板中可以编写的有帧动作、按钮动用和影片剪辑动
作。使用 Normal Mode(标准模式)动作面板上的控件,无需编写任何动作脚本
就可以插入动作。如果已经熟悉 ActionScript,也可以使用 Export Mode(专家
模式)动作面板编写自己的脚本。指令的形式可以是一个动作(如指令动画停止
播放),也可以是一系列动作(如首先计算条件,然后执行一个动作)。很多动
作的设置只要求读者具有少量的编程经验,而其他一些动作的应用则要求比较
熟悉编程语言,用于高级开发。
ActionScript 中的对象可以包含数据或作为影片剪辑以图像形式出现的编
辑区中。所有的影片剪辑都是预定义类 MovieClip 的实例。每个影片剪辑实例
均包含 MovieClip 类的所有属性(例如_height、_rotation、_totalframes)
和所有方法设计 Flash 网站常用到的 ActionScript2.0 函数包括:
(1)gotoAndPlay():将比方头转到场景中指定的帧并从该帧开始播放,如果
未置顶场景,则播放头将赚到当前场景中的指定帧。例如改写成“root.
gotoAndPlay();”则将跳转到主场景的指定帧。
6