1、毕业设计FLASH 设计姓 名:学 号:入学时间:分 校:目录flash 动画愿望 .3【摘要】： .3【关键词】 .3【Abstrcact】 3【keyword】 4第一部分：介绍 flash .41.1 flash 的简介： .41.2 flash 的发展： .51.2.1 flash 的版本： .51.2.2 flash 的历史： .6第二部分：设计方案 .92.1 设计的前期准备 .92.2 剧本的内容： .92.3 设计的人物造型： .92.3.1 熊猫的正面设计 .92.3.2 熊猫的背面设计 102.3.3 熊猫的表情设计 102.4 音乐的编辑： 112.4.1 GoldWav
2、e 软件的简介： .122.4.2 GoldWave 的编辑： .12第三部分：flash 动画的制作： 133.1 flash 的制作： 133.1.2 flash 的制作步骤 13第四部分：完成的效果赏析： 15第五部分：总结 18第六部分：附录 193作业评价及审核 20flash 动画 愿望【摘要】：Flash 动画设计的三大基本功能是整个 Flash 动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自 Flash 诞生以来就存在。绘图和编辑图形不但是创作 Flash 动画的基本功，也是进行多媒体创作的基本功。只有
3、基本功扎实，才能在以后的学习和创作道路上一帆风顺。使用 Flash Professional 8 绘图和编辑图形这是 Flash动画创作的三大基本功的第一位。在绘图的过程中要学习怎样使用元件来组织图形元素，这也是Flash 动画的一个巨大特点。补间动画是整个 Flash 动画设计的核心，也是 Flash 动画的最大优点，它有动画补间和形状补间两种形式。学习 Flash 动画设计，最主要的就是学习“补间动画”设计。在应用影片剪辑元件和图形元件创作动画时，有一些细微的差别，应该完整把握这些细微的差别。还有补间动画的帧，启动画的主要作用，只有使用帧才能使动画更完美。遮罩是 Flash 动画创作中所不
4、可缺少的这是 Flash 动画设计三大基本功能中重要的出彩点。使用遮罩配合补间动画，更可以创建更多丰富多彩的动画效果。遮罩的原理非常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来，可以创建千变万化的形式。Flash 动画说到底就是“遮罩+补间动画+逐帧动画”与元件的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。【关键词】flash8 发展史 功能 GoldWave flash 动画【Abstrcact】Flash animation design of the three basic functions of the Flash animation of
5、knowledge of the most important and most basic, including: drawing and editing graphics, animation and tween the mask. This is the logic function of three closely linked, and these three functions has existed since the birth of Flash. Drawing and editing graphics creation Flash animation not only ba
6、sic skills, but also basic skills for multimedia creation. Only a firmer foundation to learning and creativity in the future on the road smooth. Use Flash Professional 8 drawing and editing graphics - This is the Flash animation of the three basic skills first. In the drawing process, we need to lea
7、rn how to use components to organize the graphic elements, and this is a great feature Flash animation. Tween animation is the heart of the Flash animation, Flash animation is the greatest advantage, it has animation and shape tween between the two forms of complement. Learning Flash animation, the
8、most important is to learn “tween“ design. Movie clip in the application of component elements and create animated graphics, there are some minor differences, should be complete grasp these nuances. There tween animation frames, start painting the main role, and only use the frame to make the animat
9、ion more perfect. Flash animation creation mask is essential - this is the basic functions of Flash animation three important points out the color. Tween using the mask with the more you can create more colorful animation. The principle is very simple mask, but to achieve a variety of ways, in parti
10、cular, and tween animation and video clip components together, you can create ever-changing forms. Flash animation in the final analysis is the “mask + + motion tween animation frame by frame“ and the components of the mixture, different combinations of these elements, which can create ever-changing
11、 results.【keyword】flash8 to expand use GoldWave flash animation 第一部分：介绍 flash1.1 flash 的简介：图 1-1 Flash 8.0 商 标5flash 是 Macromedia 公司的一个的网页交互动画制作工具。 我们可以从 Macromedia 公司的主页上下载 flash 的试用版。与 gif 和 jpg 不同，用 flash 制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用 flash 制作的文件很小，这样便于在互联网上传输，而且它采用了流技术，只要下载一部分，就能欣赏动画，而且能一边播放一
12、边传输送数据。 交互性更是 flash 动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使 flash 日益成为网络多媒体的主流。自从 Macromedia 在 2005 年 8 月发布 Macromedia Studio 8 以来，我们一直在不停地探索关于它的新特性和新功能，因为这次软件升级给我们带来了太多的惊喜，不是 MX 版本升级到MX2004 时的那么简单，而是实现了新的飞跃。 Flash 8 的界面没有太大的改变，只是在以前的属性面板右侧增加了两个新的选项“参数”和“滤镜”，另外在属性面板中还增加了一个“设备”设置选项， 需要说明的是，“设备”设置功能
13、在 Flash Player 环境中不能使用，需要 Flash Lite 1.0 或 Flash Lite 1.1 的支持才可以。1.2 flash 的发展：1.2.1 flash 的版本：FutureSplash Animator (1995) - Flash 的前身,由简单的工具和时间线组成 Macromedia Flash 1 (1996-11) - Macromedia 给 FutureSplash Animator 更名后为 Flash 的第一个版本 Macromedia Flash 2 (1997-6) - 引入库的概念 Macromedia Flash 3 (1998-5-31)
14、 - 影片剪辑,Javascript 插件,透明度和独立播放器 Macromedia Flash 4 (1999-6-15) - 变量,文本输入框,增强的 Actionscript,流媒体 MP3 Macromedia Flash 5 (2000-8-24) - Javascript, 智能剪辑, HTML 文本格式 Macromedia Flash MX (2002-3-15) - Unicode,组件,XML,流媒体视频编码 Macromedia Flash MX 2004 (2003-9-10) - 文本抗锯齿 ,Actionscript 2.0,增强的流媒体视频,行为 Macromed
15、ia Flash MX 2004 Pro (2003-9-10) - 包括所有 Flash MX 2004 的特性,加上 Web Services, ActionScript 2.0 的面向对象编程,媒体播放组件 Macromedia Flash 8 (2005-9-13) Macromedia Flash 8 Pro (2005-9-13) 增强为移动设备开发的功能,方便创建 Flash Web,增强的网络视频 .2005 年 12 月 5 日, Macromedia 被 Adobe 公司以 34 亿美元的天价收购，其旗下的网页三剑客也归属到 Adobe 旗下。 Adobe Flash CS
16、3 Professional （2007）推出符合 OOP 的 ，新的 AS3.0 对 XML 的支持达到了100%。 Adobe Flash CS3 （2007-12-14 ）Adobe 公司收购 Macromedia 公司后，首次推出的版本，最新的 as3.0 编程语言替换原来的 as2.0 编程语言。Adobe Flash CS4 （2008-12） Adobe Flash CS5 是目前 Flash 的最新版本1.2.2 flash 的历史：Flash 最早期的版本称为 Future Splash Animator，当时 Future Splash Animator 最大的两个用户是微
17、软（Microsoft ）和迪斯尼（ Disney）。1996 年 11 月，Future Splash Animator 卖给了 MM（同时改名为 Flash1.0 ）。这里不得不提到的人物是乔纳森 盖伊(Jonathan Gay)，是他和他的六人小组首先创造了 Future Splash Animator，也就是现在 Flash 的真正前身了。 Macromedia 公司在 1997 年 6 月推出了 Flash 2.0 ，引入库的概念 。1998 年 5 月 31 日推出了Flash3.0，支持影片剪辑，Javascript 插件，透明度和独立播放器。但是这些早期版本的 Flash 所使
18、用的都是 Shockwave 播放器。 1999 年 6 月 15 日，Flash 进入 4.0 。支持变量，文本输入框，增强的 Actionscript，流媒体MP3。原来所使用的 Shockwave 播放器便仅供 Director 使用。Flash 4.0 开始有了自己专用的播放器，称为“Flash Player”，但是为了保持向下相容性，Flash 仍然沿用了原有的扩展名：.SWF（Shockwave Flash）。1.2.2.1 Marcromedia Flash 52000 年 8 月 24 日，Macromedia 推出了 Flash5.0 ，它所支持的播放器为 Flash Pla
19、yer 5。Flash 5.0 中的 ActionScript 已有了长足的进步，并且开始了对 XML，Java ，Smart Clip（智能影片剪辑），HTML 文本格式的支持。ActionScript 的语法已经开始定位为发展成为一种完整的面向对象的语言，7并且遵循 ECMAScript 的标准，就像 javascript 那样。1.2.2.2 FlashMX2002 年 3 月 Macromedia 推出了 Flash MX 支持的播放器为 Flash Player 6。Flash 6 开始了对外部jpg 和 MP3 调入的支持，同时也增加了更多的内建对象，提供了对 HTML 文本更精确
20、的控制，并引如 SetInterval 超频帧的概念。同时也改进了 swf 文件的压缩技术。那么，“MX ”究竟是什么意思呢？到目前为止，还没有一个官方的证实，如果一定要认为是某个单词的缩写，那么可以把 Macromedia Experience 作为最好的答案。最权威答案来自 Macromedia Designer & Developer Center（Macromedia设计师和开发者中心）负责人的说法： 1、所有的产品都搭载上 MX 绰号，是因为它们都是一个完整产品家族的一部分，而且，我们相信通过整套前台和后台综合的产品，可以让用户更高效得完成各种复杂项目。 2、比起仅仅从版本号升级，例
21、如 Flash 由 5 升级到 6，用 MX 标签可以体现更重要的升级，看起来用户好像得到了全新的产品，从 5 到了 MX。 3、MX 意味着 Macromedia 以此尝试一些新的事物，就我的观点来看，Flash MX 不仅仅是一次革命性的升级，还是 Macromedia 一个重大演变的一部分。我不能说得太多，因为 Flash MX 仅仅是一个开始，接下来的几个月中会更有体现。 虽然他依旧没有回答 MX 到底是什么意思，而最后一句“MX 意味着 Macromedia 以此尝试一些新的事物”，暴露出 Macromedia Experience 的意思，也就有理由猜测，MX 可能是 Macrom
22、edia X 的意思，即 Macromedia 的未来之路，Macromedia 正试图展开一次全新的革命。Marcromedia Flash MX 20041.2.2.3 FlashMX20042003 年 8 月 Macromedia 推出了 Flash MX 2004，其播放器的版本被命名为 Flash Player 7。Flash MX 2004 增加了许多新的功能:A、对移动设备和手机、Pocket PC 的支持（以及像素字体的清晰显示）；B、Flash Player 运行时性能提高了 2 至 5 倍； C、对 HTML 文本中内嵌图像和 swf（swf 中的独立 swf）的支持；
23、D、FLV 外部视频的支持（与 QuickTime 的集成）； E、对 Adobe PDF 及其它文档的支持； F、基于屏幕的可视开发环境； G、可视编程环境； H、高级可控制外观组件支持； I、数据绑定； J、Web 服务和 XML 的预建数据连接器； K、项目管理功能； L、源代码控制系统； M、其它 同时开始了对 Flash 本身制作软件的控制和插件开放 JSFL（Macromedia Flash javascript API），Macromedia 无疑在开始调动 Internet 上 Flasher 们的巨大力量和集体智慧。1.2.2.4Marcromedia Flash 82005
24、 年 10 月，Macromedia 推出了 Flash 8.0，增强了对视频支持。可以打包成 Flash 视频(即*.flv 文件 )；改进了动作脚本面板。Adobe Flash CS 32005 年 Adobe 耗资 34 亿美元并购 Macromedia 从此，Flash 便冠上了 Adobe 的名头，不久推出了以 Adobe 的名义推出 Flash 产品，名为 Adobe Flash CS3（同时也发布了多款捆绑套装）Adobe Flash CS 42008 年底推出了 Adobe Creative Suite 4 Master Collection 套装（简称 Adobe CS4）中
25、，含有最新版的 Flash CS 4Adobe Flash CS 5最近又推出了最新版本 Adobe CS5 其功能有六大特点： XFL 格式(Flash 专业版)、文本布局(Flash 专业版)、代码片段库( Flash 专业版)、与 Flash Builder 完美集成、与 Flash Catalyst 完美集成、Flash Player 10.1 无处不在。9第二部分：设计方案2.1 设计的前期准备：在本设计中，利用了 Macromedia flash 的 动 画 技 术 设 计 了 一 个 我 自 己 比 较 喜 欢 的 一 个 冷 笑 话 愿 望 。 通 过 我 自 己 对 这 个
26、冷 笑 话 的 理 解 写 出 了 这 个 剧 目 的 剧 本 愿 望 ， 通 过 了 自 己 的 现象 绘 制 出 了 这 个 动 画 的 主 人 公 造 型 等 等 。2.2 剧本的内容：这个动画的故事内容是一个很幼稚的冷笑话，故事的主人公是一只熊猫，有一天从天上掉下来了一个十字架，小熊猫将这个十字架带回了家。对着他许了一个愿望。希望自己的黑眼圈可以去掉。这个动画从选题到构思，都是我一个人完成的。这个 flash 一共有 25 个图层，这个小动画总共只有 37 秒左右。2.3 设计的人物造型：这个熊猫的造型我一个创建了 17 个元件，其中 16 个是图形元件，1 个是影片剪辑元件。而背景我
27、是使用网上的素材一个 4 个位图。2.3.1 熊猫的正面设计：图 2-3-1 效果图 1这个是熊猫的正面造型，他的手臂、眼睛还有耳朵的部分都是单独的原件。 到了制作动画的时候，我会通过时间轴的添加帧使用逐帧动画将它进行编辑。2.3.2 熊猫的背面设计：图 2-3-2 效果图 2这个是我设计熊猫人物的背面如图 2-3-2，我是使用绘图工具进行绘制的，同样的它的耳朵和尾巴都是两个单独的原件，在制作动画时再加入，使用逐帧动画进行编辑。2.3.3 熊猫的表情设计：图 2-3-3-1 效果图 3这个人物是比较偏向于可爱的风格。是在 flash 中使用绘画工具绘制的。先将这个眼睛的部分单独使用绘图工具画好
28、后，将其转变成图形元件在制作动画的时候再倒入到其中11图 2-3-3-2 效果图 4这个熊猫的眼睛我是自己制作的影片剪辑。在菜单中的插入中的新建元件添加元件在谈出的对话框中，选择影片剪辑在场景中绘制眼球的运动。在第一帧中绘制小球，在几帧后再添加一个关键帧以一个直线为路径改变小球的位置，在两帧中间选择创建补间动画 ，在动作面板中的属性面板的补间动画中选择动画补间，就制作完成了一个小球的补间动画。图 2-3-3-3 效果图 5如图 2-3-5 都是熊猫的面部动作是图形元件，都是在动画制作时添加，制作出说话的动作的。2.4 音乐的编辑：这个动画的音乐我总共使用了 8 个音效，其中有 7 个是网上找到
29、的音效，而大主题的音乐我是使用的 f(x)的 thrill love 这个音乐，但是我要的不是这个效果使用我使用了一个音乐编辑的软件GoldWave。得到我想要的音乐命名为 77.2.4.1 GoldWave 软件的简介：启动 GoldWave 之后，就可以看到如下图所示的操作界面，操作界面中具有菜单栏和工具条方便使用，Device Controls 控制面板是在声音的录制播放时使用的，用于控制播放、录制、起和停等。图 2-4-1 效果图 6GoldWave 是一个功能强大的数字音乐编辑器，使用它可以对音频进行播放、录制、编辑及转换格式等处理。GoldWave 有以下的几个特性：1.界面间单，
30、操作简便；2.多文档界面，可以同时打开多个文件，简化了文件之间的操作；3.GoldWave 允许使用很多种声音效果，例如：倒转(Invert)、回音(Echo)、摇动、边缘(Flange)、动态(dynamic)、时间限制、增强(strong)和扭曲(warp)等；精密的过滤器（如降噪器和突变过滤器）可帮助修复声音文件；4.批转换命令可以把一组声音文件转换为不同的格式和类型；5.CD 音乐提取工具可以将 CD 音乐拷贝为一个声音文件。为了缩小尺寸，也可以把 CD 音乐直接提取出来并存为 MP3 格式；2.4.2 GoldWave 的编辑： 1.先打开 GoldWave 这个软件，将 f(x)的
31、 thrill love 的这个音乐导入。132.点击菜单栏的效果工具图 2-4-2 效果图 73.在效果中选择播放速度4.调试弹出对话框中的小方块5.得到的效果是音乐比原先的音乐播放得快些6.我又在工作面板中将音乐截取7.最后得到了一个 36 秒的音乐，我将其导出命名为 77. 第三部分：flash 动画的制作：3.1 flash 的制作：这个动画我总共制作了 437 帧，每秒 12 帧的帧速，这个动画的时间长度为 36.3 秒。而这个动画我一共使用了 25 个图层，而在库中一共有 29 个素材，其中有 8 个声音原素、4 个位图、16 个图形元件、还有 1 个影片剪辑。3.1.2 flas
32、h 的制作步骤 ：1 打开 flash 8 的软件，将所需要的 29 个素材导入的库的面板中。2 将位图背景 1 导入到舞台中，调整其大小。作为开始的字母背景。3 添加图层，使用文字键插入数字，每个数字插入 2 个关键帧，在两帧间使用动作面板的动画补间，制作倒计时动画片头，共做了 5 到 1 到倒计时。4 添加图层，再次使用文字建立题目“愿望” ，运用补间动画使其做一个从上到下的运动。5 在题目出现后的时间轴上加个图层，使用原件小球，制作一个小球运动的动画补间运动的动画，使动画更具趣味。6 添加图层，在第 1 帧开始，添加关键帧，使用文字工具制作我的名字，每隔 4 帧添加一个关键帧，改变我名字
33、中一个字的位置，对我的名字做了一个特性。这个前景总帧数是 62 帧，有 5.1s。7 添加图层，在第 63 帧添加一个关键帧，导入一个位图背景 3。开始制作第一幕，场景的变化，我将图放大到我要的效果，在第 67 帧中添加关键帧，将背景 3 缩小了一点，在第 71 帧中将图的位置向下改变一点，在 75 帧时将图缩小到背景的大小，这一幕就做好了8 添加图层，在第 82 帧中添加关键帧，导入位图背景 2.这一帧延续到 201 帧处。9 添加图层，在第 82 帧处加入熊猫的正面，也是从 82 帧开始运用手脚、表情的原件，改变这些元件的位置，做成逐帧动画，使熊猫做了一个跳舞的运动。10 加个图层，在第
34、160 帧中添加关键帧，导入十字架，将十字架放在上方，在第 166 添加关键帧，将十字架的位置改变的下方的位置，创建一个补间动画。在第 186、201 帧 中添加关键帧，让十字架的大小位置改变，从小变大，创建一个补间动画。11 添加图层，在第 166 帧中开始，导入对话。12 添加图层，在第 202 帧中导入第三幕位图背景 4、十字架图形，这一帧一直延续到 437 帧。13 添加图层，在第 202 帧中导入熊猫侧面这一帧同样延续到 437 帧中。但是，在这个图层中，我添加了大量的帧，导入了熊猫说话的嘴巴，做了许多的效果，使熊猫看起来像是说话了一样。14 使用逐帧动画，导入熊猫嘴巴的动画原件，让
35、熊猫有一个说话的动作。15 导入熊猫的对话文字。16 更具自己的需要音效效果，导入音乐素材。第四部分：完成的效果赏析：1517图 4-1 效果图 8第五部分：总结通过这次的学习，我更加的了解到了 flash 的意义，也深深的体会到，每一个 flash 动画制作的过程，以前的我常常觉得为什么动画片的时间都很短，想电视剧一般都有四十几分，而 flash 动画的时间很短。一个动画的制作是要通过一个团队的制作，经过多人的制作而成的，要通过团体的努力的。19第六部分：附录作业评价及审核指导教师意见及成绩评定：指导教师签名:成绩：_ 年 月 日此处成绩折合为等级制：分值 等级90-100 优80-89 良70-79 中60-69 及格0- 59 不及格分校审核意见：分 校 签 章年 月 日市校意见及成绩认定：成绩：_ 年 月 日
