1、 1 1 目录目录 一、设计任务说明一、设计任务说明. 2 二、需求分析二、需求分析 2 三、详细设计三、详细设计 3 1 进度条的使用和实现方法.3 2、第一场景 4 3 第三场景 . 4 4 第四场景 . 5 5、第五场景 6 6 第六场景 . 6 四、测试分析四、测试分析 7 五、总结五、总结 8 2 2 一、设计任务说明 随着科学技术的不断进步,计算机科学日渐成熟,其强大的功能已为人们深 刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。作为计算机 应用的一个重要部分, Flash 是美国 Macromedia 公司所设计的一种矢量图形编辑和动画创作 专业软件。它是一种兼具多
2、种功能及操作简易的多媒体创意工具,主要应 用于网页设计和多媒体创作等领域。通常,使用 Flash 创作的各个内容单 元称为应用程序,即使它们可能只是很简单的动画,您也可以通过添加图 片、声音、视频和特殊效果,构建包含丰富媒体的 Flash 应用程序。与位 图图形相比,矢量图形需要的内存和存储空间要小很多,因为它们是以数 学公式而不是大型数据集来表示的,位图图形之所以更大,是因为图像中 的每个像素都需要一组单独的数据来表示,所以 Flash 的文件非常小,可 以适用于创建通过 Internet 提供的内容。 Flash 通常包括 Macromedia Flash 和 Macromedia Fla
3、sh Player, Macromedia Flash 用于设计和编辑 Flash 文档, 而 Macromedia Flash Player 则是用于播放 Flash 文档。 通过设计达到熟练掌握Flash软件制作的方法以及Flash动画实现的方法和 效果; 基本掌握 Flash 动画的基本思路和方法; 能够利用所学的基本知识和技能, 进行简单的 Flash 动画设计。 根据题目的要求,给出解决问题的方案,通过分析问题、分解问题来解决问 题,最终达到熟练掌握运用 Flashcs4 软件和 Phoposhopcs4 二、二、需求需求分析分析 Flash 动画实现的具体要求在各个场景的切换、动画
4、效果的实现、特效的 使用、以及简单脚本的使用,收集动画所用素材、背景图片、动画实现的整体效 果,将其组成简单有序的动画 本 Flash 动画需要完成的基本功能有: 3 3 1、进度条和开始按钮的使用 2、补间和效果的实现方法 3、Flash 特效的使用 4、js 脚本的使用 5、交互按钮的使用 6、*.Fla 动画*.swf 文件的发布 三、三、详细设计详细设计 1 1 进度条的使用和实现方进度条的使用和实现方法法 1.1 进度条使用了 Flash 中的传统补动画和形状补间动画以及简单脚本 图 3-1-1 进度条 1.2 Play 按钮代码的实现 图 3-1-2 play 按钮 1.3 用代码
5、实现进度条的加载方式方法 4 4 图 3-1-3 度条的加载方式 2 2、第一场景、第一场景 图 3-2-1 第一场景 此场景使用了图片素材和矢量图形 使用了逐帧动画、传统补间动画、图片位移、蒙太奇中拉镜头等等 3 3 第三场景第三场景 3.1 图片素材的导入 图 3-3-1 素材 5 5 3.2 建立通告的引导层,画出通告被北风吹到地面的引导层,设置其时长。建立 引导层和被引导层,把引导线作为引导层通告作为被引导层。插入传统补间实现 动画效果 图 3-3-2 引导层 3.3 在合适的时间轴上插入小新心中所疑问的文字的帧。 图 3-3-3 文字层 4 4 第四场景第四场景 4.1 海报的放大与
6、缩小以及钱的发光,动画所用的时长。把海报进行放大缩小的 形状补间效果。把钱进行传统补间和透明度的设置效果。从而实现闪闪发光的效 果。 6 6 图 3-4-1 场景四 5 5、第五场景第五场景 5.1 建立小新追车的传统补间动画和形状补间动画,背景图片的位移。 图 图 3-5-1 场景五 6 6 第六场景第六场景 6.1 建立背景图层导入装饰素材。 7 7 图 3-6-1 素材 6.2 建立电视机冒烟的引导层动画,引导线。建立引导层和被引导层,把引导线 作为引导层烟作为被引导层,插入传统补间实现动画效果。 图 3-6-2 引导层 四、测试分析四、测试分析 在此次 Flash 公益广告测试中我遇到了很多问题有的是简单错误也有的是 比较复杂的错误。 例如:进度条代码的写入开始写入一直提示错误无法播放,我耐心的一步步 寻找错误的所在但还是费了很长的时间才解决, 在解决的过程中我的指导老师一 直在帮助我发现问题和解决问题当然还有同学们的帮助最后我顺利的进入开始 阶段的制作。 8 8 例如:第三场景中的钱的发光特效开始总是不知道那种效果是如何实现的, 还在网