Flash毕业设计.docx
- 文档编号:683376
- 上传时间:2023-04-29
- 格式:DOCX
- 页数:48
- 大小:203.90KB
Flash毕业设计.docx
《Flash毕业设计.docx》由会员分享,可在线阅读,更多相关《Flash毕业设计.docx(48页珍藏版)》请在冰点文库上搜索。
Flash毕业设计
职教中心
毕
业
论
文
论文题目
全Flash网站
院(系)名称
XXXXX
专业名称
计算机专业
班级
计算机XXX
学生姓名
XXX
学号
XXX
指导教师姓名
XXX
2011年6月完成
内容摘要:
Flash是由Macromedia公司推出的网页设计和网页动画制作软件采用矢量技术,它支持动画、声音以及交互,具有强大的编辑功能。
使用Flash技术可以设计出引导时尚流的网络、动画、多媒体以及互动影像。
它具有很高的交互性动态效果显著。
在网络世界中Flash得到了广泛的应用与推广。
在网上随意可以见到使用Flash制作的站点,它们给人以清新动感的感觉。
全Flash网站基本以图形和动画为主,所以比较适合做那些文字内容不太多,以平面、动画效果为主的网站,如特定网上广告、MTV、企业品牌推广、网络游戏、个性网站等。
因此,Flash已经成为了网络多媒体中一个重要的分支。
本设计基于全Flash技术制作动态的数字商务网站,属于非盈利网站。
通过网站介绍,使每一位用户足不出户通过上网了解其产品信息及相关动态。
本设计的目标是利用Flash软件技术的特点,实现一个具有动画、声音以及交互性的动态网站。
任务是通过课题的实践,熟悉Flash网站建设的过程,熟练掌握Flash中帧的操作、ActionScript脚本代码的编写及三大元件的应用。
设计中对Flash网站的整体结构和设计理念进行分析之后,确定Flash网站由Loading、片头动画、主场景和其它场景组成。
关键词:
动画新颖FlashPhotoshop
Abstract:
Flashisasoftwareuesdtodesignwebpageandmakewebpageanimation,whichislaunchedbyMacromediacompany.Thissoftwareisbasedonthevectortechnology,withfeaturesthatitcansupportfunctionsofanimation,audioandinteraction,andespesiallyithasthepowerfuleditfunction.Withit,fashionnetwork,animation,multimediaandinteractivevideoscanbeeasilydesigned.Andamongothers,flashtechnologyischaracterizedwithstronginteractionandprominentdynamiceffects.Inthenetwork,Flashisappliedandspreadedextensively.Youcanseeallkindsofsitesbuiltupviait,whichbringusfeelingsoffreshnessandactivity.Becausethefull-flashwebsiteismainlybasedongraphicsandanimation,theflashtechnologyismoresuitabletomakesiteslikethat,suchasonlineadvertisements,MTV,brandpromotionforcompanies,onlinegames,personalwebsitesandsoon.Hence,flashtechnologyhasbeenoneofimportantbranchesofnetworkmultimedia.Thisdesigniscommittedtodevelopdynamicdigitalbusinesswebsitewithfull-flashtechnology,whichisnonprofit.Viatheintroductionofwebsite,thedreams,thateachuserathomecanmakeacknowledgeofproductioninformationandrelatedtrendsthroughtheinternetcometrue.Thedesign,whichutilizestheflashtechnology,isaimedatachievingadynamicwebsitewithfunctionsofanimation,audioandinteraction.Ourtaskistobefamiliarwiththeprocessofbuildingupflashwebsites,tomastertheoperationofframesinflash,tograsptheprogrammingofscriptcodeofActionScriptandtomakeacquaintedwiththeapplicationofthosethreecomponents.Afteranalyzingtheintegralstructureanddesignlogosofflashwebsite,itisagreeablethattheflashwebsiteiscomposedofloading,animatedtitles,mainsceneandotherscenes.
Keywords:
CartoonNovelFlashPhotoshop
1网站设计方案
1.1课题的来源与意义
当今,人们可以通过各种渠道获得所需的相关知识。
随着网络的普及,人们已经习惯在网络的世界中寻找知识的宝藏。
网络就像海洋中的大网,编织着一个信息化的世界,通过打捞将世界万物尽收眼底。
走进网络世界,我们会发现,众多琳琅满目的站点,是网络世界一道灿烂的风景线。
许多公司通过站点的介绍,让自己的企业形象传播到世界各地,从而起到一定的宣传作用。
那么,用什么装点这道美丽的风景呢,现在制作网站的软件很多,本人使用Flash软件来打造绚丽多彩的网站世界。
用Flash软件来开发网站,其原因有以下几方面:
(1)视觉冲击力全Flash网站基本以图形和动画为主,所以比较适合做那些文字内容不太多,以平面、动画效果为主的网站。
这样对用户有较强的吸引力和视觉冲击力,使用户很轻松愉悦的观看阅读网站的内容。
(2)文件容量小由于Flash采用了矢量技术,其生成的文件容量很小。
Flash动态网站是若干个文件结合在一起,文件可以做得比较小,用户可以陆续载入其他文件,这样更适合Internet的传播,同时也避免了访问者因等待时间过长而放弃。
(3)制作成本低廉使用Flash可以实现原来需要多种技术才可以实现的效果,这样一来就简化了设计过程,降低了制作成本,且网络统一,运行流畅。
(4)数字商务功能Flash本身的动画功能,可以更加丰富页面效果,对于数字商务网站来说,可以对商品进行更加详细的介绍,所以对数字商务来讲,更适宜用Flash创建。
1.2FLASH网站对网站发展意义
一个好的个人简介就如同一身合体、漂亮的衣服,它不仅能够提升个人的整体形象,更能达到良好地推销自我、展示实力的目的。
无论是参加大型招聘会或是参加面试,随时打开自我介绍的个人网站,不仅为您省去逐一介绍的麻烦,更让面试官在轻松的环境中了解了您所掌握的技能、信仰、实力和个人目前状况,达到全面介绍的良好效果。
纵有千言万语,不如简历在手。
而要突出自己的优势,给面试官留下良好的印象,就要突破传统的文本式简历模式。
这不仅是个时尚的问题,更是您找工作的确实需要。
个人网站就是用表现手法对个人的各个层面有重点、有针对、有秩序地进行策划、制作、剪辑、配音、合成输出制作成网站,目的是为了声色并茂地凸现个人独特的风格面貌、彰显个人实力,让社会不同层面的公司对个人产生正面、良好的印象,从而建立对个人的好感和信任度,并信赖个人的实力。
在做个人网站时,二维动画因为能简洁、清晰地反映事物的变化过程,所以在做网站中使用得比较多。
在网站制作及素材制作时,著名的平面动画创作软件Flash成为了越来越多制作人员的首选,其最新版本是FlashCS4,它具有强大的图形编辑和动画创作功能,同时它也是一个很好的宣传片开发工具。
而现在制作全Flash宣传片也成为了一种时尚,利用Flash的强大功能,我们可以随意挥洒,做出任何你可以想象出来的动画和效果。
在宣传片制作领域,flash的强大功能和突出优点是它有着强大生命力的有力保证,所以本次毕业设计以FLASHCS4软件作为主要的动画制作工具,Photoshop等软件作为辅助工具对动画中要用到的矢量图进行编辑和修改,并用ASP编程软件进行简单的加工,从而得到想要更好宣传自己的目的。
当今,人们可以通过各种渠道获得所需的相关知识。
随着网络的普及,人们已经习惯在网络的世界中寻找知识的宝藏。
网络就像海洋中的大网,编织着一个信息化的世界,通过打捞将世界万物尽收眼底。
走进网络世界,我们会发现,众多琳琅满目的站点,是网络世界一道灿烂的风景线。
许多公司通过站点的介绍,让自己的企业形象传播到世界各地,从而起到一定的宣传作用。
那么,用什么装点这道美丽的风景呢,现在制作网站的软件很多,本人使用Flash软件来打造绚丽多彩的网站世界。
用Flash软件来开发网站,其原因有以下几方面:
(1)视觉冲击力全Flash网站基本以图形和动画为主,所以比较适合做那些文字内容不太多,以平面、动画效果为主的网站。
这样对用户有较强的吸引力和视觉冲击力,使用户很轻松愉悦的观看阅读网站的内容。
(2)文件容量小由于Flash采用了矢量技术,其生成的文件容量很小。
Flash动态网站是若干个文件结合在一起,文件可以做得比较小,用户可以陆续载入其他文件,这样更适合Internet的传播,同时也避免了访问者因等待时间过长而放弃。
(3)制作成本低廉使用Flash可以实现原来需要多种技术才可以实现的效果,这样一来就简化了设计过程,降低了制作成本,且网络统一,运行流畅。
(4)数字商务功能Flash本身的动画功能,可以更加丰富页面效果,对于数字商务网站来说,可以对商品进行更加详细的介绍,所以对数字商务来讲,更适宜用Flash创建。
1.2FLASH网站对网站发展意义
一个好的个人简介就如同一身合体、漂亮的衣服,它不仅能够提升个人的整体形象,更能达到良好地推销自我、展示实力的目的。
无论是参加大型招聘会或是参加面试,随时打开自我介绍的个人网站,不仅为您省去逐一介绍的麻烦,更让面试官在轻松的环境中了解了您所掌握的技能、信仰、实力和个人目前状况,达到全面介绍的良好效果。
纵有千言万语,不如简历在手。
而要突出自己的优势,给面试官留下良好的印象,就要突破传统的文本式简历模式。
这不仅是个时尚的问题,更是您找工作的确实需要。
个人网站就是用表现手法对个人的各个层面有重点、有针对、有秩序地进行策划、制作、剪辑、配音、合成输出制作成网站,目的是为了声色并茂地凸现个人独特的风格面貌、彰显个人实力,让社会不同层面的公司对个人产生正面、良好的印象,从而建立对个人的好感和信任度,并信赖个人的实力。
在做个人网站时,二维动画因为能简洁、清晰地反映事物的变化过程,所以在做网站中使用得比较多。
在网站制作及素材制作时,著名的平面动画创作软件Flash成为了越来越多制作人员的首选,其最新版本是FlashCS4,它具有强大的图形编辑和动画创作功能,同时它也是一个很好的宣传片开发工具。
而现在制作全Flash宣传片也成为了一种时尚,利用Flash的强大功能,我们可以随意挥洒,做出任何你可以想象出来的动画和效果。
在宣传片制作领域,flash的强大功能和突出优点是它有着强大生命力的有力保证,所以本次毕业设计以FLASHCS4软件作为主要的动画制作工具,Photoshop等软件作为辅助工具对动画中要用到的矢量图进行编辑和修改,并用ASP编程软件进行简单的加工,从而得到想要更好宣传自己的目的。
1.2FLASH网站对网站发展意义
Flash网站的出现使网站页面脱离了HTML网页那种死板的条条框框,让网页变得更加生动有趣。
网站追求视觉冲击和时尚感受,它能够表达企业鲜明形象,展示精品产品。
它是针对企业开发设计,融合企业形象,利用前沿的Flash技术
2开发工具
2.1Flash简介
Flash是美国的MACROMEDIA公司于1999年6月推出的优秀动画设计软件。
它是一种交互式动画设计工具,模式,只需加入自己的创意,利用flash技术,则可把人生的感悟以及所想表现的东西用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的动态效果。
由于它的功能强大、制作流程简单,深受广大动漫爱好者的热爱。
它打破了传统的摄象机拍片的通过动画的形式展现给大家。
Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
通常,使用Flash创作的各个内容单元称为应用程序,即使它们可能只是很简单的动画。
您可以通过添加图片、声音、视频和特殊效果,构建包含丰富媒体的Flash应用程序。
Flash特别适用于创建通过Internet提供的内容,因为它的文件非常小。
Flash是通过广泛使用矢量图形做到这一点的。
与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。
位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。
要在Flash中构建应用程序,可以使用Flash绘图工具创建图形,并将其它媒体元素导入Flash文档。
接下来就可以定义如何以及何时使用各个元素来创建设想中的应用程序。
2.2Photoshop简介
Photoshop是Adobe公司旗下最为出名的图像处理软件之一,集图像扫描、编辑修改、图像制作、广告创意,图像输入与输出于一体的图形图像处理软件,深受广大平面设计人员和电脑美术爱好者的喜爱[3]。
多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”,并不知道它的诸多应用方面,实际上,PHOTOSHOP的应用领域很广泛的,在图像、图形、文字、视频、出版各方面都有涉及。
2.3ASP2.0编程简介
ASP是ActiveServerPage的缩写,意为“活动服务器网页”。
ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具[4]。
ASP的网页文件的格式是.asp,现在常用于各种动态网站中。
ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。
ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。
利用ASP可以向网页中添加交互式内容(如在线表单),也可以创建使用HTML网页作为用户界面的web应用程序。
ActionScript2.0介绍Flash是一个交互多媒体的开发平台,它的交互就是由ActionScript程序来实现的。
ActionScript是Flash独有的一种脚本程序,属于面向对象(OOP)的编程,类似于高级语言,但它不是高级语言。
ActionScript经历Flash5.0的1.0版本不支持OOP技术,FlashMX的1.5版本支持OOP技术,到了FlashMX2004的2.0版本与Java相差无几。
制作Flash网站常用到ActionScript函数包括:
gotoAndPlay():
将播放头转到场景中指定的帧并从该帧开始播放。
如果未指定场景,则播放头将转到当前场景中的指定帧。
gotoAndStop():
将播放头转到场景中指定的帧并停止播放。
如果未指定场景,则播放头将转到当前场景中的帧。
loadMovie():
在播放原始SWF文件的同时将SWF文件或JPEG文件加载到FlashPlayer中。
2.4Flash与ASP的兼容
Flash以其体积短小,流体播放的特点迅速打开市场,将WWW上的页面设计带上了一个全新的高度。
实现Web数据库的应用一般有两种方法:
一种是Web服务器端提供中间件,连接Web服务器与数据库服务器;另一种是把应用程序到客户端直接访问数据库。
最常用的中间件技术有通用网关接口和应用程序编程接口两种。
CGI程序存在效率低、速度慢等缺点;而API很大程度上克服了CGI的缺点,但其兼容性差,开发难度大也让许多开发人员望而却步。
客户端访问数据库主要包括JavaScript和数据库连接器等。
用JavaScript和IDC开发Web数据库虽然简单,但也存在功能有限、不能完全控制其过程等缺点,所以它们也无法胜任较复杂的Web数据库的开发[5]。
微软推出的ASP方案很好地解决了这些难题。
ASP是Microsoft公司推出的一种基于服务器端的脚本编程语言,它很容易和数据库连接。
Flash与ASP的组合使网页功能更加强大,可以通过它们和数据库连接,能使我们的网站不仅具有强大的数据支持而且具有完美的交互界面。
3设计
3.1计划阶段
制作网站之前,首先需要明确建站的目的和网站的定位。
需要收集相关的资料,对其进行整理,找到重点,如网站的主题、用什么样元素、元素之间的联系、元素如何运动、用什么风格音乐等。
结合网站定位来决定网站的栏目需要有哪几项。
然后用同样的方法,来讨论二级栏目下的子栏目,对它进行归类,并逐一确定每个二级栏目的主页面需要有哪些具体的内容,二级栏目下面的每个小栏目需要放置哪些内容。
3.2总体规划
网站形象分析由于Flash网站基本以图形和动画为主,比较适合做文字内容不太多,以平面、动画效果为主的网站。
所以该网站采用时尚优雅气息风格的设计理念,界面简捷,舒适,给用户一种轻松的感觉。
摆脱那种死板的条条框框的网页,让网页变得更加生动有趣。
3.3测试环境
安装完WindowsXP操作系统中的IIS5.1后,创建虚拟目录名为“XXXXX”。
选择文件目录,找到“index.asp”,右键浏览
4实践制作
4.1开发流程
制作动态效果的网站。
本人用的是Flash8.0软件
4.2整体设计
新建一个空的FLASH文档。
设置舞台尺寸:
宽为1000PX,高为600PX,背景为黑色,帧频为30fps。
选择“窗口”/“设计面板”/“场景”命令。
单击“场景”面板的“添加场景”按钮,分别创建名为logo、loader、funtions、config、omResize和Includes
建立一个影片剪辑元件,选择“插入”/“新建元件”/“影片剪辑”,命名为:
“showloading_mc”。
在showloading_mc中绘制一个无边框矩形,填充颜色为白色,宽为1,高为10转换为showloadingeft_mc影片剪辑元件,在属性面板实例名称输入loadingeft_mc。
进入showloadingeft_mc影片剪辑元件在第35、45、55、100帧创建关键帧,并在35、45、55帧制作补间动画产生矩形长短不一的效果。
(影片剪辑建立方法如上所示,此后不再称述)
(2)返回到showloading_mc的时间轴图层1第1帧,在行为面板中输入代码使画面产生水波的效果:
vari:
Number=0;this._parentloadingeft_mc._visible=false;onEnterFrame=function(){loadingeft_mc.duplicateMovieClip("loadingeft_mc"+i,this.getNextHighestDepth());this["loadingeft_mc"+i]._x=this["loadingeft_mc"+(i-1)]._x+2;this["loadingeft_mc"+i]._y=loadingeft_mc._y;this["loadingeft_mc"+i].gotoAndPlay(random(10));i++;if(i>=100){11i=0;deleteonEnterFrame;}}
(3)在showloading_mc影片剪辑时间轴新建一层,在舞台上输入“_loadingpleasewait_”转换为影片剪辑命名:
“showloadingtxt_mc”。
进入showloadingtxt_mc影片在第3帧插入空白关键帧。
使文字形成闪烁的动态的效果。
(4)在Loading场景“时间轴”面板中,插入新图层,命名为:
“进度百分比”。
选择“文本工具”的动态文本,变量名为downloadtime。
(5)插入新图层,命名为:
“script”,在行为面板中输入代码来实现进度百分比。
script第1帧代码(帧标签命名load)如下:
a=getBytesLoaded();b=getBytesTotal();loaded=int(a/b*100);downloadtime=loaded+"%";showeft_mc.showloading_mc.showloadingeft_mc.gotoandplay(loaded);script第2帧代码如下:
if(a==b){gotoandplay("首页",1);}else{gotoandplay("load");}loading
4.3图片切换的制作
(1)建立名为“倒计时式数字图片”影片剪辑。
在“时间轴”面板中,图层1第1、7、15、22、29帧插入关键帧制作数字倒计时效果。
(2)分别新建图层2到图层5。
在每个图层第1帧插入图片,在属性面板中实例名称分别命名photoshow1_mc~photoshow4_mc。
(3)插入新图层6。
在该层建立名为“photoshow_mc”的影片剪辑,属性面板实例名称命名photoshow_mc。
在photoshow_mc影片剪辑元件分别在第1、2、3、4帧插入空白关键帧,将准备好的素材图片分别导入到舞台。
(4)插入新图层7。
选择“文本工具”输入动态文本属性面板实例名称命名photoshow_txt。
并在动作脚本输入代码实现选择图片随之切换相应图片效果:
stop();
functionphotoeffect(photoeffect_mc:
MovieClip,photoshownum:
Number,photo_txt:
String){if(this._currentframe==14){photoeffect_mc.onRollOver=function(){photoshow_mc.gotoAndStop(photoshownum);photoshow_txt.text=photo_txt;
4.4Flash中几项代码
4.4.1首页
设置变量
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash 毕业设计