Flash电子相册的设计与制作

1IFlash电子相册的设计与制作【摘要】Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。它不仅能够制作出许多炫目多彩的效果，只要你肯赋予它一定的情景，它也会模拟出现生活中的场景。本系统是一个Flash电子相册，相册使用Flash制作工具完成电子相册的制作，该电子相册界面友好美观，能够加入照片的特效，配合一些动画效果的实现达到普通相册无法达到的美观性。该相册具有以下的优点：易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。并且相册易于用户的使用与管理，具有一定的个性化内容。【关键词】Flash；电子相册；个性化Flashelectronicalbumproduction【Abstract】Flashisanauthoringtoolthatdesignersanddeveloperscanusetocreatepresentations,applications,andothercontentthatallowstheusertointeract.Itcannotonlyproducemanydazzlingandcolorfuleffects,aslongasyouarewillingtogiveitacertainscenario,itwillsimulatelifeappearsinthescene.ThissystemisaFlashelectronicphotoalbum,photoalbumproducedusingFlashtoolstocompleteelectronicalbumproduction,theelectronicalbumfriendlyinterfaceappearance,canaddphotoswithsomespecialeffects,animationtoachievecommonalbumcanachievebeautiful.Thealbumhasthefollowingadvantages:easytostore,easytocopy,easytodisplay,moreentertainment,moreornamental,morefashion.Andthealbumeasyforuserstouseandmanagement,hasapersonalizedcontent.【Keywords】Flashelectronicphotoalbumpersonalized目录引言.........................................................11II第一章开发工具介绍..........................................11.1Flash8.0简介........................................11.2Photoshopcs4.........................................2第二章总体设计..............................................22.1整体思路..............................................22.2素材准备..............................................32.3设计路线..............................................3第三章详细设计..............................................33.1制作主界面动画模块设计................................43.2制作文字动画模块设计..................................53.3制作主界面文字按钮模块设计............................53.4制作目录文字按钮模块设计..............................63.5制作滚动图片模块设计..................................83.6制作婚纱照模块设计....................................93.7制作宝宝相册模块设计.................................103.8制作文字片尾模块设计.................................113.9插入背景音乐模块设计.................................11结论........................................................11参考文献....................................................13致谢........................................................1411引言Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用Flash创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的Flash应用程序。本系统是一个Flash电子相册，相册使用FLASH制作工具完成电子相册的制作，该电子相册界面友好美观，能够加入照片的特效，配合一些动画效果的实现达到普通相册无法达到的美观性。该相册具有以下的优点：易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。并且相册易于用户的使用与管理，具有一定的个性化内容。第一章开发工具介绍1.1Flash8.0简介Flash8.0是美国MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash8.0是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已经成为网上动画的霸主。Flash能够很好的支持声音，并具有交互功能，简单易学，可以方便实现一些现实中难以实现的、抽象的概念或现象。Flash8.0是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于以下几个领域：（1）娱乐短片：这是当前国内最火爆，也是广大Flash爱好者最热衷应用的一个领域，就是利用Flash制作动画短片，供大家娱乐。（2）片头：片头就如电视的栏目片头一样，可以在很短的时间内把自己的整体信息传播给访问者，既可以给访问者留下深刻的印象，同时也能在访问者心中建立良好印象。广告：这是最近两年开始流行的一种形式。有了Flash，广告在网络上发布才成为了可能，而且发展势头迅猛。MTV：这也是一种应用比较广泛的形式。在一些Flash制作的网站，几乎每周都有新的MTV作品产生。在国内，用Flash制作MTV也开始有了商业应用，比如用Flash12制作的MTV。（3）导航条：Flash的按钮功能非常强大，是制作菜单的首选。（4）小游戏：利用Flash开发“迷你”小游戏，在国外一些大公司比较流行，他们把网络广告和网络游戏结合起来，让观众参与其中，大大增强了广告效果。（5）产品展示：由于Flash有强大的交互功能，所以一些大公司，如Dell、三星等，都喜欢利用它来展示产品。1.2Photoshopcs4Photoshopcs4拥有多种选择工具，极大地方便了用户的不同要求。而且多种选择工具还可以结合起来选择较为复杂的图像。制定多种文字效果利用Photoshopcs4不仅可以制作精美的文字造型，而且还可以对文字进行复杂的变换。多姿多彩的滤镜Photoshopcs4不仅拥有多种内置滤镜可供用户选择使用，而且还支持第三方的滤镜。这样，Photoshopcs4就拥有了“取之不尽，用之不竭”的滤镜。Photoshopcs4易学易用，用途广泛对Photoshopcs4不了解的人常常认为它是一种专业图形图像处理软件，其实这是一种误解，Photoshopcs4虽然功能强大，但是也易学易用，适应于不同水平的用户。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途,是一门值得深入学习的一种好软件。第二章总体设计2.1整体思路动画采用Flash8.0进行设计，以PhotoshopCS4作为动画辅助制作软件，完成相关图片（素材）的处理（制作），总体构思如图2.1所示。前期准备是一部完整Flash电子相册的起步阶段，前期准备充分与否尤为重要，往往需要设计者就剧本的故事、剧作的结构、风格、图片、音乐等一系列问题进行反复的探讨、商榷。首先要有一部构思完整、结构出色的文学剧本，接着需要根据剧本设计主场景。尽可能地达到音乐与画面上动作节奏的和谐、统一。达到音乐配合画面动作、色彩、意境的效果。首先，我先将我所需要的图片美化，还有将必须要用到的按钮图片素材准备好，再者，我通过以回忆的方式将哥哥姐姐的照片一点一点展现给13大家，并且配上文字使整个Flash更富有活力，最后我选取一首幸福的甜蜜的歌曲插入我的作品当中，烘托出整个电子相册幸福的感觉。2.2素材准备这是工程最庞大的一块，当然靠Flash是远远不够的，还需要用到Photoshopcs4图像处理软件，又要考虑到电子相册的个性化界面效果，因此，此项工程需要认真构思它的美观性，这就需要我把构思思路详细记录下来，以便工作的顺利开展。同时，为此电子相册选取优美的背景音乐也是一不容忽视的问题，由于这个电子相册素材主要是以自己身边的亲戚的婚纱照为主题的，所以这个背景音乐应该是幸福的、欢快的，因此，我选择了曲婉婷的《LifeIsLikeaSong》为背景音乐，烘托出幸福的气氛。2.3设计路线从选题→创意→结构化分析→素材准备电子相册分解制作→电子相册组合→电子相册程序编写，全面考虑作品的创造力、交互式、原创性、趣味性、功能性、技术性、积极性、相关性等。Flash电子相册设计时兼顾以上知识点，可延伸至互联网供大家分享，具体设计路线如图2.2所示。第三章详细设计该电子相册分为主界面动画制作、文字动画制作、利用画图工具制作漂浮动画、文字及图片按钮制作、利用旋转及缩放工具制作动态图片等模块，下面我将对9个典型的模块做介绍。相册切换效果交互功能美化图片美化按钮添加音乐图2.1总体构思图主界面那年在高中那年在大学那年我们毕业现在的我们主要展示婚纱照主要展示现在生活及宝宝照片主要展示两人大学生活主要展示高中的相遇到相爱图2.2设计路线结构图143.1制作主界面动画模块设计（1）新建一个图层，重命名为“首页动画图片”，在第1帧处单击鼠标右键，插入关键帧，导入宽为258，高为300的动画图片“位图2”，并且放在X:135、Y:36处，并且在第14帧处插入帧，使该图片在舞台中持续到第14帧，如图3.1所示。（2）在“首页动画图片”图层中第9帧处插入关键帧，并且将“位图2”移动至X:33，Y:53处,在2-8帧处鼠标右击选择“创建补间动画”，并且在第14帧处同样插入关键帧并创建补间动画，生成动画效果，如图3.2所示。图3.1首页动画图3.2首页动画制作图153.2制作文字动画模块设计新建一个图层“闪图高中”，将“位图8”插入，并且新建两个图层“文字”与“介绍”，分别运用文字工具写入所需文字，并且将“介绍”一栏文字运用插入关键字并且创建补间动画的方法达到文字缓缓滚入的效果，如图3.3、3.4所示。3.3制作主界面文字按钮模块设计（1）新建一个图