1、小型管理系统设计 综合实训技术报告 课题名称 Flash 动画设计与制作实训 系/专 业 班 级 学 号 学生姓名 指导教师： 2014 年 6 月 6 日 摘要 随着网络技术的迅速发展和网页、网站技术的日益深入，互联 网的世界也越来越丰富多彩。不论是游戏、广告还是 MV，绝大多数 都采用了 Flash 技术。 本次实训主要是利用 flash 软件做交互式电子展示系统的设计 与开发。以下讲的是我们组制作的交互式日历。 我们制作此交互式日历为的是改变大家对传统日历的看法，现 在电子技术十分发达，不再仅限于实物上的日历，因此我们将用 Flash 软件来制作交互式日历。在制作的过程中，充分发挥了组员
2、 的能动性，每个成员分配了两个月份，各自在 Flash 软件中制作元 件，将原本只是平面图的日历，用动画的形式展现了出来，细数组 员运用了遮罩、引导层、辉光、百叶窗、翻页等等效果。在最后的 合成元件的时候，又加入了向后翻、向前翻、控制音乐按钮等效果， 使得我们做的作品内容更加丰富。 本交互式日历的特点是：每个月份都制作了它特有的效果，结 合我们的作品构思，我们还加入了自己的照片，这是一本交互式日 历，更是一本纪念我们青春友谊的日历！ 目录 1.1 编写目的 .6 1.2 背景 .6 1.3 定义 .6 1.4 任务概述 .7 1.4.1 小组成员 .7 1.4.2 小组成员的分工 .7 1.4
3、.3 作品元件大小的规定 .7 1.5 向前翻页 .7 1.5.1 向前翻页的制作步骤 .7 1.5.2 向前翻页的注意事项 .12 1.6 向后翻页 .17 1.7 音乐按钮 1.7.1 音乐按钮的制作过程 1.8 作品效果、特效 1.8.1 立体字的制作 1.8.2 遮罩的效果 1.8.3 引导层的效果 1.9 我们作品的特点、优势 Flash 动画设计与制作实训 1.1 编写目的 通过本次 Flash 的实训，我们按时完成了自己的作品。在结合我们制作的理念：当下 人们对生活中的日历并不是很在意，因此我们从日历出发，通过发达的计算机技术来制作 交互式电子日历，打破了传统的实物日历的局限性。
4、运用更多的效果来丰富作品，结构合 理。为了记录作品的来源，特此编写。 1.2 背景 本实训作品是用 Flash 4 软件制作的，在以前学习 Flash 4 的基础上又加入了交互式 功能，能够实现自动播放和向前翻页、向后翻页。 1.3 定义 Flash CS4 Professional 不是目前 Flash 的最新版本(最新版本于 2008 年 9 月发布) , 目前最新版本为 Adobe Flash CS6 Professional，于 2012 年 4 月 26 日发布。 使用全新的动画编辑器体验对关键帧参数的细致控制, 这些参数包括旋转、大小、缩 放、位置和滤镜等。使用图形显示以全面控制轻
5、松实现调整。 Flash CS4 动画中包含矢量图，声音，图片，片段，字体，文本，脚本等复杂元素， 利用 FLASH 反编译工具 来解析 FLASH，反编译获得 FLA 文件中的资源并直接应用。 借助 Adobe Media Encoder 编码为 Adobe Flash Player 运行时可以识别的任何格式, 其它 Adobe 视频产品也提供这个工具, 新 Flash CS4 新增了 H.264 支持。 借助发布到 Adobe AIR2 运行时的全新集成功能, 实现交互式桌面体验。面向跨更 多设备 - Web、移动和桌面的更多用户。 1.4 任务概述 1.4.1 任务成员 经过班级讨论、同
6、学商量后，我们成立了自己的小组。我们的组员有： 1.4.2 小组成员的分工 经过组员讨论，我们确定了以下几个内容： 确定本组的实训作品主题是：风景日历 分配好各自制作的月份：a、一、二月: b、三、四月份： c、五、六月份： d、七、 八月份： e、九、十月份： f、十一、十二月份： 另外每个人完成各自制作的封面、交互式按钮、最后整合，择优选择 1.4.3 作品元件大小的规定 规定每个人制作的原件大小：400*300PX 1.5 向前翻页 1.5.1 向前翻页的步骤 拖动按钮元件到舞台，在第一帧按 F9时间轴双击 stop，在后一帧选中按钮的同时 点击行为影片剪辑转到帧 或标签并在该处播放选中
7、 root改变帧数（后 面以 30 帧为一轮，以次类推） 代码如下： on(release) var id; var frameStart=30; var frameEnd=1; _parent.gotoAndStop(frameStart); _parent.onEnterFrame=function() if(_parent._currentframe=frameEnd) _parent.prevFrame(); else delete _parent.onEnterFrame; 1.5.2 向前翻页的注意事项 1.6 向后翻页 1.6.1 向后翻页的步骤 1、新建图层 2、从库中把元件拖
8、到舞台，根据背景确定位置，按 Q 键将控制点拖到图片左端中心位 置右击创建补间动画到第 30 帧（30 帧一个翻页） 3、第 30 帧选中图片变形垂直倾斜-180 度 4、为保证翻页时下面不是空白在每个月份的图层下面拖下一个月份的普通帧。 使之可以控制翻转： 拖动按钮元件到舞台，在第一帧按 F9时间轴双击 stop，在后一帧选中按钮的同时 点击行为影片剪辑转到帧 或标签并在该处播放选中 root改变帧数（后 面以 30 帧为一轮，以次类推） 1.7 音乐按钮 1.7.1 音乐按钮的制作过程 声音做在影片剪辑里，选中影片剪辑的第一帧，打开属性，选择音乐，再将同步那里 设置为“数据流” ，然后将帧
9、延长到音乐（波形）结束。回到场景后单独新建一个图层，再 从库中拖出声音的影片剪辑，命名为“sy”(属性实例名称)，然后加入两个按钮，分别 设置动作： 播放：on(release)sy.play(); 暂停：on(release)sy.stop(); 1.8 效果、特效 1.8.1 立体字的制作 （1）新建一个图层，把这个图层命名为“背景” 。为背景添加填充效果。 （2）再新建一个图层，把这个图层命名为“文字 1”。选用文字工具，在场景中写 “风景日历” ，字体颜色为白色。 （3）再新建一个图层，把这个图层命名为“文字 2”。选用文字工具，在场景中写 “风景日历”,字体颜色为黄色。 （4）再新建
10、一个图层，把这个图层命名为“遮罩层” 。选用矩形工具，在“文字 2” 这个图层中把矩形画在“风景日历”前面，然后为“背景”层， “文字 1”层， “文字 2”层， “遮罩层”都插入关键帧。 （5）在遮罩层按鼠标右键，创建补间形状。把鼠标放到遮罩层的最后一帧，选用任意 变形工具，把矩形拉大能够遮住文字。 （6）在“文字 2”层单击鼠标右键，选“遮罩层” 。然后运行一下，文字效果就做成 了。 1.8.2 遮罩的效果 1 创建文件,执行.修改.文档.,背景色改蓝色 2 用文本工具工作区输入想要文字 3 执行插入,新建文件,添加元件, 4 单击工具箱椭圆工具,其充色白色,线条设无色,绘画区绘制小圆 5
11、 单击左上角场景按钮,图层上方建图层 6 图层上单击鼠标右键,选择遮罩层 7 图层单击小锁图标,大开锁定图层 8 执行窗口,库,把小圆从库拖入文字前面 9 分别建两图层第祯单击鼠标右键,选择创建补间动画,两层 25 祯处插入关键祯,把小 球移文字面 10 按下 ctrl+enter 看遮罩效 1.8.3 引导层的效果 1 绘画区画圆 2 时间轴上第祯单击右键,创建补间动画 3 第 25 祯安 F6 插入关键祯, 4 单击时间轴下方左起第二按钮,图层上访创建引导层 5 引导层上用钢笔绘制条路径 6 单击图层第关键祯,选图形拖路径端点 7 单击另关键祯,把图形拖引导线另端 1.9 我们作品的特点、优势 在这个作品上，我们每个人都用了许多心思，我们共同完成了每人两个月份，在我们 各自做的月份上又有动画，我们制作了引导层效果，作品中的蝴蝶在飞，就是用的这个效 果。还用了文字、图片的遮罩。在我们的封面中，用了立体字的效果，背景还用了星星闪 闪的效果，让内容更加的充实、生动。 个人总结（） 个人总结（） 个人总结（）
