flash交互式按钮实训总结报告.doc

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

课题名称
Flash动画设计和制作实训
系/专 业

班 级

学 号

学生姓名

指导老师：

6月6日
摘要

伴随网络技术快速发展和网页、网站技术日益深入，互联网世界也越来越丰富多彩。不管是游戏、广告还是MV，绝大多数全部采取了Flash 技术。
此次实训关键是利用flash软件做交互式电子展示系统设计和开发。以下讲是我们组制作交互式日历。
我们制作此交互式日历为是改变大家对传统日历见解，现在电子技术十分发达，不再仅限于实物上日历，所以我们将用Flash软件来制作交互式日历。在制作过程中，充足发挥了组员能动性，每个组员分配了两个月份，各自在Flash软件中制作元件，将原本只是平面图日历，用动画形式展现了出来，细数组员利用了遮罩、引导层、辉光、百叶窗、翻页等等效果。在最终合成元件时候，又加入了向后翻、向前翻、控制音乐按钮等效果，使得我们做作品内容愈加丰富。
本交互式日历特点是：每个月份全部制作了它特有效果，结合我们作品构思，我们还加入了自己照片，这是一本交互式日历，更是一本纪念我们青春友谊日历！目录
1.1编写目标 6
1.2背景 6
1.3定义 6
1.4任务概述 7
1.4.1小组组员 7
1.4.2小组组员分工 7
1.4.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实训，我们按时完成了自己作品。在结合我们制作理念：当下大家对生活中日历并不是很在意，所以我们从日历出发，经过发达计算机技术来制作交互式电子日历，打破了传统实物日历不足。利用更多效果来丰富作品，结构合理。为了统计作品起源，特此编写。
1.2背景
本实训作品是用Flash 4软件制作，在以前学习Flash 4基础上又加入了交互式功效，能够实现自动播放和向前翻页、向后翻页。
1.3定义
Flash CS4 Professional不是现在Flash最新版本(最新版本于9月公布) , 现在最新版本为Adobe Flash CS6 Professional，于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、为确保翻页时下面不是空白在每个月份图层下面拖下30天份一般帧。
使之能够控制翻转：
拖动按钮元件到舞台，在第一帧按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我们作品特点、优势
在这个作品上，我们每个人全部用了很多心思，我们共同完成了每人两个月份，在我们各自做月份上又有动画，我们制作了引导层效果，作品中蝴蝶在飞，就是用这个效果。还用了文字、图片遮罩。在我们封面中，用了立体字效果，背景还用了星星闪闪效果，让内容愈加充实、生动。
个人总结（）

个人总结（）

个人总结（）