1、毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/摘 要随着计算机科学的发展和计算机的普及，计算机已经和人们的日常生活密切联系在一起。现如今很少有人在抱着厚厚的影集来追忆过去的美好时光，取而代之的是电子相册。本文首先介绍电子相册和电子相册制作工具 flash, 然后通过电子相册设计实例详细介绍翻页电子相册的设计开发。关键词：flash 电子相册毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/ABSTRACTWith the development of computer science and the popularization of compu
2、ter, computer has closely related with peoples daily life. Now people no longer hold a photograph album to recall the beautiful past. The photograph album has been replaced by Electronic Album. This paper first introduces electronic albums and electronic albums production tools Flash, then introduce
3、s how to design a electronic album by using a example. Keywords: Flash, Electronic Albums毕业设计( 论文) 网 QQ: 306826066 优秀毕业设计网 计算机毕业设计网 毕业设计资料网 毕业设计论文网 毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/目 录摘 要 1ABSTRACT.2目 录 3第一章 引言 4第二章 电子相册概述 52.1 电子相册简介 .52.2 电子相册制作过程 52.3 电子相册的优点 5第三章 Flash 概述 63.1 Flash 简介 .6
4、3.2 Flash 技术特点 63.3 Flash MX 2004 的开发环境 6第四章 电子相册设计 84.1 总体设计结构 84.2 具体制作过程 84.2.1 素材准备 84.2.2 单页元件制作 94.2.3 元件组装 194.2.3 添加脚本 204.2.4 细节加工 214.2.5 添加背景音乐 .22结 论 23参考文献 24致 谢 25毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/第一章 引言今天数码相机开始普及，越来越多的人喜欢用拍照这种方式来记录生活。过去照片都冲洗出来制作成厚厚的影集供人们追忆美好时光。在计算机普及和计算机技术飞速发展的今天这种方
5、式正在发生彻底的改变，人们有了更好的选择制作电子相册。针对人们的这种需求出现了各种电子相册制作软件。我利用 flash mx 2004 软件制作了这个翻页相册。在本文中我将介绍关于电子相册和 flash 的相关内容，并详细介绍翻页电子相册的制作过程。毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/第二章 电子相册概述2.1 电子相册简介 电子相册是指可以在电脑上观赏的区别于 CDVCD 的静止图片的特殊文档，其内容不局限于摄影照片，也可以包括各种艺术创作图片。电子相册具有传统相册无法比拟的优越性：图、文、声、像并茂的表现手法，随意修改编辑的功能，快速的检索方式，永不褪色
6、的恒久保存特性，以及廉价复制分发的优越手段。2.2 电子相册制作过程制 作 电 子 相 册 首 先 要 获 得 数 字 化 的 图 片 ， 即 图 片 文 件 。 用 数 字 相 机 拍 摄 ， 可 以 直 接得 到 电 子 图 片 文 件 。 也 可 以 使 用 普 通 相 机 拍 摄 ， 通 过 扫 描 仪 得 到 图 片 文 件 。 如 果 是 游 戏画 面 或 VCD DVD 画 面 ， 可 采 用 屏 幕 拷 贝 或 功 能 更 强 的 截 屏 工 具 获 得 图 片 。 其 次 要 对 图 片 进 行 加 工 处 理 ， 专 业 人 士 可 以 使 用 专 业 级 的 软 件 Ph
7、otoshop， 想 要操 作 简 单 快 速 ， 高 画 质 也 可 以 使 用 国 内 第 一 图 像 处 理 软 件 彩 影 ， 实 现 更 加 精 美 的 相 册 制作 。 最 后 使 用 电 子 相 册 制 作 软 件 将 处 理 后 的 图 片 制 作 成 电 子 相 册 。2.3 电子相册的优点 欣 赏 方 便 ： 传 统 的 相 册 在 多 人 欣 赏 时 只 好 轮 流 进 行 ， 而 电 子 相 册 可 以 很 多 人 同 时欣 赏 。 交 互 性 强 ： 可 以 象 VCD 点 歌 一 样 ， 将 相 册 做 成 不 同 的 标 题 ， 比 如 说 ： 1 我 的 童年
8、， 2 我 的 大 学 生 活 。 这 样 可 以 在 遥 控 器 上 按 下 “1”键 就 播 放 你 童 年 的 照 片 ， “2”键 播 放 你 大 学 时 代 的 照 片 ， 根 据 你 的 照 片 具 体 内 容 可 以 细 分 ， 比 如 说 增 加 “我 的 朋友 ”、 “大 约 在 冬 季 ”等 等 。 储 存 量 大 ： 一 张 VCD 光 盘 可 储 存 几 百 张 照 片 ； 永 久 保 存 ： CD-R 光 盘 可 以 金 碟 为 存 储 介 质 ， 寿 命 长 达 上 百 年 ； 欣 赏 性 强 ： 以 高 科 技 专 业 视 频 处 理 技 术 处 理 照 片 ，
9、并 配 上 优 美 的 音 乐 ， 可 以 得 到双 重 的 享 受 。 欢 歌 笑 语 、 岁 月 如 歌 、 尽 在 一 张 薄 而 亮 丽 的 视 频 光 碟 中 ， 永 久 保 存 、 轻 巧方 便 、 时 尚 新 潮 ！毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/第三章 Flash 概述3.1 Flash 简介 Flash 的 前 身 是 Future Wave 公 司 的 Future Splash， 是 世 界 上 第 一 个 商 用 的 二维 矢 量 动 画 软 件 ， 用 于 设 计 和 编 辑 Flash 文 档 。 1996 年 11 月 ，
10、美 国 Macromedia 公司 收 购 了 Future Wave， 并 将 其 改 名 为 Flash。 在 出 到 Flash 8 以 后 ， Macromedia 又被 Adobe 公 司 收 购 。 ， 最 新 版 本 为 ： Adobe Flash CS5。Flash 是 一 种 创 作 工 具 ， 设 计 人 员 和 开 发 人 员 可 使 用 它 来 创 建 演 示 文 稿 、 应 用 程 序和 其 它 允 许 用 户 交 互 的 内 容 。 Flash 可 以 包 含 简 单 的 动 画 、 视 频 内 容 、 复 杂 演 示 文 稿和 应 用 程 序 以 及 介 于 它
11、们 之 间 的 任 何 内 容 。 通 常 ， 使 用 Flash 创 作 的 各 个 内 容 单 元称 为 应 用 程 序 ， 即 使 它 们 可 能 只 是 很 简 单 的 动 画 。 您 也 可 以 通 过 添 加 图 片 、 声 音 、 视 频和 特 殊 效 果 ， 构 建 包 含 丰 富 媒 体 的 Flash 应 用 程 序 。 Flash 特 别 适 用 于 创 建 通 过 Internet 提 供 的 内 容 ， 因 为 它 的 文 件 非 常 小 。Flash 是 通 过 广 泛 使 用 矢 量 图 形 做 到 这 一 点 的 。 与 位 图 图 形 相 比 ， 矢 量 图
12、形 需 要 的 内存 和 存 储 空 间 小 很 多 ， 因 为 它 们 是 以 数 学 公 式 而 不 是 大 型 数 据 集 来 表 示 的 。 位 图 图 形 之所 以 更 大 ， 是 因 为 图 像 中 的 每 个 像 素 都 需 要 一 组 单 独 的 数 据 来 表 示 。3.2 Flash 技术特点1. 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。 2. 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几 K 字节的动画文件已经可以实现许多令人心动
13、的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。 3. 把音乐，动画，声效，交互方式融合在一起，并且创作出了许多令人叹为观止的动画(电影)效果。而且在 Flash4.0 的版本中已经可以支持 MP3 的音乐格式，这使得加入音乐的动画文件也能保持小巧的身材 。 4. 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过ACTION 和 FS COMMAND 可以实现交互性，使 Flash 具有更大的设计自由度。3.3 Flash MX 2004 的开发环境1. 正确安装 Flash MX 2004 后，Flash
14、 MX 2004 软件就会在 Windows 的开始菜单中，用鼠标单击【开始】/【程序】/【Macromedia】/【Macromedia Flash MX 2004】 ，就会启毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/动 Flash MX 2004 中文版。2. 启动 Flash MX 2004 中文版后，弹出一个让用户选择【打开最近项目】 、 【创建新项目】 、 【从模版创建】的窗口。选取【创建新项目】 ，单击【Flash 文档】按钮，进入了Flash MX 2004 中文版集成开发环境。3. 在 Flash 菜单栏共有 10 个菜单项，分别是文件、编辑、视图
15、、插入、修改、文本、命令、控制、窗口、帮助。4. Flash 的集成开发环境中的【工具】面板有选择工具、部分选取工具、线条工具、套索工具等美化工具，默认的情况下 Flash 将自动打开标准工具。为方便用户操作需要，Flash 将常用的工具集中放在工具箱中。 如果用户没有看到工具的话可以打开，方法：选择菜单【窗口】/【工具】 ，将工具的勾选上或直接按 Ctrl+F2 调出工具。5. Flash 中的动作是输入程序代码和程序调试的地方。在其左边有可以调用的函数，只要双击你要调用的函数，函数将会出现在动作编辑区。动作的快捷键是 F9。6. Flash 中进行动画内容编辑的整个区域叫做场景。场景中进行
16、图像的绘制和编辑工作的白色区域是舞台，舞台之外灰色区域是工作区。7. Flash 的【时间轴】就是用来组织和控制文档内容在一定时间内播放的层数和帧数。其主要的组件是层、帧和播放头，还包含一些信息指示器。帧是进行动画创作的基本时间单元。8. Flash 中还有很多面板，例如【颜色】面板， 【对齐】面板， 【库】面板等。毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/第四章 电子相册设计本章正式进入用 Flash MX 2004 制作翻页电子相册的具体实施过程。在本例中将完成一个通过鼠标点击逐页浏览的包含八页（包括封面和封底）的电子相册。4.1 总体设计结构图 4.1 相册
17、设计结构图4.2 具体制作过程4.2.1 素材准备素材准备是相册设计的准备阶段，把要制作成相册的照片和将要是用的素材收集整理放到一个文件夹中待用。也包括素材的预处理，也就是照片的美化和图像大小的调整。可以使用美图秀秀，光影魔术手等美图工具完成图片的预处理。也可使用专业的图像合成软件 Photoshop 来处理素材。素材准备单页元件制作元件组装添加脚本细节加工添加背景音乐毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/在本例中，使用 Photoshop 对素材照片进行处理。简要介绍处理方法如下：1.自动色阶。2.饱和度调节。3. 色彩平衡调节。4.复制图层。5.使用高反差
18、保留滤镜。6.图层混合模式柔光。此外，还使用 Photoshop 制作了封面图片“东师建筑” 。图 4.2 封面素材4.2.2 单页元件制作1 封面制作 打开 Flash MX 2004，新建 Flash 文档。在“属性”中设置大小为“1000*450”像素。以“东师建筑”文件名保存。 新建影片剪辑元件“封面” ，进入元件编辑界面。 把图册 1 改名为“封面” ，选择第 1 帧导入素材“封面”到舞台。在属性中设置图片大小为“宽 480，高 360”。在对齐面板中设置图片相对于舞台“垂直中齐” ， “左侧分布” 。在第 50 帧插入关键帧。 新建元件“东师建筑文字” 。用文本工具输入“东师建筑”
19、 。在属性中设置字体为“华文彩云” ，字号为“30” ，颜色为“灰色” 。复制粘贴文字一次。更改文字属性中字体为“华文琥珀” ，颜色为“浅蓝” 。使用移动工具使两组文字重合。 回到封面元件编辑界面，新建图层“文字” 。在第 1 帧中拖入元件“东师建筑文字” 。位置位于图片左下角。在第 15 帧插入关键帧，将文字元件平移到右下角。选中第 1 帧创建动作补间。在第 16 帧插入关键帧，用变形面板将文字元件旋转 40 度。在第 30 帧插入关键帧，移动文字到左上角，创建第 16 帧到第 30 帧的补间动画，设置旋转为“逆时针 1 次” ，在第 31 帧插入关键帧，旋转元件至水平，在第 50 帧插入关
20、键帧。创建补间动画。封面元件最终效果如下：毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.3 封面元件效果图2第 2 页卷首语制作在本页中运用遮罩层制作逐字显示“卷首语：”和逐行显示卷首语具体内容的显示效果。由于第 2 页是在翻页后显示，所以本页中的文字内容需要水平翻转，在制作完成翻页效果后才能得到正常的效果。.新建“卷首语”影片剪辑元件。在图层 1 中选中第 1 帧，导入背景图片“内页” ，调整大小为“480*360” ，在对齐面板中设置对齐方式为相对于舞台“垂直中齐” ， “左侧分布” 。在第 60 帧插入关键帧，选中该帧，在动作面板中添加命令“stop()
21、;” 。 新建图层，命名为“文字 1”，用文本工具输入文字“卷首语：” ，设置文字属性，具体过程不再赘述。选中文本对象执行“修改变形水平翻转” 。 新建图册，命名为“遮罩 1”。在第 1 帧用矩形工具拖拽出一个矩形，大小以能盖住文字图层文字为宜，移动至文字左侧。在第 10 帧插入关键帧，将矩形移动到盖住文字位置。创建补间动画。 右键单击图层“遮罩 1”，在弹出的选项中选中“遮罩层” 。至此， “卷首语：”逐字显示效果完成。 制作卷首语具体内容逐行显示效果。方法参考步骤，不再赘述。最终效果如下图：毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.4 卷首语页效果图3
22、第 3 页东师地标制作在本页中制作单击“播放”按钮后两张图书馆照片过渡切换的效果。 图片元件制作。新建图形元件“图书馆 1”，选中第 1 帧，导入边框素材和照片素材，调整大小。如法制作元件“图书馆 2”效果如下图：图 4.5 元件“图书馆 1”效果图毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.6 元件“图书馆 2”效果图 按钮制作。新建按钮元件“播放” 。设置笔触颜色为“透明” ，填充颜色为“灰色” ，用椭圆工具按住 shift 键绘制一个正圆，更改填充颜色为“黑色” ，用矩形工具按住 shift键绘制一个矩形。选中矩形，执行“修改变形扭曲” ，调整矩形角的
23、位置得到一个三角形。调整三角形大小和位置，使其位于圆内。按钮制作完成，如图：图 4.7 “播放”元件效果图 新建影片剪辑元件“图书馆” 。导入背景素材“内页”到图层 1 第 1 帧，如卷首语制作步骤所述调整大小和位置。在第 40 帧插入帧。新建图层，命名为“文字” ，用文本工具输入“东师地标图书馆” ，文字属性自行设置。在第 40 帧插入帧。新建图层，命名为“图片切换” 。选中第 1 帧拖入元件“图书馆 1”，调整位置使其中心和“内页”图片中心重合。在第 5 帧插入关键帧用变形面板调整“图书馆 1”大小为 10%，在属性面板中设置颜色 Alpha 值为 10%。创建补间动画。在第 6 帧插入空
24、白关键帧，拖入元件“图书馆 2”，用变形面板调整其大小为 10%，在属性面板中设置颜色 Alpha 值为 10%，在第 11 帧插入关键帧，调整大小为 100%，Alpha 值为 100%.，创建补间动画。在第 20 帧插入关键帧，然后毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/在第 25 帧插入关键帧，调整大小为 10%，Alpha 为 10%。创建补间动画。在第 26 帧插入空白关键帧，拖入元件“图书馆 1”，调整大小为 10%，Alpha 为 10%，在 31 帧插入关键帧，调整大小为 100%，Alpha 值为 100%.，创建补间动画。在第 40 帧插入帧
25、。新建图层“播放”，选中第 1 帧，从库中拖入元件“播放” ，置于图片中央位置，调节大小。在动作面板中添加命令“stop();” 。选中按钮，在动作面板中添加命令“on (press) gotoAndPlay(2);”。至此，第 3 页制作完成。4第 4 页综合建筑制作在本页中制作图片旋转飞入显示效果。同样本页中的文字要进行水平翻转。 图片元件制作。方法同上。 新建影片剪辑元件“综合建筑” 。把图层 1 改名为“背景” ，导入“内页”图片，调整大小位置如前所述。用文本工具输入文字“综合建筑”和建筑名，设置文字属性，对文字进行水平翻转，方法同前面所述。调整文字位置，要考虑到和将要进入的照片相对应
26、（可在图片飞入效果完成后回到此步骤调整文字与图片相对应） 。在第 110 帧插入帧。如图：图 4.8 背景层文字效果图 新建图层，命名为“逸夫楼” ，在第 5 帧插入关键帧，拖入步骤所制元件“逸夫楼” ，位置于“内页”图片右下角，设置其 Alpha 值为 0。在第 25 帧插入关键帧，移动“逸夫楼”元件到对应的文字位置，Alpha 值调回 100%，调整大小为 20%。创建动作补间，毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/旋转设为“逆时针 1 次” 。在第 110 帧插入帧。 新建图层，在上一图层动画结束后 5 帧用上述方法制作其他图片旋转飞入的效果。 分别在第
27、 1 帧和第 110 帧添加命令“stop（）;” 。该页最终效果如图：图 4.9 第 3 页效果图5第 5 页学院风光制作 图片元件制作。方法同前所述。 “学院风光文字”元件制作。新建影片剪辑元件，选中第一帧，输入文字“学院风光” ，设置文字属性，在第 35 帧插入关键帧，将文字向左平移，创建补间动画。在第 70 帧插入关键帧，把文字移至第 1 帧所在位置，创建补间动画。 新建元件“学院风光” ，把图层 1 改名为“背景” ，导入“内页”图片，调整大小和位置。在第 140 帧插入关键帧。 新建图层，命名为“小照片” ，把步骤中所制图片元件拖入到第 1 帧，大小调整为 20%，10 个元件呈“
28、L”形排列于“内页”图片的左部和下部。在第 140 插入帧。新建图层，命名为“文字” ，选中第 1 帧，拖入元件“学院风光文字” 。在第 2 帧插入空白关键帧。 新建图层， “照片 1”，在第 2 帧插入关键帧拖入元件“照片 1”，调整大小为 20%，移动使其与“小照片”中的“照片 1”重合。在第 8 帧插入关键帧，将图片元件大小调整为 70%，移动到右上空白处适当位置。创建补间动画。在第 15 帧插入关键帧，将“照片1”大小调整为 20%。创建补间动画。选中第 8 帧，在动作面板中添加命令“stop（）;” ，毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/选中元件“
29、照片 1”添加命令“on (press) gotoAndPlay(9);。选中“文字”图层第 8 帧，用文本工具输入学院名“外国语学院” ，设置文字属性，调整位置。在其后一帧插入空白关键帧。 新建图层“照片 2”，以第 16 帧为起始帧执行相似于步骤过程。如此继续下去，直到 10 个图片元件处理完毕。 新建图层“动作脚本” ，在第 1 帧中添加命令“stop（）;” ，在每个照片图层动画结束对应的帧中添加动作命令“gotoAndStop(1);” 。该页最终时间轴和效果如下：图 4.10 时间轴 毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.11 第 5 页效
30、果图6第 6 页公寓与餐厅制作在本页中制作两种切换效果展示学生公寓和餐厅照片。 制作图片元件，方法同前。 新建影片剪辑元件“东师生活” ，把图层 1 改名为背景，选中第 1 帧，导入“内页” ，调整大小和位置。用文本工具输入“学生公寓”和“北苑餐厅”文字，调整文字属性和位置。对文字进行水平翻转。 新建图层“公寓 1”，导入步骤所制元件“公寓 1”，调整大小和位置与背景层相对应。在第 5 帧插入关键帧。在第 13 帧插入关键帧，调整该帧中“公寓 1”元件高度为1%，宽度不变，Alpha 值为 0。选中第 5 帧创建补间动画。新建图层“公寓 2”，在第 13 帧插入关键帧，拖入元件“公寓 2”，调
31、整大小和位置与该帧中元件“公寓 1”重合，Alpha值设为 0。在第 20 帧插入关键帧，调整元件“公寓 2”大小和位置与第 1 帧中元件“公寓1”一致，Alpha 值为 100%。选中第 13 帧，创建补间动画。 模仿步骤，新建两个图层，制作餐厅的展示效果。 新建图层“脚本动作” ，在第 1 帧和第 20 帧中添加动作命令“stop();”该页最终时间轴和效果如下：毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.12 时间轴图 4.13 第 6 页效果图7第 7 页为美而生制作在本页中制作坏掉的电视机闪烁显示效果，单击播放按钮闪烁显示图片一张。 制作图片元件，
32、方法同前。 新建元件“为美而生” ，把图层 1 命名为“背景” ，导入“内页”图片。在第 63 帧插入帧。 新建图层“电视机” ，选中第 1 帧，用矩形工具，填充颜色为“灰色” ，笔触颜色为“透明” ，绘制一个矩形，在该矩形内在绘制一个比它小的矩形，选中小矩形，按 Delete键删除小矩形。得到一个矩形环，在矩形环下部放入按钮“播放” 。电视机制作完毕。效果毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/如图：图 4.14 电视机效果图 新建图层“图片” ，拖动图层使该图层位于“电视机”图层下方。选中第 1 帧，用矩形工具，填充颜色为“黑色” ，笔触为“透明” ，绘制大
33、小能填充矩形环内部空白的矩形。在第 2 帧插入关键帧，在属性面板中，把矩形填充颜色改为“浅灰” ，在第 3 帧插入关键帧，把矩形填充颜色改为“白色” 。复制第 1 帧到第 3 帧，在其后粘贴数次，到第 63 帧为止。选中第一帧，用文本工具输入“为美而生的建筑” ，在第 7 帧和 7 的倍数帧分别放入图片元件。调整图片元件大小和位置使其位于环行框内。 选中第 1 帧，在动作面板中添加命令“stop();” ，选中该帧中的按钮“播放” ，添加命令“on (press) gotoAndPlay(2);”。图片元件对应的帧中添加以上命令，注意：按钮的命令中的数字为当前帧后一帧，最后一帧为 1。该页最终
34、时间轴和效果如下：毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.15 时间轴 图 4.16 第 7 页效果图8第 8 页封底制作本页制作简单的封底，只要导入素材背景，添加必要文字即可。注意文字需要水平翻转。4.2.3 元件组装在前面的过程，制作完成了 8 页的单页显示效果，接下来要做的就是把这八个单页元件组装成一个翻页相册，就好比把八页纸装订成一个册子。1新建影片剪辑元件“相册” 。把图层 1 命名为“1 页” 。在第 1 帧拖入元件“封面” ，在对齐面板中执行相对于舞台“垂直中齐” ， “左侧分布” 。把元件以变形中心移动到与舞台中心重合。在第 5 帧插入关
35、键帧，用变形面板调整元件“封面”宽度为 80%，倾斜上下倾斜-45 度。选中第 1 帧，创建补间动画。在第 10 帧插入关键帧，把“封面”元件宽度调整为 10%，倾斜为上下倾斜-89 度。选中第 5 帧，创建动作补间。2新建图层“2 页” ，在第 10 帧插入关键帧，拖入元件“卷首语” 。用对齐面板执行毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/“垂直中齐” ， “左侧分布” 。调整其变形中心与舞台中心重合。用变形面板调整其宽度为10%,倾斜为上下倾斜-89 度。即与图层“1 页”第 10 帧中元件“封面”重合。在第 20 帧插入关键帧，将元件“卷首语”宽度调回 1
36、00%，倾斜调回 0 度。选中第 10 帧创建补间动画。在第 40 帧插入帧。3 新建图层，命名为“3 页固定” ，将其移动到图层“1 页”下。在第 1 帧中拖入元件“图书馆” ，对齐面板中设置“垂直中齐” ， “左侧分布” 。在第 20 帧插入帧。目的是在第1,2 页翻页时，下一页内容显示出来，不会出项空白界面。通过以上三个步骤，完成了第一次翻页。整个相册一共 8 页，要完成 4 次翻页，可参考上述步骤，新建图层实现其它三次翻页效果。不在赘述。最终时间轴和效果为：图 4.17 翻页时间轴效果图 4.18 翻页效果图毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/4.2
37、.3 添加脚本在上一步骤中，实现了翻页效果，但是翻页是自动的，要添加动作脚本实现对翻页的控制。1 自作翻页按钮。新建按钮元件“翻页” ，在弹起帧中绘制两个小矩形，对其中一个执行“修改 变形扭曲” ，调整矩形角的位置得到一个三角形。效果如图：图 4.19“翻页”按钮效果一在指针经过帧中插入关键帧，用椭圆工具绘制一个圆形。效果如图：图 4.20“翻页”按钮二2在元件“相册”新建图层，命名为“脚本” 。在第 1 帧，第 20 帧，第 40 帧，第 60帧，第 80 帧中添加命令“stop();” 。在上述各帧中拖入按钮元件“翻页” 。在第 80 帧中把“翻页”元件的 Alpha 值调为 0%，位置与
38、文字“谢谢欣赏，点击回首页”重合。在动作面板中对这几个帧中的“翻页”元件添加命令“on (press) gotoAndPlay(*);”注：*为当前帧的下一帧，第 80 帧中*=1。至此实现了对相册翻页的控制。4.2.4 细节加工相册的主体已经制作完成，好的相册除了能够实现预期的显示效果，还要在视觉上给人美的享受。在这一环节就是对细节进行加工美化。本例中制作的是翻页电子相册，为了让它看起来像一本相册而不是一页相册，可以制作书脊和书页效果进行细节修饰。1 在元件“相册”中新建图层 “书脊” 。在第 1 帧导入 “书脊”素材，一个矩形的图片，也可用矩形工具绘制一个矩形长条。用变形面板调整“书脊”使
39、其略微倾斜，并调整大小和位置。用线条工具绘制直线制作书页效果。完成后效果如图：毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/图 4.21 正面书脊书页效果2 在第 60 帧插入关键帧，将 “书脊”水平翻转，调整位置。并移动书页线条至左页下方。最终效果如图：图 4.22 翻页后书脊书页效果至此书脊和书页效果制作完毕，实现了真正的书本式翻页相册。4.2.5 添加背景音乐 音乐是电子相册的一打亮点，最后来实现音乐的添加。导入目标音乐到库，在本例中选择了肖邦的夜曲做为背景音乐。回到场景中在图层 1 第 1 帧中拖入元件“相册” ，调整位置。新建图层命名为“背景音乐” ，拖入声
40、音元件“夜曲” 。毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/结 论在本例的制作中我以东师建筑照片为素材，用 Flash MX 2004 作为开发工具，综合运用 Flash 的各种功能，包括运用补间动画和逐帧动画实现了照片的展示效果，同时也用到遮罩层来制作文字逐字逐行显示效果，按钮和动作命令的综合运用实现了交互效果。最终完成了实现了翻页电子相册的设计，经测试，运行良好。但由于本人专业水平有限，虽力求完美，却仍有很大的不足亟待改正。在以后的学习中，我将会不断努力，提高自己的专业水平，设计制作出更为完美的 Flash 作品。毕业设计( 论文) 网 QQ: 306826
41、066 优秀毕业设计网 计算机毕业设计网 毕业设计资料网 毕业设计论文网 毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/参考文献1王波 著. FLASH:技术还是艺术 .中国人民大学出版社，20052网冠科技 编著. Flash MX 特效 时尚创作百例 .机械工业出版社 20023 杨格 编著. Flash 8 中文版全程自学手册. 电子工业出版社, 2007 4 张凡，李岭编著. Flash MX 2004 精彩设计零距离. 电子工业出版社, 20045 刘广瑞 编著. 中文 Flash MX 2004 应用实践教程. 西北工业大学出版社, 2007.6 龙
42、飞 编著. Flash MX 2004 完全自学手册. 中国铁道出版社, 20077 方晨 编著. Flash MX 2004 中文版实例教程. 上海科学普及出版社, 20078 孙全党 编著. Flash MX 2004 中文版应用教程. 电子工业出版社, 20089 张继皇，王凯 编著. Flash MX 2004 标准教程.海洋出版社, 200410 黄乐，石伟玉 编著. Flash MX 2004 中文版入门与提高实用教程 .中国铁道出版社, 200411 陈冠竹 编著. Flash MX 2004 互动设计 .科学出版社, 2005毕业设计(论文) 网: http:/毕业设计(论文) 网: http:/致 谢Flash 相册制作、论文写作和准备答辩期间，得到了指导老师罗娜的大力支持和帮助，在此表示由衷的感谢!同时对给予帮助和指导我的同学表示感谢。Flash 日新月异地飞速发展，人们总是处在不断学习阶段，再加上水平有限，所以本文肯定存在不少错误和不尽如人意之处，欢迎广大老师和同学批评指正，在此深表感。
