第一章 绪 论
第一章 绪 论
Flash网站有着着更高的界面维护能力和你的整站的架构能力。但它带来的好处也异常明显:全面的控制;无缝的导向跳转;更丰富的媒体内容;更体贴用户的流畅交互;以及跨平台和小巧客户端的支持以及与你的其它flash应用方案的无缝连接集成。
Flash网站是指利用Flash工具设计网站框架、与其他通过HTML、PHP或者Java等技术制作的网站不同,Flash网站在视觉效果、互动效果等多方面具有很强的优势。被广泛的应用在房地产行业、汽车行业和奢侈品行业高端行业等。
1.1设计的目的与意义
Flash 网站多以动漫动画为主要表现形式,在视觉效果上和互动效果上与普通网站比显得更加美观动感,能够获得较高的用户体验。Flash网站的出现使网站页面脱离了HTML网页那种死板的条条框框,让网页变得更加生动有去。网站追求视觉冲剂和时尚感受,它能够表达企业鲜明形象,展示精品产品。它是针对企业开发设计,融合企业形象,利用前沿的Flash技术,配合2D、3D动画表达一定设计理念的设计制作方式。Flash在游戏网站、营销网站、艺术网站、个人网站等有需要丰富视觉效果、强烈感染力、动态演示的网站开发方面有这得天独厚的优势。
Flash是一种交互式矢量多媒体技术,创建漂亮的、可改变尺寸的、以及极其紧密的导航界面、技术说明、以及其他奇特的效果。同时它有很强的可移植性。Flash是集动画、声音、图片为一体的,所以可以结合Photoshop等软件进行技术实现,以增强课件的艺术效果。它的特点是设计思想好,界面美观、和谐,有
1
Flash动画短片设计与制作
较高的欣赏性,适合它所面向的对象,同时有交互性,操作简单、快捷。
1.2国内外现状研究
关于 Flash 和网站在现今科技发展飞快的时代,网络以其压倒性的优势急速发展,大规模的侵蚀着各种传统媒体。其主要表现载体——网页,也伴随着茁壮成长起来。随着网络带宽的提高,网页中开始应用各式各样的Flash 动画,大大增强了网页的可观性。但是,目前国内Flash软件基本上只是担当着矢量动画大师的角色,伴随着Action Script的发展,也为Flash的未来发展铺设道路。国外的著名大公司,例如Sony、Nike、可口可乐等都是以Flash web的形式来制作网站主页的。
早在八九十年代,HTML静态页面网站就已盛行,但大多数都是一些文字和图像形式表现,随着互联网技术的发展flash也得到了很好的发展,网站的设计者开始寻求了更为美观的设计,flash设计慢慢的融进了网页设计中,也使HTML网站开始更为美观、生动、形象起来。在2000年以后全球网站设计者开始用flash设计。flash与HTML静态页面网站相比,Flash网站更具有亲和力和交互性等多媒体特性。网站是企业的窗口,flash网站更能很好的了解企业的文化和产品,同时还能收集客户的需求和反馈信息,通过分析这些数据信息并能很好的了解客户的需求,并及时调整策略以达到利润的最大化 。
2
第二章 开发环境
第二章 开发环境
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的音乐格式,这使得加入音乐的动画文件也能保持小巧的“身材”。
3
Flash动画短片设计与制作
(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动画的魅力。例如,用户可以单击动画中的按钮,然后使动画跳转到不同部分继续播放;可以移动动画中的对象,如移动手中的枪,使射出的子弹准确击中目标;可以在表单
4
第二章 开发环境
中输入信息,反馈对公司的意见等等。总之,使用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();”则将跳转到主场景的指定帧。
(2)gotoAndStop():将比方头转到场景中指定的帧并停止播放,如果未置顶场景,则播放头将赚到当前场景中的指定帧。例如改写成“root. gotoAndStop();”
5