flash交互式按钮实训报告

小型管理系统设计综合实训技术报告

课题名称Flash动画设计与制作实训

系/专业

班级

学号

学生姓名

指导教师：

2014年6月6日

摘要

随着网络技术的迅速发展和网页、网站技术的日益深入，互联网的世界也越来越丰富多彩。不论是游戏、广告还是MV，绝大多数都采用了Flash 技术。

本次实训主要是利用flash软件做交互式电子展示系统的设计

与开发。以下讲的是我们组制作的交互式日历。

我们制作此交互式日历为的是改变大家对传统日历的看法，现在电子技术十分发达，不再仅限于实物上的日历，因此我们将用Flash 软件来制作交互式日历。在制作的过程中，充分发挥了组员的能动性，每个成员分配了两个月份，各自在Flash软件中制作元件，将原本只是平面图的日历，用动画的形式展现了出来，细数组员运用了遮罩、引导层、辉光、百叶窗、翻页等等效果。在最后的合成元件的时候，又加入了向后翻、向前翻、控制音乐按钮等效果，使得我们做的作品内容更加丰富。

本交互式日历的特点是：每个月份都制作了它特有的效果，结合我们的作品构思，我们还加入了自己的照片，这是一本交互式日历，更是一本纪念我们青春友谊的日历！

目录

1.1编写目的 (4)

1.2背景 (4)

1.3定义 (4)

1.4任务概述 (5)

1.4.1小组成员 (5)

1.4.2小组成员的分工 (5)

1.4.3作品元件大小的规定 (5)

1.5向前翻页 (5)

1.5.1向前翻页的制作步骤 (5)

1.5.2向前翻页的注意事项 (6)

1.6向后翻页 (6)

1.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的基础上又加入了交互式功能，能够实现自动播放和向前翻页、向后翻页。

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 Player 运行时可以识别的任何格式, 其它 Adobe 视频产品也提供这个工具, 新Flash CS4 新增了 H.264 支持。

借助发布到 Adobe AIR[2] 运行时的全新集成功能, 实现交互式桌面体验。面向跨更多设备 - Web、移动和桌面的更多用户。

1.4任务概述

1.4.1任务成员

经过班级讨论、同学商量后，我们成立了自己的小组。我们的组员有：

1.4.2小组成员的分工

经过组员讨论，我们确定了以下几个内容：

确定本组的实训作品主题是：风景日历

分配好各自制作的月份：a、一、二月: b、三、四月份： c、五、六月份： d、七、八月份： e、九、十月份： f、十一、十二月份：

另外每个人完成各自制作的封面、交互式按钮、最后整合，择优选择

1.4.3作品元件大小的规定

规定每个人制作的原件大小：400*300PX

1.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>=frameEnd){

_parent.prevFrame();

}else{

delete _parent.onEnterFrame;

}

}

}

1.5.2向前翻页的注意事项

1.6向后翻页

1.6.1向后翻页的步骤

1、新建图层

2、从库中把元件拖到舞台，根据背景确定位置，按Q键将控制点拖到图片左端中心位置右击创建补间动画到第30帧（30帧一个翻页）

3、第30帧选中图片变形——垂直倾斜-180度

4、为保证翻页时下面不是空白在每个月份的图层下面拖下一个月份的普通帧。

使之可以控制翻转：

拖动按钮元件到舞台，在第一帧按F9——时间轴双击stop，在后一帧选中按钮的同时点击行为——影片剪辑——转到帧或标签并在该处播放——选中root——改变帧数（后面以30帧为一轮，以次类推）

1.7音乐按钮

1.7.1音乐按钮的制作过程

声音做在影片剪辑里，选中影片剪辑的第一帧，打开属性，选择音乐，再将同步那里设置为“数据流”，然后将帧延长到音乐（波形）结束。回到场景后单独新建一个图层，再从库中拖出声音的影片剪辑，命名为“sy”(属性－实例名称)，然后加入两个按钮，分别设置动作：

播放：on(release){sy.play();}

暂停：on(release){sy.stop();}

1.8效果、特效

1.8.1立体字的制作

（1）新建一个图层，把这个图层命名为“背景”。为背景添加填充效果。

（2）再新建一个图层，把这个图层命名为“文字1”。选用文字工具，在场景中写“风景日历”，字体颜色为白色。

（3）再新建一个图层，把这个图层命名为“文字2”。选用文字工具，在场景中写“风景日历”,字体颜色为黄色。

（4）再新建一个图层，把这个图层命名为“遮罩层”。选用矩形工具，在“文字2”这个图层中把矩形画在“风景日历”前面，然后为“背景”层，“文字1”层，“文字2”层，“遮罩层”都插入关键帧。

（5）在遮罩层按鼠标右键，创建补间形状。把鼠标放到遮罩层的最后一帧，选用任意变形工具，把矩形拉大能够遮住文字。

（6）在“文字2”层单击鼠标右键，选“遮罩层”。然后运行一下，文字效果就做成了。

1.8.2遮罩的效果

1 创建文件,执行.修改.文档.,背景色改蓝色

2 用文本工具工作区输入想要文字

3 执行插入,新建文件,添加元件,

4 单击工具箱椭圆工具,其充色白色,线条设无色,绘画区绘制小圆

5单击左上角场景按钮,图层上方建图层

6图层上单击鼠标右键,选择遮罩层

7图层单击小锁图标,大开锁定图层

8执行窗口,库,把小圆从库拖入文字前面

9分别建两图层第祯单击鼠标右键,选择创建补间动画,两层25祯处插入关键祯,把小球移文字面

10按下ctrl+enter看遮罩效

1.8.3引导层的效果

1绘画区画圆

2时间轴上第祯单击右键,创建补间动画

3第25祯安F6插入关键祯,

4单击时间轴下方左起第二按钮,图层上访创建引导层

5引导层上用钢笔绘制条路径

6单击图层第关键祯,选图形拖路径端点

7单击另关键祯,把图形拖引导线另端

1.9我们作品的特点、优势

在这个作品上，我们每个人都用了许多心思，我们共同完成了每人两个月份，在我们各自做的月份上又有动画，我们制作了引导层效果，作品中的蝴蝶在飞，就是用的这个效果。还用了文字、图片的遮罩。在我们的封面中，用了立体字的效果，背景还用了星星闪闪的效果，让内容更加的充实、生动。

个人总结（）

个人总结（）

个人总结（）