Flash电子相册的制作

安徽省高等教育计算机软件专业

毕业论文

论文题目：Flash电子相册的制作

专业：计算机软件

学生姓名：

准考证号：

指导教师：

2009年12月22日

摘要

照片给人们留下了难忘的永恒的记忆，如何珍藏这些永久的记忆？时间一长或稍有不慎

照片就会损坏，随着时间的流逝照片会发黄、褪色、甚至会发霉，而电子相册完全可以避免

诸多缺点.

以静态照片为素材（获得源方式为扫描仪扫描、数码相机所拍等），配合动感的背景、

前景和字幕等视频处理的熔殊效果，配上音乐就可制作成电子相册。制作好的电子相册可以

在电脑上,各类影碟机上，以及手机和MP4里都能观看，这是电子相册技术发展到今天的一个新

的突破抑不再象传统那样,只能在电脑上或在影碟机上观看了.并且还可以通过手机将自己的

个性化MTV发送给远方的亲朋好友们分享.

本文的电子相册是通过FlashMX2004软件制作的。Flash电子相册因为其画面活拨、新

颖且极具动感，具有独特的平面动感风格很快被年轻一代所追捧。本课题是用FlashMX2004

软件将相片，音乐，文字以及富有新意的界面融合在一起并配合Photoshop强大的图像处理

功能美化制作的电子相册。本文充分显示了FlashMX2004的简单直观又操作方便的动画设

计功能。

关键词：FlashPhotoshop相册

ABSTRACT

Photosleaveanunforgettableandeternalmemory.Howtotreasurethosepermanent

memory?Photoswilldamageforalongtime,withthepassageoftimephotoswillbe

yellow,faded,orevenmoldy.Manyshortcomingscanbeavoidedcompletelyby

electronicalbum.

Forastaticphotomaterial(getfromscanner,digitalcamera,etc.),withdynamic

background,theprospectsandsubtitlesvideoprocessingspecialeffects,musiccanbe

producedintoanelectronicalbum.Electronicalbumcanbewatchedonyourcomputer,

alltypesofplayer,aswellasinallmobilephonesandMP4.Thetechnological

developmentofelectronicphotoalbumisanewbreakthroughtothisday,notas

traditionalascanonlybeonyourcomputeroraplayertowatch.Peoplecansharetheir

ownpersonalizeMTVwithdistantfriendsandfamilybymobilephones.

TheelectronicalbuminthispaperisproducedbyFlashMX2004software.Flash

e-albumisquicklypopularintheyoungergenerationbecauseofitslivelyscreen,

innovativeandhighlydynamic,auniquestyleofthedynamicplane.Thetopicis

producedwithphotos,music,word,animationandinnovativeinterfaceandtogetherwith

thepowerfulPhotoshopimage-processingfunctionsbyFlashMX2004software.This

articledemonstratesFlashMX2004whichisasimpleandintuitiveanduser-friendly

designfeaturestools.

Keywords:Flash;Photoshop;Ablum

目录

第一章引言.....................................................................5

1.1电子相册的兴起...........................................................5

1.2电子相册简介.............................................................5

1.2.1电子相册概要.....................................................5

1.2.2电子相册的优点...................................................6

第二章开发工具.................................................................6

2.1关于flash...................................................................................................................................6

2.1.1Flash的产生及其特点.............................................6

2.1.2FlashMX2004的开发环境.........................................8

2.2Pholoshop简介............................................................8

2.2.1Photoshop的相关知识...............................................8

2.22Photoshop的应用...................................................9

第三章电子相册设计.............................................................10

3.1总体设计结构.............................................................10

3.2Photoshop图片美化.......................................................10

3.3Flash设计结构：.........................................................11

第四章电子相册的完成...........................................................21

4.1电子相册主要说明........................................................21

4.2界面设计.................................................................21

4.2.1电子相册界面设计.................................................21

4.2.2运行中的界面.....................................................22

4.2.3电子相册的制作过程...............................................22

第五章结束语....................................................................22

参考文献.........................................................................23

致谢............................................................................24

附录.............................................................................25

第一章引言

1.1电子相册的兴起

Internet的普及，电脑已经成为人们不可缺少的生活用品，川电脑创作美普及开来；而

且对于更好的展现设计来说，和普通的演示比较起来，用电脑演示具有永不退色，不易损坏

的优点。在这形势下，用软件去创作美并用软件演示就非常有现时意义了！

同时，随着电子数码产品的普及，多媒体制作的门槛也随之大大降低，越来越多的用户

对多媒体软件制作发生了浓厚的兴趣！数码相机和电子相册开发工具的日益强大为电子相册

设计提供了现实的可能性和广泛的发展空间。对于每一位渴望展现自我的人，都可以利用这

些软件设计出具有个性创意的作品。电子相册在不久的将来将会成为人们传播照片和交流沟

通的主要手段之一，其设计有着重要的现实意义。

电子相册的出现和迅猛发展是以电子计算机和数码相机的产生和日益普及为基础的，它

是现代高科技的产物，极大地丰富了人们的文化生活和情感。七十年代以前从人们总是翻阅

黑白影集来回顾过去，到现在人们通过电子相册来感受过去的时光。短短的几十年里，人类

的生活方式发生了巨大的变化。近年来，随着电子相册制作系统的越来越易于操作，电子相

册迅速地普及开来，并呈现出欣赏方便、交互性强、储存量大、永久保存、欣赏性强、成本

廉价、实用兼有美观功能等优点。在将来•定会有强大的发展动力和广阔的发展空间。

1.2电子相册简介

1.2.1电子相册概要

电子相册是指可以在电脑上观赏的区别于CD/VCD的静止图片的特殊文档，其内容不

局限于摄影照片，也可以包括各种艺术创作图片。

电子相册具有传统相册无法比拟的优越性：图、文、声、像并茂的表现手法，随意修改

编辑的功能，快速的检索方式，永不褪色的恒久保存特性，以及廉价复制分发的优越手段。

制作电子相册首先要获得数字化的图片，即图片文件。用数字相机拍摄，可以直接得到电子

图片文件。也可以使用普通相机拍摄，通过扫描仪得到图片文件。如果是游戏画面或VCD

/DVD画面，可采用屏幕拷贝或功能更强的截屏软件获得图片。

其次要对图片进行加工处理。使用Photoshop对图片做修整编辑和效果装饰，可以得到

专业设计水平的图片。一些小的图象工具如CorelDraw、PSP、photostylePhot-oFinish及各

图片浏览软件都可以完成一般的图象处理任务。

电子相册的主要内容:

1、制作图片切换效果，每一个切换效果几乎都是不一样的。

2、界面有很多按钮，使交互友好，实现了上一页，下一页，自动播放及暂停的功能。

音乐也有交互功能，实现播放，暂停，增大音量及减小音量的功能。使相册更灵活。

1.2.2电子相册的优点

1、欣赏方便：传统的相册在多人欣赏时只好轮流进行，而电子相册可以很多人同时在

大屏幕电视上欣赏V

2、选择性强：你可以用一套照片制作出多种MTV形式便于欣赏。

3、易于保存：CDR光盘以金为存储介质，寿命长达上百年；

4、.欣赏性强：以高科技处理照片，并配上优美的音乐，加以3D动态效果，可以让你

得到双重的享受。

5、成本低廉：目前市场价处理一张照片为2元左右（有特别要求的除外）。如果你需几

套电子相册以便送人。只需复制几份就可以了。集体做电子相册成本会更低！

当电视画面展现时，您将会惊奇地发现，您和您的家人已经成为明星。生动的电影特技、

巧妙的背景融合、悠扬的MTV流行歌曲伴唱，美丽的婚纱摄影创意，足以让您倾倒。无论

是老照片还是新照片，再不是呆板地放在那里，而是像小燕了•一样唱着笑着飞起来。为父母、

为妻子、为孩子、为朋友：制作一张可以在VCD、DVD机中播放的电子相册，将成为一件

最好礼物。

尊龙佳凤的婚纱照、天真活泼的儿童照、里程碑式的生日照、友谊长存的毕业照、独具

风采的个人写真等，都很适合做成电子相册。

做一帧精美的电子相册，将您瞬间定格的幸福、快乐、温馨、浪漫升华为动态的永恒。

做一帧精美的电子相।卅，串起你人生旅途中五彩斑斓的贝壳。

做一帧精美的电子相册，留住那如诗如画，胜诗胜画的年华。

第二章开发工具

2.1关于flash

2.1.1Flash的产生及其特点

Flash的前身是FutureWave公司开发的FutureSplashAnimator,是一个基于矢量佗动画

制作软件。由于该软件得到良好的反响，于是被Macromedia收归旅下，定名为Macromedia

FLASH2。由于Macromedia的大力宣扬和FLASH2本身的独特本领，很快成为网络的宠儿。

MacromediaFlash作为矢量化的交互式web动画制作工具，它结合macromedia公司的“流”

技术--SHOCKWAVE,在web上用于发布交互式的动画，

讲得更通俗一些。首先，它的优势是基于矢量的动画制作，不论你把矢量放大多少倍，

它仍然那么清晰，因为矢量其实就是一个算术式，电脑根据这个算术式而生成图像，所以它

不象一般的gif和jpg,当你放大矢量图的时候，不会模糊和起锯齿。因此你可以把FLASH

的文件做得很小，而在HTML中用命令把它放大。其次，用FLASH生成的交互式动画体积

很小，这是相对动态的Gif而言，更适合于在网上传播，再有，FLASH的播放是“流”技

术，动画边下载边演示，如果控制的好你儿乎感觉不到文件还没有完全下载.

因为Flash简单易学，而且文件容量大多仅有几百K,这种由MACROMEDIA公司开

发的软件无疑很适合当今的网络。因此越来越多的普通人也开始编辑设计自己的“Flash”，

行家们也认为做闪客无须太高深的技术，只要有足够的想像力，有创意，懂得一定的Flash

软件知识，就可以尝试。

它的特点如下：

1、文件的数据量小

网络数据的传输速度是网络中最重要的一项指标，因此，如何在丰富网络内容的同时尽

可能减少网络文件的数据量，一直为人们所关注。因为Flash广泛使用矢量图形，所以她的

文件非常小，特别适用于创建通过Iniemel提供的内容。与位图图像相比，矢量图形需要的

内存和存储空间都小得很多，因为它们是以数学公式而不是大型数据集来表示的。位图图像

之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。

2、图像质量高

由于矢量图形可以做到真正的无级放大，因此图像不但可以始终被完全显示，而且不会

降低图像质量。而一般的位图，当用户对其进行放大时，就会看到一个个锯齿状的色块。

3、矢量图形

利用Flash提供的绘图工具可以方便地绘制任意图形的线条、色块及文字，并可以方便

地实现矢量线条向矢量色块的转换，对矢量色块的加粗以及对矢量色块的柔化等，同时还可

以任意调整图形或色块的颜色。

4、文件格式多样

在Flash动画中可以引用多种类型文件，包括图形、图像、音乐以及视频等，使动画能

够巩活适应不同领域的需要。

5、交互式动画

一般的动画制作软件，只能制作标准的顺学动画，即动画只能连续播放。借助

ActionScripi(脚本语言)的强大功能，Flash不仅可以制作各种精彩炫目的顺序动画，还能

制作出更杂的交互式动画，是用户可以对动画进行控制,这是Flash一个非常重要的特点，

它有效地扩展了动画的应用领域。

6、流式播放技术

Flash动画采用了“流式(Streaming)”播放形式，在观看动画时，不需要等到动面文件

全部下载到本地后才能观看，而是“即时”观看。虽然后面的内容还没完全下载，但是前面

的内容同样可以播放，这实现了动画的快速播放，减少了用户的等待时间。

2.1.2FlashMX2004的开发环境

I、正确安装FlashMX2004后，FlashMX2004软件就会在Windows的开始菜单中，

用鼠标单击【开始】/【程序】/[Macromedia]/[MacromediaFlashMX2004],就会启动

FlashMX2004中文版。

2,启动FlashMX20(M中文版后，弹出一个让用户选择【打开最近项目】、【创建新项

目】、【从模版创建】的窗口。选取【创建新项目】，单击【Flash文档】按钮，进入了Flash

MX2004中文版集成开发环境。

3、在Flash菜单栏共有10个菜单项，分别是文件、编辑、视图、插入、修改、文本、

命令、控制、窗口、帮助，

4、Flash的集成开发环境中的【工具】面板有选择工具、部分选取工具、线条工具、套

索工具等美化工具，默认的情况下Flash将自动打开标准工具。为方便用户操作需要，Flash

将常用的工具集中放在工具箱中.如果用户没有看到工具的话可以打开，方法：选择菜单

【窗口】/【工具工将工具的勾选上或直接按CW+F2说出工具。

5、Flash中的动作是输入程序代码和程序调试的地方。在其左边有可以调用的函数，只

要双击你要调用的函数，函数将会出现在动作编辑区。动作的快捷键是F9。

6、Flash中进行动画内容编辑的整个区域叫做场景。场景中进行图像的绘制和编辑工作

的白色区域是舞台，舞台之外灰色区域是工作区。

7、Flash的【时间轴】就是用来组织和控制文档内容在一定时间内播放的层数和帧数。

其主要的组件是层、帧和播放头，还包含一些信息指示器。帧是进行动画创作的基本时间单

兀。

8、Flash中还有很多面板，例如【颜色】面板，【对齐】面板，【库】面板等。

2.2Photoshop简介

2.2.1Photoshop的相关知识

Photoshop是美国Adobe公司推出的优秀图形图象史理软件，是目前世界上公认的最好

的图象处理软件之一。PhotoshopCS2是Adobe公司推出的最新版本，我们常用的是

PhotoshopCS,又称为Photoshop8.0,由于版本的升级，现在Photoshop*。已经出现在市面

上，PhotoshopCS只能够在Windows2000版本以上的操作系统中运行，例如WindowsXPo

该软件积扫描、编辑、图象设计、合成以及高品质输出功能于一体，并具有易学易用的优点,

在广告、包装设计、相片处理、美术创作等很广泛的领域中都深受电脑美术设计人员的青睐。

Photoshop作为专业的图象处理标准，它可以有效地提高工作效率，自由的创造新的编

辑方式，可制作出适用于打Eh网页和其他任何用途的最佳品质图象。此外，还可以通过滤

镜的使用，对图象进行特殊的处理和合成，创造出无与伦比的影像世界。

2.22Photoshop的应用

无论是平面广告设计、室内装潢，还是处理个人照片，Photoshop都已经成为不可或缺

的工具。随着近年来个人电脑的普及，使用Photoshop的家庭用户也多了起来。到目前

Photoshop已经发展成为家庭电脑的必装软件之一v以下列出Photoshop的一此实用功能“

1、功能强大的选择工具

Photoshop拥有多种选择工具，极大地方便了用户的不同要求。而且多种选择工具还可

以结合起来选择较为更杂的图像。

2、制定多种文字效果

利用Photoshop不仅可以制作精美的文字造型，而且还可以对文字进行复杂的变换

3、多姿多彩的滤镜

Phcmhcp不仅拥有多种内置滤镜可供用户选择使用，而且还支持第二方的滤镜.这样，

Photoshop就拥有了“取之不尽，用之不竭”的滤镜。

4、易学易用，用途广泛

对Photoshop不了解的人常常认为它是一种专业图形图像处理软件,其实这是一种误解,

Photoshop虽然功能强大，但是也易学易用，适应于不同水平的用户。

第三章电子相册设计

3.1总体设计结构

3.2Photoshop图片美化

Photoshop的设计：Photoshop在相册制作中起到美化的作用，用它我们可以制作漂亮的

和美观的图片以及文字。

文字效果参数：图层样式

投影参数设置，其中混合模式正片叠底颜色代码为：#FA67CFo不透明度75%,角度

94度，距离5像素，扩展0%,大小5像素。

内阴影参数设皆，其中混合模式正片容底颜色代码：#02ABDCo透明度75%,角度90

度，距离13像素，阻塞C%,大小24像素。

外发光参数设置，其中混合模式灌色，不透明度75%,杂色0%,方法较柔软，扩展0%,

大小5像素。

内发光参数设置，混合模式正片叠底，不透明度75%,杂色0%,颜色代码#FDFD20,

方法较柔软，边缘，阻塞0%,大小21像素。

斜面和浮雕参数设置，样式内斜面，方法平滑，深度1000%,方向上，大小27像素，

软化2像素，角度-96度，34度，滤色，不透明度100%,正片叠底#F3F2E6,不透明度39%。

等高线参数设置，范围100%.

光泽参数设置，混合模式正片叠底，颜色代码#口L13人，不透明度10()%,角度19度,

距离11像素，大小14像素，反相。

颜色叠加参数设置，颜色代码：#E4FlI2o不透明度100%。

渐变叠加参数设置。混合模式正常，不透明性100%,反向，样式径向，角度90度，

缩放129%。

3.3Flash设计结构:

在这个电子相册中，我主要是运用Flash进行设计的，通过flash设计出不同的动画效

果，图片和图片间采用不司的方式进行切换，在开头和结尾还放置了按钮用来控制flash的

播放。主要采用的交互方式有上下左右平移切换、淡入淡出切换、以方形或圆形展开切换、

放大缩小切换、旋转切换等等，下面就依次来介绍一下这几种效果的flash设计。

I、左移、右移或上移下移

将要做的图片放置到一图层的中心，在第二十五帧处插入关键帧，然后在第一帧处打开

属性面板设置动作补间，同时把图层向上向下或者是向左移出舞台，在第二十五帧到第三十

帧处插入空白帧，这样就可以把图片平移到舞台的中心来。之后就是把图片移出舞台，做法

跟刚才的差不多，在第五十五帧处插入关键帧，并创建动作补间，只是在最后一帧把图片移

2、淡入淡出

让图片的出现效果是让图片由无到有，而过渡到下慢慢的变淡直至消失。把图片放置到

一图层中，在第二十五顿处插入关键帧，然后在剪辑影片图层的第一帧的Alpha属性设为

0%,在二十五帧处的Alpha属性设为100%,再在第二十五帧到三十帧之间插入空白帧，再

在第五十五帧处插入关健帧，并把Alpha属性设为0%,并设置动作补问。

3、以圆形或者方形或者多星多圆展开。

把图片添加到一个图层上，在第二十五帧处插入关键帧，增加一个新的图层，在第一帧

出画一个小的圆，再在第二十五帧处画一个矩形将图层一的图片完全覆盖，打开属性面板创

建形状补间，然后把图层二设置为遮罩层即可。像通过多个五角星或者是多个圆展开的制作

原理也是这样。

上SOOS]E。'I"i：•】。Q?，119G2G

祖金忖-

【•卸蓼|

毕业论文.

名场累1

4、旋转

让图片旋转进入相册，把图片放置到一个图层中的舞台中心，在地二十五帧处插入关键

帧，在第一帧处设置动作补间，旋转设为顺时针，同时把图片移出舞台，这样图片就能旋转

进入舞台。在第二十五帧到第三十帧处插入空白关键帧，在第五十五帧处插入关键帧同时在

属性面板中设置动作补间，旋转设为逆时针，同时将图片移出舞台，这样就可以使图片旋转

移出舞台。

5、放大或缩小

将图片放置到一图层中，在第二十五帧处插入关键帧，在影片剪辑的第一帧属性面板设

置动作补间，然后打开变形面板把图片的大小设置为原来的1%,第二十帧处时10()%。第

二十五帧到三十帧处同样是空白关键帧，在第三十帧到第五十五帧的做法刚好与第一帧到第

二十五帧相反，这样图片就可以由小变大再由大变小。

・aOlllO2152202252302352402452502552602652702751280285

A人以8X•□

字业论文.

各场票1

6、按钮元件的制作

新建按钮元件，在弹起处插入一张图片，在指针经过处再插入另一张图片，插入一图层

写上“开始”或“重放”文字，让后就可以把按钮放置的场景中。之后点击按钮，同时打开

动作面板写上相应的语句。

第四章电子相册的完成

4.1电子相册主要说明

进入电子相册后点击开始就可以自动播放，当结束时点击重放就可以再次浏览电子相

册。

4.2界面设计

4.2.1电子相册界面设计

电子相册界面几乎都是一样，只是展示的图片不一样而已。

相册界面如下图所示：

4.2.2运行中的界面

4.2.3电子相册的制作过程

相册界面设计美观，交互性强，用户可以根据自己的需要查看相册，也可以伴随着音乐

欣赏。

界面交互友好，实现了上一页，下一页，自动播放及暂停功能还有音乐的播放，暂停，

增大音量及减小音量的功能，每•个动画均花费了大量心血设计并完成的。为了美观，所以

按钮，图片上的文字均采用photoshop制作和美化。

刚进入电子相册时设置了开始按钮，点击开始按钮就可以自动播放电了•相册了。在第一

帧和第二帧从左移入，从右移出的效果，在笫二帧和第三帧用旋转放大进入再向上平移出的

效果，在第三帧和第四帧用淡入淡出的效果，在第四帧和第五帧用圆形展开的效果，在第五

帧和第六帧用放大效果，在第六帧和第七帧用从左移入舞台在向下移出舞台的效果，第七帧

和第八帧采用从左顺时针旋转进入舞台再逆时针旋转出舞台，第八帧和第九帧用多个五角星

和圆展开进入的，第九帧和第十帧用放大的形式进入，之后又淡出，第十帧和第十一帧用从

下面平移进入再向左平移出的，最后一帧是以多圆展开的紧接出现“重放”按钮点击可以重

新播放。

第五章结束语

Flash是一款动画软件。Photoshop是一款图像处理