flash动画毕业设计论文.docx
- 文档编号:30559826
- 上传时间:2023-08-16
- 格式:DOCX
- 页数:36
- 大小:1.52MB
flash动画毕业设计论文.docx
《flash动画毕业设计论文.docx》由会员分享,可在线阅读,更多相关《flash动画毕业设计论文.docx(36页珍藏版)》请在冰豆网上搜索。
flash动画毕业设计论文
2009届毕业设计(论文)
Flash特色MTV设计
学院、系:
计算机与信息科学系
专业:
计算机多媒体技术
学生姓名:
朱俊杰
班级:
0601班
学号301060603
指导教师姓名:
唐琨皓
职称工程师
最终评定成绩
2009年5月
摘要
为了将所学知识加以系统化,进一步熟悉Flash、Photoshop、SwiSHmax、绘声绘影等软件的应用,掌握Flash动画设计、制作原则,我制作了该MTV。
本动画要达到这样的功能要求:
使用少量的工作达到完美效果;整个画面协调;声色俱全;易操作等。
制作该动画使用的主要软件为Flash8.0。
Flash是美国的Macromedia公司推出的优秀软件。
它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的动态效果。
Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
Flash使用矢量图形和流式播放技术。
Flash通过使用关键帧和图符使得所生成的动画(.swf)文件非常小。
Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。
在制作这个MTV的过程中,还使用到了SwiSHmax,图形编辑软件Photoshopcs2和绘声绘影软件。
本文介绍了Flash动画制作中最基础的知识以及在Flash8.0软件环境下制作FLASH动画MTV的过程和一些相关的应用方法,并通过制作FLASH动画MTV向大家展示出FLASH动画的特色。
关键字:
音乐;动画;MTV
ABSTRACT
Inordertosystematizetheknowledge,becomemorefamiliarwithFlash,Photoshop,SwiSHmax,pathologistandothersoftwareapplications,masterFlashanimationdesign,productionprinciples,IproducedtheMTV.
Theanimationtoachievethefunctionalrequirementsofthis:
Useasmallamountofworktoachieveperfectresults;thecoordinationoftheentirescreen;debaucheryandtaste;easyoperation.
TheproductionoftheanimationsoftwareusedinthemainFlash8.0.FlashistheUnitedStateshasintroducedtheexcellentMacromediasoftware.Itisaninteractiveanimationdesigntools,itcanbemusic,sound,animationandinnovativeinterfacetogethertoproducehigh-qualitydynamiceffects.Flashisanauthoringtool,designersanddeveloperscanuseittocreatepresentations,applicationsandothercontenttoallowuserinteraction.CanincludeasimpleFlashanimation,videocontent,complexpresentations,andapplications,aswellasbetweenanyofthecontentbetweenthem.Flashusingvectorgraphicsandstreamingtechnologies.Flashthroughtheuseofkeyframesandmakeiconsgeneratedanimation(.Swf)fileisverysmall.Flashanimationpowerfuleditingfeaturesallowdesignerstodesignawaytohigh-qualityanimation.TheMTVintheproductionprocess,alsousedtoSwiSHmax,graphics-editingsoftwarePhotoshopcs2softwareandthepathologist.
Inthispaper,inFlashanimation,aswellasthemostbasicknowledgeofFlash8.0softwareintheenvironmentoftheproductionprocessofMTVAnimationFLASHandsomerelatedapplications,andMTVproducedFLASHanimationtoshowthecharacteristicsofFLASHanimation.
Keywordsmusic;animation;MTV
1概述
Flash是美国的Macromedia公司推出的优秀软件。
它是一种交互式动画设计工具,用它可以将音乐,声效,动画以及富有新意的界面融合在一起,以制作出高品质的动态效果。
Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。
Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。
Flash使用矢量图形和流式播放技术。
Flash通过使用关键帧和图符使得所生成的动画(.swf)文件非常小。
Flash强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画。
1.1初识Flash8
1.1.1Flash8开始界面
运行Flash8,首先映入读者眼帘的是操作的“开始”页面。
图1.1所示。
图1.1“开始页面”
(1)【打开最近项目】:
列表中显示最近操作的文件,可选择一项打开。
单击列表中的【打开】图标,可选择并打开列表没有列出的Flash文件。
(2)【创建新项目】:
单击【创建新项目】下的【Flash文档】就可以创建一个新的动画文件。
(3)【从模板创建】:
选择一个模板,可以创建基于该模板的文档。
1.1.2Flash8工作窗口
Flash8的工作窗口由几大部分组成,最上方的是“主菜单栏”;“主工具栏”的下方是“文档选项卡”;“时间轴”和“舞台”位于工作界面的中心位置;左边是功能强大的“工具箱”;多个“面板”围绕在“舞台”的下边和右边,包括常用的【属性】、【动作】和【滤镜】面板,还有【颜色】面板和【库】面板等,如图1.2所示。
图1.2Flash8的工作窗口
1.1.3文档选项卡
新建或打开一个文档时,在“时间轴”的上方会显示出“文档选项卡”。
单击文档名称,可以在多个文档之间进行快速切换。
用鼠标右键单击“文档选项卡”,在弹出的菜单中可以快速实现【新建】、【打开】、【保存】等功能,如图1.3所示。
图1.3文档选项卡
1.1.4时间轴
“时间轴”用于组织和控制文档内容在一定时间内播放的图层数和帧数。
Flash动画是把绘制出来的对象放到一格格的帧中,然后再来播放。
1.1.5工具箱
工具箱是Flash中最常用的一个面板,用鼠标单击能选中各种工具,如图1.4所示。
用户可以自定义工具箱中的工具编排,执行【编辑】/【自定义工具面板】命令,打开【自定义工具栏】对话框,可根据需要重新安排和组合工具的位置,如图1.5。
图1.4工具箱
图1.5【自定义工具栏】对话框
1.1.6舞台
“舞台”位于工作界面的正中间部位,是旋转动画内容的区域。
如图1.6所示。
根据需要可以在“时间轴”右上角的“显示比例”中设置“舞台”的显示比例,最小比例为8%,最大比例为2000%。
如图1.7所示。
图1.6舞台
图1.7设置舞台显示比例
1.2网格、辅助线和标尺的概述
网格、标尺和辅助线可以帮助我们精确地勾画和安排对象。
1.2.1网格
执行【视图】/【网格】/【显示网格】命令,可以显示或隐藏“网格线”。
执行【视图】/【网格】/【编辑网格】命令,打开编辑【网格】对话框,在对话框中可编辑网格的各种属性,如图1.8所示。
图1.8【网格】对话框
1.2.2标尺
执行【视图】/【标尺】/命令,可以显示或隐藏【标尺】。
舞台的左上角为“标尺”的“零起点”,执行【修改】/【文档】命令,打开【文档属性】对话框,在【标尺单位】下拉列表框中可选择合适的单位,如图1.9所示。
图1.9设置“标尺”单位
1.2.3辅助线
执行【视图】/【辅助线】/【编辑辅助线】命令,打开如图1.10所示的【辅助线】对话框。
可以在该对话框中编辑【辅助线】的颜色,选择是否【显示辅助线】、【对齐辅助线】和【锁定辅助线】。
在【对齐精确度】下拉菜单中还可设置“辅助线”的“对齐精确度”。
图1.10【辅助线】对话框
1.3常用面板简介
Flash8有很多面板,默认状态下,在“舞台”的正下方有4个比较常用的浮云面板,分别是【动作】面板、【属性】面板、【滤镜】面板和【参数】面板。
单击面板的“标题栏”,可以依次展开它们,如图1.11所示。
图1.11展开的常用面板
1.3.1【滤镜】面板
【滤镜】面板提供了7种滤镜效果,可以对文字、影片剪辑和按钮进行美化和修饰。
这7种滤镜效果是【投影】、【模糊】、【发光】、【斜角】、【渐变发光】、【渐变斜角】和【调整颜色】,每种滤镜效果都可以调整各种参数,从而产生更多的变化。
1.3.2【动作】面板
【动作】面板是主要“开发面板“之一,是动作脚本的编辑器,如图1.11所示。
1.3.3【属性】面板
【属性】面板(如图1.12所示)可以很容易地访问舞台或时间轴上当前选定项的最常用属性,也可以在面板中更改对象或文档的属性。
图1.12【属性】面板
1.4设计面板组
“设计面板组”中包括【对齐】面板、【颜色样本】面板、【混合器】面板、【信息】面板和【变形】面板。
1.4.1【对齐】面板
【对齐】面板可以重新调整选定对象的对齐方式和分布。
【对齐】面板分为的5个区域:
1.【相对于舞台】:
按下此按钮后可以调整选定对象相对于舞台尺寸的对齐方式和分布。
2.【对齐】:
用于调整选定对象的左对齐、水平中齐、右对齐、上对齐、垂直中齐和底对齐。
3.【分布】用于调整选定对象的顶部、水平居中和底部分布,以及左侧、垂直居中和右侧分布。
4.【匹配大小】:
用于调整选定对象的匹配宽度、匹配高度或匹配宽和高。
5.【间隔】:
用于调整选定对象的水平间隔和垂直间隔。
1.4.2【颜色样本】面板
【颜色样本】面板为用户提供了最为常用的“颜色”,并且能“添加颜色”和“保存颜色”。
用鼠标单击可选择需要的常用颜色。
1.4.3【混色器】面板
用【混色器】面板可以创建和编辑“笔触颜色”和“填充颜色”。
默认为RGB模式,显示红、绿和蓝的颜色值,“Alpha值”用来指定颜色的透明度,其范围在0%~100%,0%为完全透明,100%为完全不透明。
可以在面板的“颜色空间”单击鼠标,选择一种颜色,上下拖动右边的“亮度控件”可调整颜色的亮度。
1.4.4【信息】面板
【信息】面板可以查看对象的大小、位置、颜色和鼠标指针的信息。
面板分为4个区域:
左上方显示对象的【宽】和【高】信息;右上方显示对象的【X】轴和【Y】轴坐标信息,;左下方显示在舞台中鼠标位置处的颜色值与Alpha值;右下方显示鼠标的【X】轴和【Y】轴坐标信息,如图1.13所示。
图1.13【信息】面板
1.4.5【场景】面板
当动画包含多个场景时,将按照它们在【场景】面板中的先后顺序进行播放,单击【场景】面板下方的3个按钮可以执行“复制”、“添加”和“删除”场景的操作。
双击“场景名称”可以重新命名,上下拖动“场景名称”可以调整场景的先后顺序。
1.4.6【变形】面板
单击【变形】面板下方的【复制并应用变形】按钮
,可执行变形操作并且复制对象的副本;单击【重置】按钮
,可恢复上一步的变形操作,如图2.4所示。
图1.14【变形】面板
2总体设计思路
要做出一个高品质的Flash动画,必须得有一个清晰的设计思路。
首先,必须清楚做出的Flash动画最终要达到的效果;其次,必须清楚一个完整的Flash动画由哪几部分组成,这样设计时才有明确的方法,从而做出高质量的Flash动画。
2.1元件
元件的作用就是一个对象,多次重复使用。
设计元件是为了帮助用户更容易地创建动态且密集的影片。
如果用户想用尽可能小的文件来传递交互性很强的Flash影片,那么学习元件就非常有必要了。
2.1.1创建元件
Flash中的元件类型包括3种,即“图形”、“按钮”、和“影片剪辑”。
1.创建图形元件:
能创建“图形元件”的元素可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的的线条、色块等。
选择相关元素,按键盘上的F8键,弹出【转换为元件】对话框,在【名称】文本框中可输入元件的名称,在【类型】中选择【图形】,如图2.1所示。
单击【确定】按钮后,在【库】中生成相应的“元件”。
图2.1图形元件转换
2.创建按钮元件:
能创建“按钮元件”的元素可以是导入的位图图像、矢量图形、文本对象以及用Flash工具创建的任何图形,选择要转换为“按钮元件”的对象,按键盘上的F8键,弹出【转换为元件】对话框,在【类型】中选择【按钮】,如图2.2所示,单击【确定】按钮,即可完成“按钮元件”的创建。
3.创建影片剪辑元件:
选择舞台上需要转换的对象,按键盘上的F8键,弹出【转换为元件】对话框,在【类型】中选择【影片剪辑】,如图2.3单击【确定】按钮即可完成创建。
图2.2按钮元件转换
图2.3影片剪辑元件转换
4.新建空白元件:
在确定舞台上没有任何对象被选取的情况下执行【插入】/【新建元件】命令,可打【创建新元件】对话框,在对话框中输入元件名称,选择元件的类型,单击【确定】按钮,即可进入新元件编辑模式。
2.1.2元件库的使用
1.清理多余项目:
从【库】菜单中单击【选择未用项目】命令,Flash会把这些未用的元件全部选中,单击菜单中的【删除】命令,将它们删除。
2.公用元件库:
在【窗口】/【公用库】菜单列表中,可以看到Flash8为用户提供的【学习交互】、【按钮】、【类】3个类别的常“元件”,选择其中之一,在“舞台”上就会出现一个相应的“公用元件库”,图2.4就是一个“学习交互”库。
图2.4【库-学习交互.fla】
2.1.3按钮元件
按钮元件是Flash中的基本元件之一,它具有多种状态,并且会响应鼠标事件,执行指定的动作脚本,是实现动画交互效果的关键对象。
按钮有特殊的编辑环境,通过在4个不同状态的帧上创建内容,可以指定不同的按钮状态。
【弹起】帧:
表示鼠标指针不在按钮上时的状态。
【指针经过】帧:
表示鼠标指针在按钮上时的状态。
【按下】帧:
表示鼠标单击按钮时的状态。
【点击】帧:
定义对鼠标做出反应的区域。
2.2创建动画
利用Flash可以创建出丰富多彩的动画效果,可以使一个对象旋转、变色、放大或缩小、改变形状以及发射光芒等。
这些动作可以单独发生,也可以组合发生,例如一个对象边旋转边移动它的位置,还可以不断地改变颜色。
2.2.1动画的环境与元素
1.时间轴:
时间轴面板分成四个部分:
顶区、图层区、时间帧区和状态栏,如图2.5。
2.场景面板:
执行【窗口】/【其他面板】/【场景】命令或者按Shift+F2组合键,打开【场景】面板,如图2.6所示。
在【场景】面板中可以复制场景、增加场景、删除场景、更改场景名称、更改场景顺序、转换场景。
图2.5时间轴面板
图2.6【场景】面板
2.2.2帧内容
帧内容就好比演员,一般常用的有以下几种:
1.矢量图形:
矢量图形是指在场景中用鼠标或压感笔画出的图形,它是Flash中最基本的动画元素。
2.位图图像:
在Flash中导入的gif、jpg、png等格式的图像是由像素构成的。
3.文字对象。
4.按钮对象:
按钮在实现Flash交互性方面有非常重要的作用。
5.声音对象:
在动画中添加声音,可以使你的作品更有吸引力。
6.影片剪辑:
影片剪辑是Flash中的小型影片,它有自己的时间轴和属性,可以用动作脚本来控制播放、跳转等。
7.动作脚本语句:
动作脚本语句可以添加在时间帧、实例、按钮上。
2.2.3创建逐帧动画的方法
创建逐帧动画的常见方法有以下几种:
1.用导入的静态图片建立逐帧动画。
2.绘制矢量逐帧动画。
3.文字逐帧动画。
4.指令逐帧动画。
5.导入序列图像。
2.2.4创建补间动画的方法
1.创建形状补间动画的方法:
在动画形如播放的地方创建或选择一个关键帧,并设置要开始变形的形状,一般一帧中以一个对象为好,在动画结束处创建或选择一个关键帧并设置要变成的形状,再单击开始帧,在【属性】面板上单击【补间】旁边的下拉按钮,在弹出的菜单中选择【形状】,如图2.7所示,一个形状补间动画就创建完了。
图2.7形状补间动画的【属性】面板
2.创建动画补间动画的方法:
在动画开始播放的地方创建或选择一个关键帧并设置一个元件,一帧中只能播放一个项目,在动画要结束的地方创建或选择一个关键帧并设置该元件的属性。
再单击开始帧,或用鼠标右键单击帧,在弹出的菜单中选择【创建补间动画】,就建立了“动画补间动画”,图2.8为动画补间动画的【属性】面板。
图2.8动画补间动画的【属性】面板
2.3应用声音和视频
Flash8提供了许多使用声音的方式。
可以使声音独立于时间轴连续播放,或使动画与一个声音同步播放。
还可以向按钮添加声音,使按钮具有更强的感染力。
2.3.1在Flash中应用声音
1.导入声音:
打开没有添加声音的一个文件,执行【文件】/【导入】/【导入到库】命令,就可以声音导入到当前影片文档的【库】面板中。
2.引用声音:
新建一个图层,并重新命名为“声音”,选择这个图层的第1帧,然后将【库】面板中的声音对象拖放到场景中。
2.3.2导入视频与视频的控制
1.向Flash中导入视频:
执行【文件】/【导入】/【导入到舞台】/【导入到库】命令,弹出【导入】对话框,在该对话框中选择导入的视频文件后,单击【打开】按钮,就能导入视频了。
2.控制视频:
Flash8对导入到文档中的视频提供了很多控制方式,除了可以利用【属性】面板调整大小、位置等外,还可以利用“时间轴”、“行为”、“视频组件”和“视频模板”等来控制视频回放。
3本设计的制作过程
本章着重介绍本次MTV的制作过程和在制作中应该注意的一些问题。
3.1素材准备
要做一个好的MTV,仅仅用到Flash是不行的,还得用到其他软件来做一些素材。
1.用PhotoshopCS2来加工处理一些精美的图片来做MTV的背景。
2.用SwiSHmax来制作一些具有自己独特风格的动态文字,在下一节中会详细介绍。
3.用绘声绘影软件编辑视频插在MTV中,这个在下一节中也会有详细的介绍。
3.2本次MTV的制作过程
3.2.1做MTV的开头
1.单击【插入】菜单下的【新建元件】,建一个图形元件做遮挡,我们把它命名为“元件1”。
绘制一个矩形,颜色为黑色,宽为550,高为200,坐标为(0,0)。
新建一个图层,复制刚刚绘制的矩形,右键单击选择“剪切”,选中图层2,复制到该位置,然后把坐标改为(0,200),这时间2个黑色矩形就占满了整个场景,如图3.1所示。
图3.1被占满的舞台
同时选中2个图层的第50帧,右键单击,选择【插入关键帧】,然后【创建补间动画】。
选中图层1的第50帧,然后左键单击元件,在属性里面把高改为25。
选中图层2的第50帧,同理把高改为25,坐标改为(0,375)(如图3.2),然后保存。
这样就做好了屏幕缓缓拉开的过程。
图3.2“序幕”拉开后的舞台
2.做MTV的遮挡。
同时选中二个图层的元件,右键单击“复制”,然后右键单击图层2的第51帧,选择【插入空白关键帧】,然后将先前复制的元件“粘贴到当前位置”,在图层2的第1000帧处【插入帧】,在图层1的第51帧处【插入空白关键帧】,这样就形成了遮挡效果,把图层2改名为“遮挡”。
3.背景的制作。
新建一图层,取名为“背景层”,在第51帧处【插入空白关键帧】。
新建一图形元件,导入背景图“四主人公”,调整图片大小宽550高400,放在“背景层”的第51帧处。
在该图层第75帧处【插入关键帧】,然后【创建补间动画】,选中第51帧,在背景图【属性】里面选择“颜色/Alpha”,将其透明度设为0%,这样就有了慢慢淡入的效果,如图3.3。
图3.3背景图的属性
4.用SWiSHmax软件制作“仙剑奇侠传4”这几个字的效果。
打开SWiSHmax,【开始新建一个空影片】,选择文字工具,输入“仙剑奇侠传4”,颜色为蓝色,字体为华文行楷,大小72。
选中“仙剑奇侠传4”右键单击选择“效果/显示到位置/前来-神秘”,如图3.4所示,然后单击【文件】/【导出】/【SWF】保存到“毕业设计素材”。
新建一个“影片剪辑元件”,导入刚做好的“仙剑奇侠传4”,在图层1第75帧处【插入空白关键帧】,将元件放入该帧,双击选中元件,在元件最后一帧处选择【动作-帧】/【全局函数】/【时间轴控制】,然后双击
(如图3.5),调整好元件大小。
图3.4用SwiSHmax做的文字效果
图3.5元件的动作属性
5.与第4步一样,用SwiSHmax软件制作“制作人:
朱俊杰”和“指导老师:
唐琨皓”,效果为“回到起始位置/波浪-晕眩”。
新建图层4,在第120帧处【插入空白关键帧】,然后新建影片剪辑元件,导入刚做好的“制作人:
朱俊杰”,选中元件的最后一帧,【动作-帧】/【全局函数】/【时间轴控制】/“stop”。
在第170帧和第200帧处【插入关键帧】、【创建补间动画】,选中第200帧,将元件拖到场景外面,这样就形成了元件退出场景的动画。
新建图层5,在第200帧处【插入空白关键帧】,与图层4操作一样,然后在第250和280帧处【插入关键帧】【创建补间动画】操作又与图层4一样。
同理,在图层1的第280帧和第310帧处【插入关键帧】【创建补间动画】,在第310帧处将“仙剑奇侠传4”拖出场景。
在图层1的第311帧和图层4的第201帧处【插入空白关键帧】。
6.选中图层1的第311帧,单击【窗口】/【公用库/按钮】选中如图3.6按钮,拖入场景,选中按钮,右键单击【动作】,在【影片剪辑控制】中做如图3.7设置,然后选中第311帧,同第5步在【动作-帧】中做如
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- flash 动画 毕业设计 论文