毕业设计（论文）Flash电子相册的制作.doc

安徽省高等教育计算机软件专业毕业论文论文题目：Flash电子相册的制作专 业： 计算机软件 学生姓名： 准考证号： 指导教师： 2009年12月22日摘 要照片给人们留下了难忘的永恒的记忆，如何珍藏这些永久的记忆？时间一长或稍有不慎照片就会损坏，随着时间的流逝照片会发黄、褪色、甚至会发霉，而电子相册完全可以避免诸多缺点。以静态照片为素材（获得源方式为扫描仪扫描、数码相机所拍等），配合动感的背景、前景和字幕等视频处理的特殊效果，配上音乐就可制作成电子相册。制作好的电子相册可以在电脑上,各类影碟机上,以及手机和MP4里都能观看,这是电子相册技术发展到今天的一个新的突破,即不再象传统那样,只能在电脑上或在影碟机上观看了.并且还可以通过手机将自己的个性化MTV发送给远方的亲朋好友们分享.本文的电子相册是通过Flash MX 2004软件制作的。Flash电子相册因为其画面活拨、新颖且极具动感，具有独特的平面动感风格很快被年轻一代所追捧。本课题是用Flash MX 2004软件将相片，音乐，文字以及富有新意的界面融合在一起并配合Photoshop强大的图像处理功能美化制作的电子相册。本文充分显示了Flash MX 2004的简单直观又操作方便的动画设计功能。关键词： Flash Photoshop 相册ABSTRACTPhotos leave an unforgettable and eternal memory.How to treasure those permanent memory?Photos will damage for a long time,with the passage of time photos will be yellow, faded, or even moldy.Many shortcomings can be avoided completely by electronic album.For a static photo material (get from scanner, digital camera ,etc.),with dynamic background,the prospects and subtitles video processing special effects,music can be produced into an electronic album. Electronic album can be watched on your computer, all types of player, as well as in all mobile phones and MP4.The technological development of electronic photo album is a new breakthrough to this day, not as traditional as can only be on your computer or a player to watch.People can share their own personalize MTV with distant friends and family by mobile phones.The electronic album in this paper is produced by Flash MX 2004 software.Flash e-album is quickly popular in the younger generation because of its lively screen, innovative and highly dynamic, a unique style of the dynamic plane.The topic is produced with photos, music,word, animation and innovative interface and together with the powerful Photoshop image-processing functions by Flash MX 2004 software .This article demonstrates Flash MX 2004 which is a simple and intuitive and user-friendly design features tools.Keywords: Flash; Photoshop; Ablum目 录第一章 引 言51.1 电子相册的兴起51.2 电子相册简介51.2.1 电子相册概要51.2.2 电子相册的优点6第二章 开发工具62.1 关于flash62.1.1 Flash的产生及其特点62.1.2 Flash MX 2004的开发环境82.2 Photoshop简介82.2.1 Photoshop的相关知识82.22 Photoshop的应用9第三章 电子相册设计103.1总体设计结构103.2 Photoshop图片美化103.3 Flash设计结构：11第四章 电子相册的完成214.1电子相册主要说明214.2 界面设计214.2.1电子相册界面设计214.2.2运行中的界面224.2.3电子相册的制作过程22第五章 结束语22参考文献23致 谢24附录25第一章 引 言1.1 电子相册的兴起Internet的普及，电脑已经成为人们不可缺少的生活用品，用电脑创作美普及开来；而且对于更好的展现设计来说，和普通的演示比较起来，用电脑演示具有永不退色，不易损坏的优点。在这形势下，用软件去创作美并用软件演示就非常有现时意义了！同时，随着电子数码产品的普及，多媒体制作的门槛也随之大大降低，越来越多的用户对多媒体软件制作发生了浓厚的兴趣！数码相机和电子相册开发工具的日益强大为电子相册设计提供了现实的可能性和广泛的发展空间。对于每一位渴望展现自我的人，都可以利用这些软件设计出具有个性创意的作品。电子相册在不久的将来将会成为人们传播照片和交流沟通的主要手段之一，其设计有着重要的现实意义。电子相册的出现和迅猛发展是以电子计算机和数码相机的产生和日益普及为基础的，它是现代高科技的产物，极大地丰富了人们的文化生活和情感。七十年代以前从人们总是翻阅黑白影集来回顾过去，到现在人们通过电子相册来感受过去的时光。短短的几十年里，人类的生活方式发生了巨大的变化。近年来，随着电子相册制作系统的越来越易于操作，电子相册迅速地普及开来，并呈现出欣赏方便、交互性强、储存量大、永久保存、欣赏性强、成本廉价、实用兼有美观功能等优点。在将来一定会有强大的发展动力和广阔的发展空间。1.2 电子相册简介1.2.1 电子相册概要电子相册是指可以在电脑上观赏的区别于CDVCD的静止图片的特殊文档，其内容不局限于摄影照片，也可以包括各种艺术创作图片。电子相册具有传统相册无法比拟的优越性：图、文、声、像并茂的表现手法，随意修改编辑的功能，快速的检索方式，永不褪色的恒久保存特性，以及廉价复制分发的优越手段。 制作电子相册首先要获得数字化的图片，即图片文件。用数字相机拍摄，可以直接得到电子图片文件。也可以使用普通相机拍摄，通过扫描仪得到图片文件。如果是游戏画面或VCDDVD画面，可采用屏幕拷贝或功能更强的截屏软件获得图片。其次要对图片进行加工处理。使用 Photoshop对图片做修整编辑和效果装饰，可以得到专业设计水平的图片。一些小的图象工具如CorelDraw、PSP、photostyle、Phot-oFinish及各图片浏览软件都可以完成一般的图象处理任务。电子相册的主要内容：1、制作图片切换效果，每一个切换效果几乎都是不一样的。2、界面有很多按钮，使交互友好，实现了上一页，下一页，自动播放及暂停的功能。音乐也有交互功能，实现播放，暂停，增大音量及减小音量的功能。使相册更灵活。1.2.2 电子相册的优点1、欣赏方便：传统的相册在多人欣赏时只好轮流进行，而电子相册可以很多人同时在大屏幕电视上欣赏。2、选择性强：你可以用一套照片制作出多种MTV形式便于欣赏。 3、易于保存：CDR光盘以金为存储介质，寿命长达上百年；4、.欣赏性强：以高科技处理照片，并配上优美的音乐，加以3D动态效果，可以让你得到双重的享受。5、成本低廉：目前市场价处理一张照片为2元左右(有特别要求的除外)。如果你需几套电子相册以便送人。只需复制几份就可以了。集体做电子相册成本会更低!当电视画面展现时，您将会惊奇地发现，您和您的家人已经成为明星。生动的电影特技、巧妙的背景融合、悠扬的MTV流行歌曲伴唱，美丽的婚纱摄影创意，足以让您倾倒。无论是老照片还是新照片，再不是呆板地放在那里，而是像小燕子一样唱着笑着飞起来。为父母、为妻子、为孩子、为朋友，制作一张可以在VCD、DVD机中播放的电子相册，将成为一件最好礼物。尊龙佳凤的婚纱照、天真活泼的儿童照、里程碑式的生日照、友谊长存的毕业照、独具风采的个人写真等，都很适合做成电子相册。做一帧精美的电子相册，将您瞬间定格的幸福、快乐、温馨、浪漫升华为动态的永恒。做一帧精美的电子相册，串起你人生旅途中五彩斑斓的贝壳。做一帧精美的电子相册，留住那如诗如画，胜诗胜画的年华。第二章 开发工具2.1 关于flash2.1.1 Flash的产生及其特点 Flash的前身是Future Wave公司开发的FutureSplash Animator，是一个基于矢量的动画制作软件。由于该软件得到良好的反响，于是被Macromedia收归旗下，定名为Macromedia FLASH 2。由于Macromedia的大力宣扬和FLASH 2本身的独特本领，很快成为网络的宠儿。Macromedia Flash作为矢量化的交互式web动画制作工具，它结合macromedia公司的“流”技术-SHOCKWAVE，在web上用于发布交互式的动画。讲得更通俗一些。首先，它的优势是基于矢量的动画制作，不论你把矢量放大多少倍，它仍然那么清晰，因为矢量其实就是一个算术式，电脑根据这个算术式而生成图像，所以它不象一般的gif和jpg，当你放大矢量图的时候，不会模糊和起锯齿。因此你可以把FLASH的文件做得很小，而在HTML中用命令把它放大。其次，用FLASH生成的交互式动画体积很小，这是相对动态的Gif而言，更适合于在网上传播。再有，FLASH的播放是“流”技术，动画边下载边演示，如果控制的好你几乎感觉不到文件还没有完全下载。因为Flash简单易学，而且文件容量大多仅有几百K，这种由MACROMEDIA公司开发的软件无疑很适合当今的网络。因此越来越多的普通人也开始编辑设计自己的“Flash”，行家们也认为做闪客无须太高深的技术，只要有足够的想像力，有创意，懂得一定的Flash软件知识，就可以尝试。 它的特点如下：1、文件的数据量小网络数据的传输速度是网络中最重要的一项指标，因此，如何在丰富网络内容的同时尽可能减少网络文件的数据量，一直为人们所关注。因为Flash广泛使用矢量图形，所以她的文件非常小，特别适用于创建通过Internet提供的内容。与位图图像相比，矢量图形需要的内存和存储空间都小得很多，因为它们是以数学公式而不是大型数据集来表示的。位图图像之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。2、图像质量高由于矢量图形可以做到真正的无级放大，因此图像不但可以始终被完全显示，而且不会降低图像质量。而一般的位图，当用户对其进行放大时，就会看到一个个锯齿状的色块。3、矢量图形利用Flash提供的绘图工具可以方便地绘制任意图形的线条、色块及文字，并可以方便地实现矢量线条向矢量色块的转换，对矢量色块的加粗以及对矢量色块的柔化等，同时还可以任意调整图形或色块的颜色。4、文件格式多样在Flash动画中可以引用多种类型文件，包括图形、图像、音乐以及视频等，使动画能够灵活适应不同领域的需要。5、交互式动画一般的动画制作软件，只能制作标准的顺学动画，即动画只能连续播放。借助ActionScript（脚本语言）的强大功能，Flash不仅可以制作各种精彩炫目的顺序动画，还能制作出复杂的交互式动画，是用户可以对动画进行控制。这是Flash一个非常重要的特点，它有效地扩展了动画的应用领域。6、流式播放技术Flash动画采用了“流式（Streaming）”播放形式，在观看动画时，不需要等到动画文件全部下载到本地后才能观看，而是“即时”观看。虽然后面的内容还没完全下载，但是前面的内容同样可以播放，这实现了动画的快速播放，减少了用户的等待时间。2.1.2 Flash MX 2004的开发环境1、 正确安装Flash MX 2004后，Flash MX 2004软件就会在Windows的开始菜单中，用鼠标单击【开始】/【程序】/【Macromedia】/【Macromedia Flash MX 2004】，就会启动Flash MX 2004中文版。2、启动Flash MX 2004中文版后，弹出一个让用户选择【打开最近项目】、【创建新项目】、【从模版创建】的窗口。选取【创建新项目】，单击【Flash 文档】按钮，进入了Flash MX 2004中文版集成开发环境。 3、在Flash菜单栏共有10个菜单项，分别是文件、编辑、视图、插入、修改、文本、命令、控制、窗口、帮助。4、Flash的集成开发环境中的【工具】面板有选择工具、部分选取工具、线条工具、套索工具等美化工具，默认的情况下Flash将自动打开标准工具。为方便用户操作需要，Flash将常用的工具集中放在工具箱中。 如果用户没有看到工具的话可以打开，方法：选择菜单【窗口】/【工具】，将工具的勾选上或直接按Ctrl+F2调出工具。5、Flash中的动作是输入程序代码和程序调试的地方。在其左边有可以调用的函数，只要双击你要调用的函数，函数将会出现在动作编辑区。动作的快捷键是F9。6、Flash中进行动画内容编辑的整个区域叫做场景。场景中进行图像的绘制和编辑工作的白色区域是舞台，舞台之外灰色区域是工作区。7、Flash的【时间轴】就是用来组织和控制文档内容在一定时间内播放的层数和帧数。其主要的组件是层、帧和播放头，还包含一些信息指示器。帧是进行动画创作的基本时间单元。8、Flash中还有很多面板，例如【颜色】面板，【对齐】面板，【库】面板等。2.2 Photoshop简介2.2.1 Photoshop的相关知识Photoshop是美国Adobe公司推出的优秀图形图象处理软件，是目前世界上公认的最好的图象处理软件之一。Photoshop CS2 是Adobe公司推出的最新版本，我们常用的是Photoshop CS，又称为Photoshop8.0，由于版本的升级，现在Photoshop9.0已经出现在市面上，Photoshop CS只能够在Windows 2000版本以上的操作系统中运行，例如WindowsXP。该软件积扫描、编辑、图象设计、合成以及高品质输出功能于一体，并具有易学易用的优点，在广告、包装设计、相片处理、美术创作等很广泛的领域中都深受电脑美术设计人员的青睐。Photoshop作为专业的图象处理标准，它可以有效地提高工作效率，自由的创造新的编辑方式，可制作出适用于打印、网页和其他任何用途的最佳品质图象。此外，还可以通过滤镜的使用，对图象进行特殊的处理和合成，创造出无与伦比的影像世界。2.22 Photoshop的应用无论是平面广告设计、室内装潢，还是处理个人照片，Photoshop都已经成为不可或缺的工具。随着近年来个人电脑的普及，使用Photoshop的家庭用户也多了起来。到目前Photoshop已经发展成为家庭电脑的必装软件之一。以下列出Photoshop的一些实用功能。1、功能强大的选择工具Photoshop拥有多种选择工具，极大地方便了用户的不同要求。而且多种选择工具还可以结合起来选择较为复杂的图像。2、制定多种文字效果利用Photoshop不仅可以制作精美的文字造型，而且还可以对文字进行复杂的变换3、多姿多彩的滤镜Photoshop不仅拥有多种内置滤镜可供用户选择使用，而且还支持第三方的滤镜。这样，Photoshop就拥有了"取之不尽，用之不竭"的滤镜。4、易学易用，用途广泛对Photoshop不了解的人常常认为它是一种专业图形图像处理软件，其实这是一种误解，Photoshop虽然功能强大，但是也易学易用，适应于不同水平的用户。 第三章 电子相册设计3.1总体设计结构美化图片相册切换效果美化按钮交互功能添加音乐3.2 Photoshop图片美化 Photoshop的设计：Photoshop在相册制作中起到美化的作用，用它我们可以制作漂亮的和美观的图片以及文字。文字效果参数：图层样式投影参数设置，其中混合模式正片叠底颜色代码为：#FA67CF。不透明度75%，角度94度，距离5像素，扩展0%,大小5像素。内阴影参数设置，其中混合模式正片叠底颜色代码：#02ABDC。透明度75%，角度90度，距离13像素，阻塞0%，大小24像素。外发光参数设置，其中混合模式滤色，不透明度75%，杂色0%，方法较柔软，扩展0%，大小5像素。内发光参数设置，混合模式正片叠底，不透明度75%，杂色0%，颜色代码#FDFD20，方法较柔软，边缘，阻塞0%，大小21像素。斜面和浮雕参数设置，样式内斜面，方法平滑，深度1000%，方向上，大小27像素，软化2像素，角度-96度，34度 ，滤色，不透明度100%，正片叠底#F3F2E6，不透明度39%。等高线参数设置，范围100%。光泽参数设置，混合模式正片叠底，颜色代码#D1F13A，不透明度100%，角度19度，距离11像素，大小14像素，反相。颜色叠加参数设置，颜色代码：#E4F112。不透明度100%。渐变叠加参数设置。混合模式正常，不透明性100%，反向，样式径向，角度90度，缩放129%。3.3 Flash设计结构：在这个电子相册中，我主要是运用Flash进行设计的，通过flash设计出不同的动画效果，图片和图片间采用不同的方式进行切换，在开头和结尾还放置了按钮用来控制flash的播放。主要采用的交互方式有上下左右平移切换、淡入淡出切换、以方形或圆形展开切换、放大缩小切换、旋转切换等等，下面就依次来介绍一下这几种效果的flash设计。1、左移、右移或上移下移将要做的图片放置到一图层的中心，在第二十五帧处插入关键帧，然后在第一帧处打开属性面板设置动作补间，同时把图层向上向下或者是向左移出舞台，在第二十五帧到第三十帧处插入空白帧，这样就可以把图片平移到舞台的中心来。之后就是把图片移出舞台，做法跟刚才的差不多，在第五十五帧处插入关键帧，并创建动作补间，只是在最后一帧把图片移出舞台，这样就出现了平移进出的效果。2、淡入淡出让图片的出现效果是让图片由无到有，而过渡到下慢慢的变淡直至消失。把图片放置到一图层中，在第二十五 帧处插入关键帧，然后在剪辑影片图层的第一帧的Alpha属性设为0%，在二十五帧处的Alpha属性设为100%，再在第二十五帧到三十帧之间插入空白帧，再在第五十五帧处插入关键帧，并把Alpha属性设为0%，并设置动作补间。3、以圆形或者方形或者多星多圆展开。把图片添加到一个图层上，在第二十五帧处插入关键帧，增加一个新的图层，在第一帧出画一个小的圆，再在第二十五帧处画一个矩形将图层一的图片完全覆盖，打开属性面板创建形状补间，然后把图层二设置为遮罩层即可。像通过多个五角星或者是多个圆展开的制作原理也是这样。4、旋转让图片旋转进入相册。把图片放置到一个图层中的舞台中心，在地二十五帧处插入关键帧，在第一帧处设置动作补间，旋转设为顺时针，同时把图片移出舞台，这样图片就能旋转进入舞台。在第二十五帧到第三十帧处插入空白关键帧，在第五十五帧处插入关键帧同时在属性面板中设置动作补间，旋转设为逆时针，同时将图片移出舞台，这样就可以使图片旋转移出舞台。5、放大或缩小将图片放置到一图层中，在第二十五帧处插入关键帧，在影片剪辑的第一帧属性面板设置动作补间， 然后打开变形面板把图片的大小设置为原来的1%，第二十帧处时100%。第二十五帧到三十帧处同样是空白关键帧，在第三十帧到第五十五帧的做法刚好与第一帧到第二十五帧相反，这样图片就可以由小变大再由大变小。6、 按钮元件的制作新建按钮元件，在弹起处插入一张图片，在指针经过处再插入另一张图片，插入一图层写上“开始”或“重放”文字，让后就可以把按钮放置的场景中。之后点击按钮，同时打开动作面板写上相应的语句。 第四章 电子相册的完成 4.1电子相册主要说明 进入电子相册后点击开始就可以自动播放，当结束时点击重放就可以再次浏览电子相册。4.2 界面设计 4.2.1电子相册界面设计电子相册界面几乎都是一样，只是展示的图片不一样而已。相册界面如下图所示：4.2.2运行中的界面4.2.3电子相册的制作过程相册界面设计美观，交互性强，用户可以根据自己的需要查看相册，也可以伴随着音乐欣赏。界面交互友好，实现了上一页，下一页，自动播放及暂停功能还有音乐的播放，暂停，增大音量及减小音量的功能，每一个动画均花费了大量心血设计并完成的。为了美观，所以按钮，图片上的文字均采用photoshop制作和美化。刚进入电子相册时设置了开始按钮，点击开始按钮就可以自动播放电子相册了。在第一帧和第二帧从左移入，从右移出的效果，在第二帧和第三帧用旋转放大进入再向上平移出的效果，在第三帧和第四帧用淡入淡出的效果，在第四帧和第五帧用圆形展开的效果，在第五帧和第六帧用放大效果，在第六帧和第七帧用从左移入舞台在向下移出舞台的效果，第七帧和第八帧采用从左顺时针旋转进入舞台再逆时针旋转出舞台，第八帧和第九帧用多个五角星和圆展开进入的，第九帧和第十帧用放大的形式进入，之后又淡出，第十帧和第十一帧用从下面平移进入再向左平移出的，最后一帧是以多圆展开的紧接出现“重放”按钮点击可以重新播放。第五章 结束语Flash 是一款动画软件。Photoshop是一款图像处理软件。Flash灵活的编辑方式，创造出无与伦比的动感世界。Photoshop对图象随意修改编辑的功能，快速的检索方式，永不褪色的恒久保存特性，以及廉价复制分发的优越手段。二者配合可以制作出很漂亮使用的电子相册，在现实生活中Flash电子相册越来越具有重要的意义，而且在以后社会的发展中将起着越来重要的地位。这次本人所做的电子相册是以回忆母校为题材的，先用photoshop对图片进行相应的处理，使其看起来更加美观大方，然后利用flash进行动画设计，充分运用补间动画和遮罩效果设计出图片和图片之间不同的切换效果，其中还放置了按钮元件对相册进行控制，最后还添加了轻音乐“寂静之声”作为背景音乐，以增加电子相册的动感。这次的电子相册的制作及论文的写作过程实在不容易，中途历经了很多艰辛，但更多的是我从中学到了不东西，经过充分的资料和素材准备、指导老师的大力支持与帮助和个人的努力，基本上达到了毕业设计预期的要求。经过运行测试，现阶段运行良好。 参考文献1 张继皇，王凯 编著. Flash MX 2004标准教程.海洋出版社, 20042 黄乐，石伟玉 编著. Flash MX 2004中文版入门与提高实用教程 .中国铁道出版社, 20043 杨格 编著. Flash 8中文版全程自学手册. 电子工业出版社,  2007  4 张凡，李岭编著. Flash MX 2004精彩设计零距离. 电子工业出版社, 20045 刘广瑞 编著. 中文Flash MX 2004应用实践教程. 西北工业大学出版社, 2007.6 龙飞 编著. Flash MX 2004完全自学手册. 中国铁道出版社, 20077 方晨 编著. Flash MX 2004中文版实例教程. 上海科学普及出版社,  20078 孙全党 编著. Flash MX 2004中文版应用教程.  电子工业出版社, 20089 徐晓清，王景中 编著.Photoshop CS全攻略. 电子工业出版社, 200410 北京前程学校 编著. Photoshop CS图像设计宝典. 航空工业出版社, 2004致 谢在Flash电子相册的制作及其完成过程中，首先要感谢的是我的指导老师封子军，是封老师的指导和支持使我坚定信念，信心十足的克服重重困难，最后设计出电子相册的程序。这段时间从老师那里不仅学到了知识，也会把老师诲人不倦的精神和高尚的育人风范，当做自己日后工作的楷模。也要感谢我的同学及所有帮助过我的人，有了你们，我的电子相册的设计才得以顺利完成！附录按钮程序代码：1、播放或重播：on(release) gotoandplay();2、停止Stop();