资源预览内容
第1页 / 共63页
第2页 / 共63页
第3页 / 共63页
第4页 / 共63页
第5页 / 共63页
第6页 / 共63页
第7页 / 共63页
第8页 / 共63页
第9页 / 共63页
第10页 / 共63页
亲,该文档总共63页,到这儿已超出免费预览范围,如果喜欢就下载吧!
资源描述
Internet风行世界,作为展现Internet风采的重要载体,Web页受到了愈来愈多人的重视。好的Web页可以吸引用户频频光顾我们的站点,从而达到宣传我们的目的。因此,制作玄妙的Web页成为众多公司和个人的要求,制作和发布Web页技术和理论也随之迅速发展了起来。Web页是由HTML(Hypertext Markup Language,超级文本标记语言)组织起来的,由浏览器解释显示的一种文件。最初的HTML语言功能极其有限,仅仅能够实现静态文本的显示,人们远远不满足于这样死板的类似纯文本式的Web页,后来增强的HTML语言扩展了对图片、声音、视频影像的支持,这些改进使得人们可以在Web页加入动画,比如gif动画。但是,这些动画仅仅是独立的Web页元素,通常是自己完成自己的那一套已经规定好的动作,机械呆板。为了获得交互功能,Web页设计者开始在Web页中加入Javascript、VBScript这样的脚本语言以及Java小程序来接受用户的信息并给出具体响应,比如说,当用户把鼠标拖到一个地方,Web页中将给出友好的动画文本提示。这种效果令人兴奋,它大大区别于以前的Web页,具有了人性化的交互功能。但是,组织制作这么一个Web页将是十分困难的,您必须掌握Java、Javascript这样的编程语言,这种要求使得许多Web动画设计者望而却步。即使能够熟练的使用这些语言,为了获得类似的效果将要耗费大量的时间和精力,使得Web页制作周期大为加长。而利用Flash 制作的shockwave网页却能让这一切变得轻松简单。 Flash是制作网络交互动画的优秀工具,它支持动画,声音以及交互,具有强大的多媒体编辑功能,可以直接生成主页代码。它的前身是FutureSplash,是用于完善Macromedia的拳头产品Director。但是由于Director并非针对互联网而设计的,因占用带宽过大而影响了其在互联网中的传输和应用。针对目前网络传输速度的问题,Flash通过使用矢量图形和流式播放技术克服了这一缺点。基于矢量图形的Flash动画在尺寸可以随意调整缩放,而不会影响图形文件的大小和质量,流式技术允许用户在动画文件全部下载完之前播放已下载的部分,而在不知不觉中下载完剩余的动画;Flash提供的透明技术和物体变形技术使创建复杂的功画更容易,给Web动画设计者丰富想象提供了实现手段;交互设计可以让您随心所欲控制功画,赋予用户更多主动权;优化界面设计和强大的工具使Flash 简单实用。同时,Flash还具有导出独立运行程序的能力,其优化下载的配置功能更令人为之赞叹。可以说,Flash为制作适合网络传输的Web动画开辟了新的道路。值得强调的是,由于Flash 记录的只是关键帧和控制功作,所生成的编辑文件(*。fla)尤其是播放文件(*。swf)非常小巧,这些正是无数Web页设计者所孜孜以求的。 Macromedia公司随其软件附带了一个小工具-AFTERSHOCK,这个工具能够自动产生HTML文档,使用脚本来控制动画的播放,也就是说,您不用构建程序便可以获得可直接使用的HTML页。但是,Flash动画的播放需要插件(plug-in)的支持,只有当用户的浏览器拥有这样的插件,Flash动画才能被正常的播放,否则,用户就需要下载这么一个插件。令人高兴的是,Flash格式已经作为开放标准发布,并将获得第三方软件的支持。所以,更多用户的浏览器将支持Flash 动画,Flash动画必将获得更加广泛的应用。 Flash在多媒体产品设计方面,网络动画设计及网页组织上显示出了巨大的生命力。愈来愈多的地方使用了Flash动画,应用前景令人鼓舞,具有巨大的潜在的商业价值。 FLASH电影是由压缩的矢量图形组成,可以很快地下载和充满浏览者的屏幕,是专为网页服务的画像或动画(当然,也可用于其它用途)。主要含有矢量图形,但是也可以包含导入的位图和音效,还可以把浏览者输入的信息同交互性联系起来,从而产生交互效果,也可以生成非线性电影动画。该动画可以同其它的WEB程序产生交互作用。网页设计师可以利用FLASH来创建导航控制器、动态LOGOS、含有同步音效的长篇动画、甚至可以产生完整的、富于敏感性的网页。 你很可能已观看过好多WEB站上的FLASH电影,并且同这些FLASH电影发生 过交互行为,有数不清的网站采用了FLASH电影,如迪斯尼、辛普生、可口可 乐等。更有数不清的网页浏览者在电脑中、浏览器里或者系统软件里安装了 FLASH播放器,还有为数更多的人从因特网上下载FLASH及其播放器。FLASH播 放器同其它的媒体播放器相同,可以驻留在本地主机里,用来回放浏览器中 的FLASH电影或者STANDALONE程序。用FLASH播放器回放FLASH电影如同用 录放机回放录像带一样FLASH播放器就是用来回放用FLASH程序创建的 FLASH电影的设备。 42 Flash工作流 使用FLASH创建动画的过程,就是通过在平台中绘画、输入作品、重新安排各元素对象、并使用时间轴使它们动起来而生成电影的过程。通过使用ACTIONS令电影以特殊的方式对事件发生反应,于是产生了交互式效果。 电影制作完成后,可以把它输出成可由FLASH播放器播放的文件,也可以输出成STANDALONE项目电影,这种格式的电影项目已经内置了FLASH播放器,可自行播放电影。 可按以下方法播放FLASH电影: * 在已配置了FLASH播放器的浏览器(如IE。NN)中播放; * 在微软的OFFICE中,或其ACTIVE X主机环境中播放,但它们必须配 置了FLASH ACTIVE X控制器; * FLASH播放器中播放; * 作为STANDALONE电影项目播放。 4.2.1 FLASH中的艺术作品: FLASH提供了广泛的创造艺术作品或者从其它程序输入艺术作品的方法,你可以通过使用绘画工具、染色工具来创建对象,并可以修改现存对象的属性。 你也可以输入由其它程序生成的矢量图象或点阵图象,然后在FLASH中对这些输入的图象进行修正。 4.2.2 FLASH动画: 所谓FLASH动画,就是改变对象的形状、大小、色彩、透明度、旋转或者 其它对象属性,最易理解的就是对象在舞台上的位移。FLASH动画分两类,其 一:逐帧动画;其二:区间动画。逐帧动画要求你为每一个帧创建一个独立 的画像,而区间动画仅要求你创建动画的开始帧和结束帧,并适当指使 FLASH自动生成这两个帧之间的所有帧。也可以使用SET PROPERTY行为,在 电影中创建动画。 4.2.3 FLASH 交互电影 所谓FLASH交互电影,是指电影观众可以使用键盘或鼠标操作来跳转到电影的其它部分、移动对象、在表格里填写数据、或者执行其它许许多多的操作 。 交互电影是通过使用ACTION SCRIPT设置动作来产生的,本教程的后文将 对此进行介绍。 4.2.4 FLASH播放器的服务器端的设置 如果使用户能够观看WEB页上的动画,必须正确配置WEB服务器,以便它能够识别FLASH电影文件,配置服务器就是为服务器建立适当的MIME类型,以便把文件同属于SHOCKWAVE FLASH的有.SWF后辍的文件联系起来。浏览器收到正确的MIME类型后,便载入合适的插件、控制器或者帮助程序来处理或者正确显示进入的数据。如果MIME类型丢失或者传递不正确,则浏览器会显示出一个错误通知或者一个空白的窗口。 同时,在你发布FLASH电影之前,你也必须正确配置FLASH电影,这样观众才能用FLASH播放器观看。 采取以下操作之一来配置服务器: * 如果你的网站是ISP提供的,则要同该ISP联系,要求ISP提供正确的 MIME类型,以便能把.SWF格式文件加入到服务器里; * 如果你是自己管理服务器,查看一下WEB服务器软件的文件,找到正确 填加、配置MIME类型的用法说明。 4.3 关于矢量图象和点阵图象 计算机显示的图片要么是矢量图象,要么是点阵图象。正确理解这两种不同格式图象之间的差异,能帮助你更有效地设计、创建FLASH电影。 FLASH允许你创建压缩的矢量图形,并使它动起来。FLASH还允许你输 入或者模拟由其它程序生成的矢量或点阵图形。 4.3.1 关于矢量图形 矢量图形是用称之为向量的直线或曲线来描绘图像,例如,一个树叶的 图象(下图)是由很多点组成,由直线或曲线通过这些个点,最后形成树叶轮 廓,而树叶的色彩是由轮廓的色彩或轮廓包围区域的色彩确定的。 对矢量图形的编辑,就是修改构筑该图形的直线和曲线。你可以移动、 缩放、重塑一个矢量图形,包括更改它的颜色,所有这些操作都不会改变该 矢量图形的品质。矢量图形具有分辨率独立性,就是说矢量图形可以在不同 分辩率的输出设备上显示,却不会改变图像的品质。 4.3.2 关于点阵图形 点阵图形是以称之为像素的彩色点来描绘图象,例如,下图的树叶,它 是由特定的位置和每个像素的色值来确定的,如同玛赛克一样的方式形成 图象。 当你编辑位图图象时,修改的是像素,而不是直线或曲线,位图图象是 非分辨率独立性的,这是因为构成图象的数据被固定在特定大小的栅格里。 编辑位图图象将影响它的外观品质,尤其是缩放点阵图象时,将使图象的边 缘变得模糊不堪,这是因为栅格内的像素被重新分布了的缘故。如果用低于 图象自身清晰度的输出设备来显示该位图,也将降低位图的外观品质。 4.4 FLASH工作环境 当创建、编辑FLASH电影时,主要使用以下一些工具: * 舞台(STAGE):就是界面中最主要的那个矩形区域; * 时间轴(TIME LINE):通过时间轴,图象被赋予了随着时间变化而变化 的动作; * 符号(SYMBOLS):电影中可再次使用的媒介物; * 库窗口(LIBRARY WINDOW):管理符号的所在地; * 电影管理器(MOVIE EXPLORER):它可以用来概览一个电影和该电影的 结构; * 浮动面板(FLOATING PANELS):各种浮动面板允许你修正电影中不同的 元素,配置FLASH环境,以便最好地适合你的工作流。 4.4.1 舞台和时间轴 同电影一样,FLASH也是把时间的流逝分为各个帧,而舞台就是为电影中 各个帧创作内容、直接在其上绘图或者安排输入作品的地方,如下图所示: 时间轴是协调动画时间流逝,在不同的层上组织作品的地方,时间轴显 示了电影中的每一个帧。 图层就像是相互重叠的透明纸一样,图层可以使各对象保持相对分离, 这样就可以把不同的元素联合到一个粘合的直接图象中去。 上图中的LOGO、导航条和椅子是分处在不同的图层。 4.4.2 符号和替身 符号是电影中可反复使用的元素。符号可以是图形、按钮、电影片断、 声音文件或者字符。创建后的符号保存在文件库里,当你把符号置入舞台上 时,就是在舞台上创建了一个该符号的替身,不管你做了多少个该符号的替 身,FLASH仅把该符号保存一次,所以符号的应用缩小了文件的体积。不管是 否具有动态效果,把电影中不只一次出现的每一个元素做成符号是一个相当 好的主意,改变某个替身的属性不会影响主符号,而对主符号的编辑则影响 所有的替身。 当你编辑舞台上的符号时,其它的元素虽仍可见,但是处于低亮状态, 你也可以在另一个窗口里编辑符号,在编辑符号时时间轴窗口只显示该符号 的时间轴,使用库中的FIND命令可以找寻并打开在电影管理器中库窗口里 面的符号。 4.4.3 符号和交互电影 符号也是构成交互电影不可缺少的组成部分,可以利用符号的
收藏 下载该资源
网站客服QQ:2055934822
金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号