《flash结课论文.pdf》由会员分享,可在线阅读,更多相关《flash结课论文.pdf(10页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 大学学生论文 学号:Flash动画设计与制作 学生姓名:指导教师:所在院系:所学专业:所在班级:I 目录 目录.I 摘要.1 1 Flash 概述.2 1.1 Flash 的简介.2 1.2 Flash 的应用.2 1.3 Flash 动画的优势.3 2 Flash 设计的学习过程.3 2.1 Flash 基本的学习.3 2.1.1 Flash 的构成部分.3 2.1.2 Flash 的学习.4 2.2 Flash 设计的前期准备.5 2.3 Flash 动画制作的一般过程.5 2.3 Flash 动画制作过程中注意的问题.6 3 Flash 的优化.6 4 小结.7 参考文献.8 Flas
2、h 动画与设计 1 摘要 Flash 是一种二维矢量动画软件创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash 特别适用于创建通过 Internet 提供的内容,因为它的文件非常小。Flash 是通过广泛使用矢量图形做到这一点的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。Flash 涉及到的领域:动画游戏制作,网络构件,学习课件,网站
3、广告设计及全 Flash 网站,工控界面等等。主要特点是制作简单,通用性比较大,涉及的领域多,制作出的东西效果都可以做到非常精致。缺点在于有些效果需要别的软件辅助制作等等,不是所有效果都能制作出来。(比如些 3d 效果,Flash 就很难制作,只能通过导入的方式或者针并针的方式)Flash 把音乐,动画,声效,交互方式融合在一起,并且创作出了许多令人叹为观止的动画(电影)效果。而且所生成的动画(.swf)文件非常小,几 K 字节的动画文件已经可以实现许多令人心动的动画效果,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载迅速,使得动画可以在打开网页很短的时间里就得以播放。Flash 是一
4、种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。它不仅能够制作出许多眩目多彩的效果,只要你肯赋予它一定的情景,它也会模拟出现实生活中的场景。Flash 是用来编辑二维动画的软件,经过几代版本改进后,采用了矢量图形和流式技术,迅速成为网上动画的霸主。Flash 能够很好地支持声音,具有交互功能,简单易学,越来越多的教师以此平台制作课件。Flash 界面和 Director极为相似,可分为工具箱、总谱区、层控制面板和舞台四大支块。Flash 制作动画比较简单,你只要定
5、义好各个关键帧,当中的过程由计算机自动生成。它在制作动画方面和秘密武器是多层透明效果和变形技术,再结合按钮符号的交互功能,就能制作出炫目的课件。Flash 的爱好者越来越多,但是设计制作一个能够吸引观者眼球的动画并不只是技术熟练就能做到的,它还需要许多视觉创意元素的支持。分析一下优秀的 Flash 动画作品,我们就会发现,只有那些创意角度新奇有趣、影片风格充满个性、动画角色设计独特、构图新颖的 Flash 影片或网站才能够让人爱不释手,百看不厌!因此,学习并熟练掌握 Flash 软件的同时,还应当从艺术设计的角度多掌握一些动画创意设计的方法。关键词:Flash 二位交互 矢量图形 动画 Fla
6、sh 动画与设计 2 1 Flash 概述 1.1 Flash 的简介 Flash 是美国的 MACROMEDIA 公司于 1999 年 6 月推出的优秀动画设计软件。它是一种交互式动画设计工具、模式,只需加入自己的创意,利用 Flash 技术,就可把所想表现的东西用音乐、声效、动画以及富有新意的界面融合在一起,制作出高品质的动态效果。Flash功能强大、制作流程简单,打破了传统的摄像机拍片的动画形式,展现给大家更为奇妙的影像世界。目前已有很多人会使用 FLASH 这个软件了,而且还会有越来越多。同时 FLASH是采用矢量图形和流式播放技术进行二维动画编辑。FLASH 能够很好的支持声音,并且
7、有交互功能,简单易学,可以很方面实现一些网上传播的动画。FLASH 是目前网络动画的事实标准,其文件短小,播放效果好,用于教学课件,互动游戏等方面。20 世纪 90 年代中期,网上出现了一家名为 Future Splash 的小公司,这就是 Flash 的前身。当一家名为 Macromedia 的公司注意到了 Future Splash,并抓住时机在 1996 年收购,将其改名为 Flash。1997 年 6 月 Macromedia 公司推出了 Flash2.0,自 Flash 进入 4.0 版以后,开始有了自己专用的播放器,称为“Flash Player”。2002 年 3 月 Macro
8、media 推出了 Flash MX,支持的播放器为 Flash Player 6。Flash 6 开始了对外部 JPG 和 MP3 调入的支持,同时也增加了更多的内建对象,提供了对 HTML 文本更精确的控制,同时也改进了 SWF 文件的压缩技术。2003 年 8 月 Macromedia 推出了 Flash MX 2004,其播放器的版本被命名为 Flash Player 7。2005 年 10 月,Macromedia 推出了 Flash 8.0,增强了对视频支持。可以打包成 Flash 视频(即.flv 文件);改进了动作脚本面板。2005 年 Adobe 耗资 34 亿美元并购Mac
9、romedia,从此,Flash 便冠上了 Adobe 的名头,不久推出了以 Adobe 的名义推出 Flash产品,名为 Adobe Flash CS3,后又推出了 Adobe Creative Suite 4 Master Collection 套装(简称 Adobe CS4)中,含有最新版的 Flash CS 4。目前最新的版本为 Adobe Flash CS6 Professional。Adobe Flash Professional CS 6 为创建数字动画和交互式 Web 站点提供了功能全面的创作和编辑环境。1.2 Flash的应用 广告:这是当前比较流行的一种广告形式,采用 Fl
10、ash 制作的广告既可以在网络上发布,同时也可以存为视频格式在传统的电视台播放,一次制作,多台发布,所以得到了很多企业的青睐。娱乐短片:这是广大 Flash 爱好者最热衷应用的一个领域,利用 Flash 制作动画短片,供大家娱乐,这也是一个 Flash 爱好者发展潜力、展现自我的平台。MTV 制作:这也是应用比较广泛的形式,在一些 Flash 制作的网站,几乎每天都有新的 MTV 作品的产生。小游戏:利用 Flash 开发的小游戏体积小,画面品质高,可玩性强而且操作简单,无需特殊安装即可立即游戏。作为一种新的娱乐方式被越来越多的人所接受,前线网络所设计的游戏会充分结合企业自身文化,并考虑到所宣
11、传的品牌和产品的特性,把网络广告和网络游戏结合起来,玩者会自然地关注这些信息并亲身参与,最大限度的扩大了游戏和广告的影响Flash 动画与设计 3 范围。Flash 网站:精美的动画不仅可以大大提高网站的含金量,同时也可以在很短的时间内把自己的整体信息传播给访问者,这样即可以给访问者留下深刻的印象,同时也能在访问者心中建立良好印象。由于 Flash 有强大的交互功能,可以通过制作按钮选择控制观看网站所展示产品的功能、外观等,这种形式比传统的展示方式更胜一筹。导航的应用:Flash 的按钮功能非常强大,是制作菜单的首选。简单的应用系统:随着功能的日益强大,Flash 逐渐的走上了实际应用领域的前
12、台。Flash不同于其他普通的编程工具和动画制作软件,它把图像图像、动作设计、ActionScript 语言完美地结合在一起了,极好的克服了一般编程语言(例如 C 和 Java 等)使用程序绘图的抽象问题,以及普通动画制作软件的局限性。1.3 Flash 动画的优势 全新的数码技术,包括数码视频、数码影像及数码音频。这种崭新的沟通模式,能帮助您在烈的商业竞争中全面、动态的展示您企业的优势与产品的特点,让客户在最短的时间里用最轻松、最生动有趣的方式了解您企业。光盘中的资讯,并带给客户前所未有的视觉和感观的新享受。FLASH 动画象通常象我们看到的广告片段一样,它可以通过文字、图片、录象、声音等综
13、合手段形象的体现一个意图。一般利用它来制作公司形象、产品宣传等片段,可以达到非常好的效果。Flash 动画是一种矢量动画格式,具有体积小、兼容性好、直观动感、互动性强大、支持 MP3 音乐等诸多优点,是当今最流行的 Web 页面动画格式。Flash动画是目前最好的网络多媒体动画,强烈的视觉冲击力可以给浏览者留下深刻的印象,具有绝佳的宣传效果,全力打造企业形象。无论您要设计动画图形还是构建数据驱动的应用程序,Flash 都可提供在多种平台和设备上制作出最佳的效果和提供最完美的用户体验所需的工具。Flash 技术在现代网页中的运用已经越来越广泛为企事业单位在网上进行产品推广也起到重要作用,我们可以
14、为您提供从台本策划,人物造型设计,语音配音,音乐合成,动画合成等一整套专业的服务。2 Flash 设计的学习过程 2.1 Flash 基本的学习 2.1.1 Flash 的构成部分 在 Flash 中创作内容时,需要在 Flash 文档文件中工作。Flash 文档的文件扩展名为.fla。Flash 文档有四个主要部分:(1)舞台。舞台是在回放过程中显示图形、视频、按钮等内容的位置。在 Flash 基础中将对舞台做详细介绍。(2)时间轴。时间轴用来通知 Flash 显示图形和其它项目元素的时间,也可以使用时间轴指定舞台上各图形的分层顺序。(3)库面板。库面板是 Flash 显示 Flash 文档
15、中的媒体元素列表的位置。Flash 动画与设计 4(4)ActionScript。ActionScript 代码可用来向文档中的媒体元素添加交互式内容。例如,可以添加代码以便用户在单击某按钮时显示一幅新图像,还可以使用 ActionScript 向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其它情况采取不同的工作方式。Flash包括两个版本的 ActionScript,可满足创作者的不同具体需要。Flash 包含了许多种功能,如预置的拖放用户界面组件,可以轻松地将 ActionScript 添加到文档的内置行为,以及可以添加到媒体对象的特殊效果。这些功能使 Flash 不仅功能强大,而
16、且易于使用。较高图层中的图形显示在较低图层中的图形的上方。初步了解了 Flash 以及研发意义,才能更好的利用 Flash 软件制作动画和其它应用。虽然一学期的 Flash 课程不足以掌握全部的操作知识,况且 Flash 软件的版本也在不断更新,功能也在不断增多、增强,但是 Flash 的一些基本操作和动画设计的基本知识有很大的收获。2.1.2 Flash 的学习 在 Flash 课程中,学习了逐帧动画,渐变动画,补间动画,引导线动画,遮罩动画,按钮动画的动画效果。(1)逐帧动画:在时间帧上逐帧绘制帧内容称为逐帧动画,由于是一帧一帧的画,所以逐帧动画具有非常大的灵活性,用导入的静态图片建立逐帧
17、动画,绘制矢量逐帧动画。(2)补间动画:一类是形状补间,用于形状的动画;另一类是动画补间用于图形及元件的动画。形状补间动画是在 Flash的时间帧面板上,在一个关键帧上绘制一个形状,然后在另一个关键帧上更改该形状或绘制另一个形状等,Flash将自动根据二者之间的帧的值或形状来创建的动画。动作补间动画是指在 Flash的时间帧面板上,在一个关键帧上放置一个元件,然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等,Flash 将自动根据二者之间的帧的值创建的动画。(3)引导线动画:在运动引导层中绘制路径,可以使运动渐变动画中的对象沿着指定的路径运动。在一个运动引导层下可以建立一个或多个被引
18、导层。在图层之上建立引导层,绘出引导路线,所引导的对象在引导层的第一帧对准引导路线的始端,在最后一帧对准引导路线的末端。(4)遮罩动画:在某个图层上单击右键,在弹出菜单中选择【遮罩层】,使命令的左边出现一个小勾,该图层就会生成遮罩层,“层图标”就会从普通层图标变为遮罩层图标,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了。(5)按钮动画:可建立元件选择【按钮】选项制作按钮,制作按钮的形状,颜色和各个状态下的变化及动画;也可以在公用库中选择按钮。制作好按钮对所要控制动化图层加入相应函数,新建图层添加按钮和函数内容
19、,以此来触发动作。Flash 当中的工具有箭头工具、精选工具和套索工具、直线工具和铅笔工具、钢笔工具、椭圆工具和矩形工具、笔刷工具、自由形变工具、渐变工具、墨水瓶工具和颜料桶工具、吸管工具、橡皮擦工具、手形工具、缩放工具、渐变工具、吸管工具。而在所学习的课程中,常用的有箭头工具、直线工具和铅笔工具、任意形变工具、橡皮擦工具、缩放工具、手形工具、文本工具、渐变工具、椭圆工具和矩形工具。Flash 动画与设计 5 2.2 Flash 设计的前期准备 Flash 设计是一种多媒体制作设计,它需要大量的资源来参考,同时也会需要图片、声音、视频等元素的支撑,所以在做该 Flash 设计之前我们必须先把所
20、需要的图片、音频、视频等素材搜集起来并放在同一个文件夹内,当然素材的准备并不只是仅仅将这些素材放在同一文件夹内就算准备好了,因为导入到 Flash 的素材是有一定的格式和大小的限制的,所以我们在做 Flash 设计之前所做的准备工作自然也就包括对图片、音频、视频等素材的预处理,也就是图片的美化以及图片的大小,还有音频文件和视频文件的格式、比特率、大小的调整。上述素材的准备工作就不得不需要一些软件,图片可以使用美图秀秀、光影魔术手等美图工具完成预处理,当然也可以使用专业的图像修改软件 Photoshop 来处理,而音频文件和视频文件则可以使用格式工厂、Flash 转换王、SWF to Video
21、 等软件来进行预处理。除了素材准备时所需要的软件外,做 Flash 设计必不可少的就是 Flash 设计软件以及Flash 播放器。2.3 Flash 动画制作的一般过程(1)新建 Flash 文档(2)制作背景图层(3)添加层(4)打开外部库文件(5)使用外部库文件中的元件(6)测试影片(7)出影片 双击桌面上的 flash 快捷进入 flash 界面,并修改面板参数,以满足要求。As2.0 是一种面向过程的语言,是脚本语言。我们通常所使用的都是 as2.0,因为我们现在接触的 as 代码都是在 as2.0 的环境下运行的。在打开 flash 的时候,我们首先就要选择语言环境,以便接下来准确
22、的使用代码。“尺寸”指的是舞台的大小,根据不同的需求我们选择不同大小的舞台。而且在文档属性中,可以随便改变舞台的背景颜色,因为在不同的场景中我们需要不同颜色的舞台来完美色彩的平衡。“帧频”是指 1s 包含多少帧,它决定动画的时间,不同的帧频对应着不同的运行时间。动画用到箭头工具,任意变形工具,椭圆工具,直线工具,文本工具,橡皮擦工具。动画涉及菜单栏,标准工具栏,控制工具栏,绘图工具栏,浮动面板,时间轴面板,属性面板,工作区。动画还用到了按钮元件选项和图形元件选项,形状补间,逐帧插入,遮罩层和引导层,运动对象调整到路径。Flash 动画与设计 6 2.3 Flash 动画制作过程中注意的问题(1
23、)由于要在 flash 中导入图片,图片的格式最好是.jpg 的这样的容量才不会很大,声音格式也应为.mp3 格式的。一般说来在 flash 的最后应对整个 flash 进行整体减肥,也就是去掉一些没有用到的而又事先导入库的素材,只需在库的右上方点击选择未使用的项目,点击删除,再保存即可。(2)一般情况下第一个播放按钮的界面要和主界面设为两个不同的场景,为了方面在以后的制作中加入 loading。(3)在制作的过程中尽量使用变形动画,避免过多的使用帧动画,关键帧越多,文件的体积便会更大。(4)在使用矢量图的时候最好不要把它打散,这同样也会增加文件的体积。(5)如果你有美术设计背景,你会发现在
24、Flash 设计里面有很多工具,这些工具你在Fireworks,Photoshop 或其他图片软件也曾经用到过。(6)如果上面提到的这两部分你哪一部分也不曾接触过,也是很好的,甚至有可能会更好,因为 Flash 软件在这样的人的手中可能会释放它全部的潜能。Flash 很好的融合了技术与艺术的二元性。如果要做得更出色,程序员需要自己学习一些画图工具以及 Flash 动画的概念。设计师如果想让自己做的静态图片有生气他们就需要让左脑活动起来,抓住actionscript 里面程序的基本含义。(7)以对象导向为基础的软件:时间轴和影片就 Flash 本身来说,Flash 就是一个对象导向的软件。使用
25、Flash 就像是使用对象。Flash 里面的对象就好比可以容纳其他容器的一个容器。时间轴包含影片剪辑,影片剪辑包含其他时间轴,其他时间轴又包含其他影片剪辑。(8)了解时间轴和影片剪辑的含义是很重要的。我们称作 Flash 影片的也可以称为一个影片剪辑。主要的影片(可以视为 Flash 播放器)包含其他所有影片剪辑。每个影片都有一个主要的时间轴,每个影片剪辑都是有自己的带有独立时间轴动作的时间轴。从另一方面来讲我们可以从宇宙的概念来理解:大宇宙包含其他小宇宙,小宇宙又包含行星,行星上面包含生物等等,每个生命体都有他们自己的参数(在 actionscript 里面称作属性)和行为,只不过它们是在
26、网络世界中而已。3 Flash 的优化 由于 Flash 优美的视觉效果和广阔的创意空间,Flash 技术在网页设计和网络广告中的应用非常广泛,很多网站首页甚至全部用 Flash 设计,但 Flash 网页有一个致命的问题,即大部分搜索引擎无法识别到 Flash 中的信息。Google 也只能检索到部分 Flash 文件中的内嵌链接。搜索引擎不喜欢 Flash 动画是因为它们与平常网页的文字不同,蜘蛛索引的网站信息主要以网页文字为主,并不会抓取并编制索引所有的 Flash 内容。虽然 Flash 动画不是蜘蛛的最爱,但有时有些 Flash 影片仍值得 SEOer 努力去优化。Flash 优化可
27、以从以下两个方面来考虑:做一个辅助的 HTML 版本。保留原有的 Flash 版本的同时,还可以设计一个 HTML 格Flash 动画与设计 7 式的版本,这样即可以保持动态美观效果,也可以让搜索引擎通过 HTML 版本的网页来发现网站。将 Flash 内嵌 HTML 文件。对其的优化也可以通过改变网页结构进行弥补,即不要将整个网页都设计成 Flash 动画,而是将 Flash 内容嵌入到 HTML 文件中,这样对于用户浏览并不会削弱视觉效果,搜索引擎也可以从 HTML 代码中发现一些必要的信息,尤其进入内容页面的链接。即使首页全部动用了 Flash,也应该将进入内页的关键性按钮、链接置于 F
28、lash文件之外,以独立纯文本链接的方式呈现。4 小结 经过一学期的 Flash 课程的学习,初步掌握了 Flash 动画制作与设计的一些基本知识,了解了 Flash 软件的研发作用,并且培养了 Flash 动画制作的兴趣。Flash 动画在目前有着良好的市场发展前景,学习 Flash 动画制作不仅能应用到学习生活中,并且对掌握一门专业技术打开了一个兴趣的大门。结课设计是一个繁杂而又烦杂的过程。从选定题目到收集资料,再进入工艺计算和设计计算过程,几乎应用了所学过的所有知识,每一步都要付出艰辛的汗水,在忙乱与紧张中,一步一步的把以前不是很熟悉还有已经忘记的专业知识和基础知识从基础课到专业基础课再到专业课都拾回来了,而且经验的累积也让我对所有所学专业的知识形成了系统的有逻辑性的认识,不但提高了解决实际问题的能力,开阔了视野,更为了以后工作奠定了坚实的基础。Flash 动画与设计 8 参考文献 1Flah 8 动漫设计全程实录M.北京:电子工业出版社,2006.2Flash CS3 Professional 动画制作技能进化手册M.北京:人民邮电出版社,2008.3精通 Flash 8M.北京:人民邮电出版社,2007.4Flash 动画艺术设计案例教程M.北京:清华大学出版社,2008.5马上就会 Flash 8 动画设计宝典M.北京:电子工业出版社,2006.