flash动画毕业设计说明教程.doc

FlashFlash 动画动画 MTV(MTV(偏爱偏爱) ) 系 部: 学生姓名: 指导教师: 职称 专 业: 班 级: 完成时间: 摘 要 伴随着计算机网络的发展,Flash 动画也有了新的飞跃,也越来越被网络爱好者青睐 了,flash 把音乐,动画,声效,交互方式融合在一起,越来越多的人已经把 flash 作为课 件动画设计的主要工具,并且创作出了许多令人叹为观止的动画课件(电影)效果而且 在 flash 8 的版本中早已经可以支持 mp3 的音乐格式,这使得加入音乐的动画文件也 能保持小巧的身材 所以 Flash MTV 作品中,音乐是比不可少的,音乐不仅可以给观众声音的震撼,还 能进一步表现作品的内涵根据个人的需要和爱好的歌曲,最好是有歌词信息的,这样 便于作品的歌词制作如果个人有演唱功底,可以用录音软件把自己一演唱的声音录制 下来,这样边听自己的演唱变欣赏自己的作品,别有一番情趣 Flash 8.0 的出现更是使 Flash 在面向对象开发方面达到了一个前所未有的令人 唏嘘的高度类包继承封装丰富的组件项目管理版本控制,这些以往只能在专业的 面向对象的应用程序集成快速开发环境中才能见到的东西已经统统的在 Flash 中得到 了贯彻 本文介绍了 Flash 动画制作中最基础的知识以及在 flash 8.0 软件环境下制作 FLASH 的应用方法,并通过制作 FLASH 动画偏爱的 MTV 向大家展示出 FLASH 动画的 特色 关键字: FLASH 软件;Dold Wave 软件;歌曲;动画;场景 目录 1 1 概概 述述1 1 1.1 GoldWave 简介 1 1.2 Flash 软件简介 .2 2 2 剧本的设定剧本的设定 3 3 2.1 剧本内容.3 2.2 剧本设计 .3 3 3 前期准备前期准备 5 5 3.1 背景音乐的制 .5 3.2 剧本素材的收集 .6 4.MTV4.MTV 的制作的制作8 8 4.1 背景音乐的导入.8 4.1.2 流类型的音乐设置 .9 4.2 歌词与音乐的同步 .9 4.3 动画设计制作 12 5.5.动画测试动画测试 1717 5.1 动画测试 17 5.2 解决测试发现的问题 17 5.3 测试结论 17 设计总结设计总结 1818 参考文献参考文献 1919 致谢致谢 2020 1 1 概 述 1.1 GoldWave 简介 1.1.1GoldWave 现状 GoldWave 是一个功能强大的数字音乐编辑器,她可以对音乐进行播放录制编辑以 及转换格式等处理以下是 GoldWave 的特性: 1 直观可定制的用户界面,使操作更简便; 2 多文档界面可以同时打开多个文件,简化了文件之间的操作; 3 编辑较长的音乐时,GoldWave 会自动使用硬盘,而编辑较短的音乐时,GoldWave 就会在速度较快的内存中编辑; 4 GoldWave 允许使用很多种声音效果,如:倒转(Invert)回音(Echo)摇动边缘 (Flange)动态(dynamic)和时间限制增强(strong)扭曲(warp)等; 5 精密的过滤器(如降噪器和突变过滤器)帮助修复声音文件; 6 批转换命令可以把一组声音文件转换为不同的格式和类型该功能可以转换立体 声为单声道,转换 8 位声音到 16 位声音,或者是文件类型支持的任意属性的组合如果 安装了 MPEG 多媒体数字信号编解码器,还可以把原有的声音文件压缩为 MP3 的格式,在 保持出色的声音质量的前提下使声音文件的尺寸缩小为原有尺寸的十分之一左右. 7 CD 音乐提取工具可以将 CD 音乐拷贝为一个声音文件为了缩小尺寸,也可以把 CD 音乐直接提取出来并存为 MP3 格式; 8 表达式求值程序在理论上可以制造任意声音,支持从简单的声调到复杂的过滤器 内置的表达式有电话拨号音的声调波形和效果等 音乐领域对音乐制作的需求一直占据了世界的重要领域,促进和刺激了软件的发展,更 多的专业技能在不断的提高和研发新一代的 Gold Wave 系列也正在开发中 1.1.2 GoldWave 发展趋势 论前景的话,目前世界的广大音乐爱好者学会了自己编辑音乐,也出现越来越多的 网络流行歌手,而音乐的发展离不开拥有专业的音乐的编辑制造因此 Gold Wave 得发 展前景是可想而知的辉煌 1.1.3 音乐的基本理论 在编辑音乐之前我要了解音乐审美核心,主要作用于人的情感世界音乐课的基本 价值在于通过以聆听音乐表现音乐和音乐创造活动为主的审美活动,使学生充分体验 蕴涵于音乐音响形式中的美和丰富的情感,为音乐所表达的真善美理想境界所吸引所 陶醉,与之产生强烈的情感共鸣,使音乐艺术净化心灵陶冶情操启迪智慧情智互补的 2 作用和功能得到有效的发挥,以利于学生养成健康高尚的审美情趣和积极乐观的生活 态度,为其终身热爱音乐热爱艺术热爱生活打下良好的基础 不管你的 MP3 歌曲的简单剪接或者音频格式的转换,还是更加高级的后期加工 GoldWave 都可以令你轻松胜,甚至你自己录一首卡拉 OK,也可以经过 GoldWave 的修饰 成为像歌星一样水晶般的动人声音! 1.2 Flash 软件简介 1.2.1 Flash 现状 广告市场对商业插画的需求逐渐扩大,促进和刺激 flash 动画的多元化商业化!网 络动画的画面简陋节奏冗长的缺点,逐渐被效果精美节奏快速的插画和影视广告所影 响;直至取代! flash 动画及市场发展分析:第一代注重技巧,第二代注重美术,第三带注重形式,第 四代注重市场;只有适应市场引导市场,第四代 flash 动画才能在以后的发展中立足并 立业 传统动画和网络动画的对比:传统动画:注重动画节奏故事内容造型和背景,美术 风格网络动画:注重创意形式人文情感叛逆和笑料音乐和动效,制作手法:一个注重 团队合作,一个注重个人风格 第四代 flash 动画的职业特点:完备的专业技能敏锐的商业意识自由的宽松的工 作环境快乐富有的生活质量商业插画打造第四代 flash 动画:在修养沟通理解协作 技能五大方面进行完整训练,打造第四代 flash 动画! 1.2.2 Flash 发展趋势 论前景的话,目前中国广大 flash 爱好者主要把精力集中在了网页的导航栏,flash 全站,游戏制作,动画制作等等上面比较多,其实国外已经很多地方用到了工业,生产等 各个方面,因为 flash 的自由性非常高,往往可以把界面,按钮等制作的非常动感,这也 是大家有目共睹的,所以 flash 的前景是只有想不到,没有做不到的 3 2 剧本的设定 2.1 剧本内容 在围绕偏爱这首歌的前提下,写了一对恋人在一个明媚的春天,由于一点点小 小的误会女方提出分手,男生不同意,无奈女方去意已决,在离开之后,男生尾随去了,突 然,一辆车子朝女孩飞奔而来,女孩没有注意到,被男生一把推开,而最后男孩为了救自 己心爱的女孩不幸失去了自己的生命 2.2 剧本设计 在学习动画设计之前有必要对多媒体动画设计的步骤进行简单介绍可以不夸张地 说,多媒体动画设计是个相当复杂的系统过程,尤其在作品比较大比较重要的时候设 计人员必须胜任整个过程,要先制订一个总体计划,否则设计工作必然是又费力气又费 时间在学习动画设计的时候必须要先制订全盘计划再动手设计 制作多媒体动画时,随着质量要求及内容的多少,所付出的精力和时间有所不同根 据经验,制作多媒体动画的过程大体可分为三个阶段: 第一个阶段是整个制作过程中最为重要的一个部分,设计人员应首先考虑动画产品 的目的投人内容制作时间等,同时也要考虑动画的使用方式用后效果交互方式等等,做 好这些前期工作,对以后的制作将十分有利 第二阶段,就是按照第一阶段的设计规划收集所需的素材并进行加工,例如编写文 档录音制作动画等等在收集素材时应注意严格要求以保证质量 第三阶段,用 Flash 将收集的素材集成并测试;在这个过程中应不断地进行测试,对 发现的问题及时加以修改以保证精心制作的多媒体动画问世 制作多媒体动画时,如果有多人分工合作,要注意相互协调每个人的工作亲身体验 制作过程,每一位参与者一定能够积累一些经验,对多媒体的制作有更深刻的体会 首先,出来的是出现的是制作 MTV 的歌曲曲目,以及演唱者和作词作曲者进入到 舞台是 MTV 要出场的男女主角的然后是通过通过人物的动作和对话来表达本体 MTV 的的基本思想动,首先,当男生在窗台看到自己的女朋友正朝着他的房子走来是心理是 万分的高兴,但是但他的女朋友进门的第一句话就是“我们分手吧!”最后女朋友甩门 而出,男友还是跟上来苦苦的哀求她给自己一个爱她的机会,但是女友像没有听到一样 向前走,当走在人行道上是她好像无视一切存在的东西,一辆飞奔的中巴车无法停止前 进的齿轮,男友看到自己心爱的女友在面临危险的时候不顾自己的生命去营救女友,在 这幕爱与不爱爱与生命做选择的时候他选择了牺牲自己挽留心爱的人他永远的离开 了,离开了他在生命最后一刻所能为爱做出的最后的机会女友哭了,嘶哑的声音好像穿 4 透了天空,也许他只是想让天上的他听到她的心痛,她后悔她之前的说过的话整个大地 被鲜血染红了,泪与血交融了音乐与场景的呼应创造了一幅催人泪下的动画 MTV 5 3 前期准备 3.1 背景音乐的制 3.1.1 编辑音乐的思路 第一个阶段是整个制作过程中最为重要的一个部分,设计人员应首先考虑动 画产品的目的投人内容制作时间等,同时也要考虑动画的使用方式用后效果 交互方式等等,做好这些前期工作,对以后的制作将十分有利 第二阶段,就是按照第一阶段的设计规划收集所需的素材并进行加工,例如 编写文档录音制作动画等等在收集素材时应注意严格要求以保证质量 3.1.2 音乐的剪辑过程 (1)在 Dold Wave 中打开音乐文件,运行 Dold Wave5.5 软件,执行【文件】 【打开】命令,弹出的【打开声音文件】对话框,找到需要处理的音乐素材文件, 单击【打开】按钮,如图3.1所示 图 3.1 Gold Wave 5.5 的工作界面 图 3.2 【打开声音文件】对话框 音乐文件打开后,Dold Wave 的工作界面发声了变化,工作界面中间是打开 的“偏爱.mp3”编辑窗口,如图3.3所示 图 3.3 Goldwave 编辑窗口 (2)截取需要上网声音文件单击【播放】按钮*音乐开始播放,试听过程中, 造第一段开始时单击【暂停】按钮*,这里为我们要截取为音乐的起始位置在音 乐编辑串口的起始位置单击一下鼠标左键选中,同时几下这段音乐的时间段为 00:00:00,时间提示明细编辑在音乐编辑窗口最下端,如图所示 6 起始位置选好后,单击【播放】按钮,听到第一段歌词结束播放时,再次单 击【暂停】按钮,这里为截取音乐的终止位置,在音乐编辑窗口的终止位置右击, 在贪吃 ude 快捷菜单中选择【设置结束标志】,同时几下这段音乐的时间段为 00:01:37,选择的音乐在音乐【编辑窗口】中高亮显示,如图3.4所示 图 3.4 设置音乐的开始标记 图 3.5 选取音乐段 此时,可以再反复单击【播放】按钮,试听选择的音乐段是否精确,根据试听 的效果,可以用鼠标拖动起始位置和终止位置,知道符合要求为止最后执行【编 辑】|【复制】命令,在执行【编辑】|【粘贴为新文件】命令,这样就把截取的 音乐段复制到了一个新建的声音文档中了 (3)编辑声音效果通过上面的截取过程,我们得到了整体音乐的部分音乐为 了实现一些特殊效果,我们还可以根据需要对整段音乐的部分音乐进行声音效果 的编辑,不如添加回升混响淡入淡出效果等按照前面的方法,剪裁出要添加 音效的部分,执行【效果】|【回声】命令,弹出【Echo】(回声)对话框可以根 据需要,在该对话框中进行调试和试听,如图3.6所示 图 3.6 【Echo】回声对话框 3.2 剧本素材的收集 网上下载好矢量图片,在软件 Iullstrate 中,进行编辑,将剧本中所需要的 7 素材都单独保存起来这些素材主要包括剧中人物,公路,房子 8 4.MTV 的制作 4.1 背景音乐的导入 上节把选好的音乐导入到 Flash 中,这是一首 MP3 格式的音乐文件偏爱.mp3 4.1.1 音乐的导入 (!)创建音乐图层新建 Flash 文档,在【属性】面板中设置【背景】为蓝色 将【图层 1】重新命名为“音乐”,音乐“偏爱.mp3”将放置在该图层上 图 4.1 【库】面板中的音乐 图 4.2 选择音乐 (2)将音乐导入到 Flash 中执行【文件】|【导入】|【导入倒库】命令,弹 出【导入到库】对话框,在该对话框中选择要导入的声音“偏爱.mp3”,单击 【打开】按钮,将声音导入到【库】中,如图4.1所示 (3)将音乐文件导入到场景中,选择【音乐】图层的第一帧,在属性面板中打 开【声音】下拉菜单,选择刚导入的“偏爱.MP3” 2计算和查看音乐长度的方法 (1)直接计算音乐的长度要计算音乐的长度,首先应该知道音乐的播放时间, 选择【音乐】图层的第一帧,打开【属性】面板就可以看到相应的信息,如图4.3 所示 图 4.3 音乐文件的相关信息 图 4.4 延伸帧 9 在新建文件的时候,将动画的播放速度采用默认的设置,【帧频】为 12fps, 即每秒播放 12 帧通过上面的信息提示可以获得音乐文件“偏爱.mp3”的时间 为 97s,那么可以用计算的方法算出播放完整音乐所需要的帧数:12*97=1164选 择【音乐】图层的第 1164 帧,按 F5 键延伸,使音乐能在时间轴上播放完整,如图 4.5所示 图 4.5 查看音乐长度的帧数 4.1.2 流类型的音乐设置 FlashMTV 以音乐衬托画面,在制作 FlashMTV 的时候,非常重要的一点就是, 要音乐与歌词及我们所做的东湖是效果哦同步显示,这样才符合 MTV 最今本的要 求,这样要用到“流类型”的音乐设置 (1)选中【音乐】图层的第一帧,打开【属性】面板选中【同步】下拉菜单, 选择“数据流”,如图4.6所示 图 4.6 数据流属性面板 4.2 歌词与音乐的同步 (1)建立歌词标记图层单击【插入图层】按钮,新建【图层 2】,重新命名 为【歌词标记】图层,如图4.7所示 10 图 4.7 添加歌词标记图层 (2)定义第一句的帧注释标记拖动“播放头”到第一帧的位置,按 Enter 键,音 乐开始播放了当听到开始唱第一句歌词时,再按 Ente 键,音乐停止播放可以看 见,红色的播放头停止在第 250 帧处,选中【歌词标记】图层的第 250 帧,按键盘 上的 F6 键插入一个关键帧保持低 205 帧被选中状态,打开【属性】面板,在 【帧标签】中输入“第一句”三个字,再在下面的【标签类型】的下拉菜单选择 【注释】,如图4.8所示 图 4.8 输入帧标签 (3)完成其他歌词的帧注释标记第一句歌词起始位置的“帧注释”标记添加 完成后,再按 Enter 键,继续播放音乐用同样的方法,在所有歌词的起始位置加 上“帧注释”,直到整段歌词标记添加完毕所有的歌词标记加好一会从头再听 一遍,对于不够准确的真注释可以选中加上“注释”的关键帧,拖动到准尉的位 置上即可,加上帧“注释”以后,关键帧上出现两条绿色的小斜线和注释文字,效 果如图4.9所示: 图 4.9 定义帧注释标记 4.2.1 歌词的制作与设置同步的方法和步骤 (1)创建歌词图形元件执行【插入】|【新建元件】命令(快捷键 Ctrl+F8),新 建 【名称】为“歌词”的【图形】元件 (2)设置歌词文本属性进入“歌词 1”图形元件的编辑场景,选中【文本工 具】,在舞台上单击鼠标,打开【属性】面板,设置文本类型为“静态文本”,选 11 择字体为“黑体”字号大小为 16,字体颜色为白色,单击【加粗】按钮 (3)输入歌词内容并对齐在舞台上输入第一句歌词“ 歌词 ”单击【选 则工具】,选中舞台上的歌词文本,按快捷键 Ctrl+K,打开【对齐】面板 ,单击 【相对于舞台】按钮,再分别单击【垂直中齐】和【水平中齐】按钮,使歌词显 示在舞台中央处,如图4.10所示: 图 4.10 输入歌词和对齐歌词 以此类推,用同样的方法,依次制作出整首歌的歌词 (4)添加第一句歌词本,切换到场景 1,单击【插入图层】按钮,新建【图层 3】,重新命名为“歌词”把播放头定位到标记为“第一句”的帧,选中【歌词】 图层上与其相同的帧,按 F6 键插入一个关键帧将【库】中的“歌词 1”元件拖 放到舞台合适的位置如图 4.11 所示 图 4.11 第一句歌词的加入 (5)全部歌词同步的方法第一句歌词加好以后,拖动播放头到【歌词标记】 图层的“第二句”帧标记处,选中【歌词】图层上与其相同的帧,按 F6 键插入一 个关键帧这时,【舞台】上依然显示的是第一句歌词的内容单击舞台上的“歌 词 1”实例,打开【属性】面板,在【属性】面板的中间有个【交换】按钮,如图 4.12所示 12 图 4.12 【属性】面板中的【交换】按钮 单击【交换】按钮,打开【交换元件】对话框,可以看见,刚才做的所有的歌 词元件都在该对话框中,选中“歌词 2”,单击【确定】,如图4.13所示 图 4.13 【交换元件】对话框 单击【确定】按钮以后,【舞台】上原来的“歌词 1”已经被替换成“歌词 2”元件实例了,位置则与“歌词 1”相同 以此类推,用上面同样的方法依次将后面的歌词替换到舞台上整首歌的全 部歌词文本元件在几分钟内,就全部同步导入 整个歌词的制作过程全部完成,可以对效果进行测试了 4.3 动画设计制作 (1)新建 FLASH 文档 新建一个文件,在文档属性中,将尺寸设为 550*400 像素,单位为像素,背 景颜色设置为白色,并将帧频设置为 12.0fps. 13 图 4.14 黑边的制作 (2)拖出长条形黑色矩形 制作影片黑色边框,由于采用的是影片的形式来制作动画,所以需要先 做个影片边框在“图层 2”上,使用工具栏中的矩形工具并将填充色 设制为黑色拖动出一个长条形的黑色矩形大小为 550*15 像素如图4.15 所示 图 4.15 制作影片黑色边框 (3)MTV 标志的制作 然后使用文本工具,在黑色矩形中单击,输入“MTV”然后单击属性 面板将文字进行调整,MTV 标志即制作完成了如图4.16所示 14 图 4.16 元件“黑边”的制作 (4)创建 “偏爱”图层,在创建边框花纹长出绿叶 在舞台“偏爱”图层第一帧输入:偏爱,分别把偏爱放在两边:偏(X:- 98,Y:164.9)爱(X:641.8,Y:164.9)文字向中间的方向慢慢靠近如图4.17 所示 图 4.17 文字向中间移动 (5)“偏爱”文字移动动画元件 在第 25 帧处按 F6 键插入关键帧,将 X 和 Y 的坐标值设为 100 和-128 然后在时间轴两帧中间鼠标右击创建补间动画这样标题动画就完成了如 图4.18所示 图 4.18 标题动画的移动 15 (6)制作 “边框”影片剪切元件 首先在“场景 1”中插入一个新层,命名为“边框”,在第 30 帧处插入 关键帧,将图片“边框”拖入其中转换为影片剪辑元件如图4.19所示 图 4.19 边框慢慢延伸动画 接下来插入一个“引导层”,并在第 31 帧处插入关键帧使用铅笔工具 在边框上边化除绿叶的一部分,如图4.20所示 图 4.20 绿叶慢慢生长移动动画的制作 图 4.21 绿叶慢慢生长移动动画的制作 (7)把“偏爱”和“边框”影片剪辑元件放到舞台 首先单击“舞台”的第 1 帧,拖动“边框”到舞台新建的边框图层的 31 帧 处在 30 帧处标出“偏爱”文字的 X/Y 位置如图4.22所示 16 图 4.22 星星围绕手机移动动画的制作 (8)制作男女主角的图形元件 按 ctrl+F8 键创建一个新的图形元件,命名为女主角,把制作好的位图导入 到【库】文件,然后拖入到舞台中,分离打散位图文件,点击魔术棒,然后单击打 散的文件空白处按“Delete”键删除多余的空白处这样元件就制作好了如图 4.23/4.24 所示(男主角同上) 图 4.23 男主角 图 4.24 女主角 (9)制作过程中,人物的运动是用动画补间来完成,人物对话是插入关键帧 背景只是一个普通帧,根据场景的变换,切换成不同的背景,切换的实现也是采取 关键帧的方法在 MTV 动画的最后,男主角出车祸流血画面是运用了形状补间动 画来实现 至此,整个 MTV 动画制作完成 17 5.动画测试 5.1 动画测试 5.1.1 测试的目的 (1)发现错误 (2)解决错误 (3)有效定义和实现软件成分由低层到高层过程 (4)验证软件是否满足任务书和技术要求 5.1.2 动画通过的测试发现的问题 (1)在制作男主角出车祸流血的场面,影片导出时,无法实现男主角流血的形状 补间动画 (2)返回到场景中,寻找问题 返回到场景中,找到男主角出车祸场面,反复斟酌“流血”图层,发现是由于 元件在做补间动画过程中没有分离打散,以至于无法实现流血的动画效果 5.2 解决测试发现的问题 (1)重新编辑,创建形状补间动画 选中“流血”元件,单击“修改”|“分 离”,将元件打散,在后面几帧处插入关键帧,将元件做形状变形,最后做形状补 间动画,完成后测试问题得到了解决 (2)重新测试,补间动画的效果图和预期想象的一样了,影片测试成功了了 5.3 测试结论 导致这样一问题的,因为自己粗心没有在关键处打散分离软件,在以后的 制作当中应当,做完一个动画应锁定相关图层,以免导致类似的问题. 18 设计总结 通过此次的毕业设计,使我对自己所学专业有了更深一层次的提高,并且有 了一些切身的体会光有计算机理论的知识是不行的,还得有更丰富的实践经验, 也就是多动手多动脑而这次的动画设计就提供了一次非常好的实践操作的机 会,使我对动画设计 00 有了一定的了解 此次收获最大要具有一颗细心的心,激情的态度,且持之有恒,并且耐得住寂 寞在制作过程中要敢于尝试,发现问题,解决问题 制作一个简单的动画,不仅仅只是学会 Flash 这一个软件就可以的,需要我 们有更广泛的音乐美术功底音乐方面主要是找素材美术方面:在制作的过程 中,我体会到了无论是广告设计还是动画的制作都离不开美术这门学科,因为我 的美术没有什么功底,所以我就简简单单的画了男女主人公在与欣赏时影响审 美观的时候希望老师能够谅解如果以后我要从事动画和广告的设计方面的工作 我会美术这方面加强学习因为在设计的过程中有好多需要没有的图片,所以我 就从网上下载了,感觉无论网上的再好那都是别人的思想,所以在制作的过程中 有的不合主题的图片希望老师多多谅解 整个制作过程中我深深体会到,不能急于求成,一来就马上编程,应该多做分 析和研究,理清思路前一阶段的工作的好坏将直接影响后一阶段工作的开展多 学习多请教,更多新的技术不断的涌现,可以通过请教别人或者多上网学习别人 的制作方法,可以转变成你的知识,才能做的更好这些经验是相当宝贵的,为我 们以后能够编出更好的程序是一个良好的启发 限于我的技术水平有限这次的课程设计论文和编程软件的错误和不当之处 在所难免,还得请老师多多指教!在这次的课程设计中虽然学会了很多,也感到自 身知识的贫乏,希望在日后的努力学习中把它做成更完善的系统,并能做其他完 善的系统