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