flash交互式按钮实训报告

1、-PAGE . z.小型管理系统设计综合实训技术报告课题名称Flash动画设计与制作实训系/专 业 班 级学 号学生*指导教师：2014年6月6日摘要随着网络技术的迅速开展和网页、技术的日益深入，互联网的世界也越来越丰富多彩。不管是游戏、广告还是MV，绝大多数都采用了Flash 技术。本次实训主要是利用flash软件做交互式电子展示系统的设计与开发。以下讲的是我们组制作的交互式日历。我们制作此交互式日历为的是改变大家对传统日历的看法，现在电子技术十分兴旺，不再仅限于实物上的日历，因此我们将用Flash软件来制作交互式日历。在制作的过程中，充分发挥了组员的能动性，每个成员分配了两个月份，各自在F

2、lash软件中制作元件，将原本只是平面图的日历，用动画的形式展现了出来，细数组员运用了遮罩、引导层、辉光、百叶窗、翻页等等效果。在最后的合成元件的时候，又参加了向后翻、向前翻、控制音乐按钮等效果，使得我们做的作品内容更加丰富。本交互式日历的特点是：每个月份都制作了它特有的效果，结合我们的作品构思，我们还参加了自己的照片，这是一本交互式日历，更是一本纪念我们青春友谊的日历！目录TOC o 1-3 h z uHYPERLINK l _Toc2784485901.1编写目的 PAGEREF _Toc278448590 h 6HYPERLINK l _Toc2784485911.2背景 PAGEREF

3、 _Toc278448591 h 6HYPERLINK l _Toc2784485921.3定义 PAGEREF _Toc278448592 h 6 HYPERLINK l _Toc278448593 1.4任务概述 PAGEREF _Toc278448593 h 7 HYPERLINK l _Toc278448594 小组成员 PAGEREF _Toc278448594 h 7 HYPERLINK l _Toc278448595 小组成员的分工 PAGEREF _Toc278448595 h 7 HYPERLINK l _Toc278448596 作品元件大小的规定 PAGEREF _Toc

4、278448596 h 7 HYPERLINK l _Toc278448597 1.5向前翻页 PAGEREF _Toc278448597 h 7 HYPERLINK l _Toc278448598 向前翻页的制作步骤 PAGEREF _Toc278448598 h 7 HYPERLINK l _Toc278448607 向前翻页的考前须知 PAGEREF _Toc278448607 h 12 HYPERLINK l _Toc278448623 1.6向后翻页 PAGEREF _Toc278448623 h 171.7音乐按钮1.7.1 音乐按钮的制作过程1.8作品效果、特效1.8.1立体字的

5、制作1.8.2遮罩的效果1.8.3引导层的效果1.9我们作品的特点、优势Flash动画设计与制作实训1.1编写目的通过本次Flash的实训，我们按时完成了自己的作品。在结合我们制作的理念：当下人们对生活中的日历并不是很在意，因此我们从日历出发，通过兴旺的计算机技术来制作交互式电子日历，打破了传统的实物日历的局限性。运用更多的效果来丰富作品，构造合理。为了记录作品的来源，特此编写。1.2背景本实训作品是用Flash 4软件制作的，在以前学习Flash 4的根底上又参加了交互式功能，能够实现自动播放和向前翻页、向后翻页。1.3定义Flash CS4 Professional不是目前Flash的最新

6、版本(最新版本于2008年9月发布) , 目前最新版本为Adobe Flash CS6 Professional，于2012年4月26日发布。使用全新的动画编辑器体验对关键帧参数的细致控制, 这些参数包括旋转、大小、缩放、位置和滤镜等。使用图形显示以全面控制轻松实现调整。Flash CS4 动画中包含矢量图，声音，图片，片段，字体，文本，脚本等复杂元素，利用FLASH反编译工具来解析FLASH，反编译获得FLA文件中的资源并直接应用。借助 Adobe Media Encoder 编码为 Adobe Flash Player 运行时可以识别的任何格式, 其它 Adobe 视频产品也提供这个工具,

7、 新Flash CS4 新增了 H.264 支持。借助发布到 Adobe AIR2运行时的全新集成功能, 实现交互式桌面体验。面向跨更多设备 - Web、移动和桌面的更多用户。1.4任务概述1.4.1任务成员经过班级讨论、同学商量后，我们成立了自己的小组。我们的组员有：小组成员的分工经过组员讨论，我们确定了以下几个内容：确定本组的实训作品主题是：风景日历分配好各自制作的月份：a、一、二月: b、三、四月份： c、五、六月份： d、七、八月份： e、九、十月份： f、十一、十二月份：另外每个人完成各自制作的封面、交互式按钮、最后整合，择优选择作品元件大小的规定规定每个人制作的原件大小：400*3

8、00P*1.5向前翻页向前翻页的步骤拖动按钮元件到舞台，在第一帧按F9时间轴双击stop，在后一帧选中按钮的同时点击行为影片剪辑转到帧 或标签并在该处播放选中root改变帧数后面以30帧为一轮，以次类推代码如下：on(release)var id;var frameStart=30;var frameEnd=1;_parent.gotoAndStop(frameStart);_parent.onEnterFrame=function()if(_parent._currentframe=frameEnd)_parent.prevFrame();elsedelete _parent.onEnter

9、Frame;向前翻页的考前须知1.6向后翻页向后翻页的步骤1、新建图层2、从库中把元件拖到舞台，根据背景确定位置，按Q键将控制点拖到图片左端中心位置右击创立补间动画到第30帧30帧一个翻页3、第30帧选中图片变形垂直倾斜-180度4、为保证翻页时下面不是空白在每个月份的图层下面拖下一个月份的普通帧。使之可以控制翻转：拖动按钮元件到舞台，在第一帧按F9时间轴双击stop，在后一帧选中按钮的同时点击行为影片剪辑转到帧 或标签并在该处播放选中root改变帧数后面以30帧为一轮，以次类推1.7音乐按钮音乐按钮的制作过程声音做在影片剪辑里，选中影片剪辑的第一帧，翻开属性，选择音乐，再将同步那里设置为数据

10、流，然后将帧延长到音乐波形完毕。回到场景后单独新建一个图层，再从库中拖出声音的影片剪辑，命名为sy(属性实例名称)，然后参加两个按钮，分别设置动作： 播放：on(release)sy.play(); 暂停：on(release)sy.stop();1.8效果、特效立体字的制作1新建一个图层，把这个图层命名为背景。为背景添加填充效果。2再新建一个图层，把这个图层命名为文字1。选用文字工具，在场景中写风景日历，字体颜色为白色。3再新建一个图层，把这个图层命名为文字2。选用文字工具，在场景中写风景日历,字体颜色为黄色。4再新建一个图层，把这个图层命名为遮罩层。选用矩形工具，在文字2这个图层中把矩形画

11、在风景日历前面，然后为背景层，文字1层，文字2层，遮罩层都插入关键帧。5在遮罩层按鼠标右键，创立补间形状。把鼠标放到遮罩层的最后一帧，选用任意变形工具，把矩形拉大能够遮住文字。6在文字2层单击鼠标右键，选遮罩层。然后运行一下，文字效果就做成了。遮罩的效果1 创立文件,执行.修改.文档.,背风光改蓝色2 用文本工具工作区输入想要文字3 执行插入,新建文件,添加元件, 4 单击工具箱椭圆工具,其充色白色,线条设无色,绘画区绘制小圆5单击左上角场景按钮,图层上方建图层 6图层上单击鼠标右键,选择遮罩层 7图层单击小锁图标,大开锁定图层 8执行窗口,库,把小圆从库拖入文字前面 9分别建两图层第祯单击鼠标右键,选择创立补间动画,两层25祯处插入关键祯,把小球移文字面 10按下ctrl+enter看遮罩效引导层的效果1绘画区画圆 2时间轴上第祯单击右键,创立补间动画 3第25祯安F6插入关键祯, 4单击时间轴下方左起第二按钮,图层上访创立引导层 5引导层上用钢笔绘制条路径 6单击图层第关键祯,选图形拖路径端点 7单