Flash电子相册的设计与制作

/Flash电子相册的设计和制作【摘要】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目录引言 1第一章开发工具介绍 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致谢 14引言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也起先有了商业应用，比如用Flash制作的MTV。（3）导航条：Flash的按钮功能特别强大，是制作菜单的首选。（4）小嬉戏：利用Flash开发“迷你”小嬉戏，在国外一些大公司比较流行，他们把网络广告和网络嬉戏结合起来，让观众参和其中，大大增加了广告效果。（5）产品展示：由于Flash有强大的交互功能，所以一些大公司，如Dell、三星等，都喜爱利用它来展示产品。1.2Photoshopcs4Photoshopcs4拥有多种选择工具，极大地便利了用户的不同要求。而且多种选择工具还可以结合起来选择较为困难的图像。制定多种文字效果利用Photoshopcs4不仅可以制作精致的文字造型，而且还可以对文字进行困难的变换。多姿多彩的滤镜Photoshopcs4不仅拥有多种内置滤镜可供用户选择运用，而且还支持第三方的滤镜。这样，Photoshopcs4就拥有了“取之不尽，用之不竭”的滤镜。Photoshopcs4易学易用，用途广泛对Photoshopcs4不了解的人经常认为它是一种专业图形图像处理软件，其实这是一种误会，Photoshopcs4虽然功能强大，但是也易学易用，适应于不同水平的用户。它涉及图像合成、色调校正、图层调板、通道运用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途,是一门值得深化学习的一种好软件。其次章总体设计2.1整体思路动画采纳Flash8.0进行设计，以PhotoshopCS4作为动画协助制作软件，完成相关图片（素材）的处理（制作），总体构思如图2.1所示。前期打算是一部完整Flash电子相册的起步阶段，前期打算充分和否尤为重要，往往须要设计者就剧本的故事、剧作的结构、风格、图片、音乐等一系列问题进行反复的探讨、商榷。首先要有一部构思完整、结构精彩的文学剧本，接着须要依据剧本设计主场景。尽可能地达到音乐和画面上动作节奏的和谐、统一。达到音乐协作画面动作、色调、意境的效果。首先，我先将我所须要的图片美化，还有将必须要用到的按钮图片素材打算好，再者，我通过以回忆的方式将哥哥姐姐的照片一点一点呈现给大家，并且配上文字使整个Flash更富有活力，最终我选取一首华蜜的甜蜜的歌曲插入我的作品当中，烘托出整个电子相册华蜜的感觉。相册切换效果交互功能美化图片美化按钮添加音乐图2.1总体构思图相册切换效果交互功能美化图片美化按钮添加音乐图2.1总体构思图这是工程最浩大的一块，当然靠Flash是远远不够的，还须要用到Photoshopcs4图像处理软件，又要考虑到电子相册的特性化界面效果，因此，此项工程须要仔细构思它的美观性，这就须要我把构思思路具体记录下来，以便工作的顺当开展。同时，为此电子相册选取美丽的背景音乐也是一不容忽视的问题，由于这个电子相册素材主要是以自己身边的亲戚的婚纱照为主题的，所以这个背景音乐应当是华蜜的、欢快的，因此，我选择了曲婉婷的《LifeIsLikeaSong》为背景音乐，烘托出华蜜的气氛。2.3设计路途从选题→创意→结构化分析→素材打算电子相册分解制作→电子相册组合→电子相册程序编写，全面考虑作品的创建力、交互式、原创性、趣味性、功能性、技术性、主动性、相关性等。Flash电子相册设计时兼顾以上学问点，可延长至互联网供大家共享，具体设计路途如图2.2所示。主界面主界面那年在中学那年在高校那年我们毕业现在的我们主要展示婚纱照主要展示现在生活及宝宝照片主要展示两人高校生活主要展示中学的相遇到相爱图2.2设计路途结构图第三章具体设计该电子相册分为主界面动画制作、文字动画制作、利用画图工具制作漂移动画、文字及图片按钮制作、利用旋转及缩放工具制作动态图片等模块，下面我将对9个典型的模块做介绍。3.1制作主界面动画模块设计（1）新建一个图层，重命名为“首页动画图片”，在第1帧处单击鼠标右键，插入关键帧，导入宽为258，高为300的动画图片“位图2”，并且放在X:135、Y:36处，并且在第14帧处插入帧，使该图片在舞台中持续到第14帧，如图3.1图图3.1首页动画（2）在“首页动画图片”图层中第9帧处插入关键帧，并且将“位图2”移动至X:33，Y:53处,在2-8帧处鼠标右击选择“创建补间动画”，并且在第14帧处同样插入关键帧并创建补间动画，生成动画效果，如图3.2图图3.2首页动画制作图3.2制作文字动画模块设计新建一个图层“闪图中学”，将“位图8”插入，并且新建两个图层“文字”和“介绍”，分别运用文字工具写入所需文字，并且将“介绍”一栏文字运用插入关键字并且创建补间动画的方法达到文字缓缓滚入的效果，如图3.3、3.4图3图3.4文字滚入页面效果图3.3嵌入字体3.3制作主界面文字按钮模块设计（1）新建一个图层，重命名为“按钮”，插入新建元件，选择按钮，并且在新建好的按钮页面利用文字工具写出“ALoveStory”，分别在“弹起”“指针经过”“按下”“点击”处右击插入关键帧，并且分别将字体颜色变更，生成动画按钮，如图3.5所示。图图3.5文字按钮制作（2）在“按钮”图层第9帧处单击鼠标右键，插入关键帧，将图3.5按钮插入，并且在第14帧处插入帧，使该按钮持续到14帧处，如图3.6所示。图图3.6文字按钮效果（3）假如要使按钮起作用，就得给按钮添加动作，在这里我希望按下按钮后到达第15帧，代码为:on(release)｛gotoAndPlay(15);}如图3.7所示。图图3.7文字按钮代码3.4制作书目文字按钮模块设计（1）新建一个图层，重命名为“书目”，在第15帧插入关键帧，插入背景图片“背景”，并且再新建一个图层“文字1”，运用文字工具在背景图片上写“YouAndMe”，效果如图3.8图图3.8主页文字嵌入（2）新建四个图层，分别重命名为“中学”、“高校”、“毕业”、“现在”，并且分别在图层上运用文字工具写上“那年在中学”、“那年在高校”、“那年我们毕业”、“现在的我们”，分别在每个图层的第15帧处插入关键字，分别将写好的文字插入舞台，效果如图3.9所示。（3）要达到按钮效果，就须要将图11上的四组字转为按钮元件，分别将按钮重命名为“中学按钮”“高校按钮”“毕业按钮”“现在按钮”，如图3.10所示。图3图3.9主页文字按钮写入图3.10主页文字按钮转为元件（4）要想每个按钮起作用，就须要分别在按钮上添加动作，当鼠标点击每行字时能够到达想要到达第931、45、76、348帧，按钮代码同图3.11所示。图图3.11主页文字按钮添加代码（5）当然只在按钮上添加动作是不够的，要想保持鼠标在点击按钮前该页面静止，点击时按钮产生动作还须要分别将这四个按钮在第15帧时插入关键帧并且写入代码时页面静止，如图3.12所示。图图3.12主页文字按钮添加代码3.5制作滚动图片模块设计（1）新建一个图层，插入元件，新建影片剪辑“影片”，将打算好的照片素材连串起来，效果如图3.13所示。图图3.13照片影片剪辑（2）将做好的影片剪辑插入到舞台第106帧，并且运用插入关键帧并创建补间动画的方式将影片在舞台上缓缓插入，并且运用刷子工具为该影片制作美丽背景，效果如图3.14所示。图4.14图4.14影片剪辑插入舞台3.6制作婚纱照模块设计（1）插入图片，并且运用文字工具对开场进行描述，并且配上简洁的图案动画制造浪漫氛围，这里我用椭圆工具画出泡泡，对泡泡进行了亮度设置使泡泡在运动过程中颜色渐变，效果对比如图3.15、3.16所示。图图3.15画图工具制作泡泡图图3.16制作泡泡动画（2）新建图层“婚纱照1”，在第395帧的时候将图片“45-46”插入，对该照片进行设置，运用缩放工具、旋转工具对该照片进行设置，并且将图片在不同帧数的时候的亮度变更创建补间动画，使图片呈现出渐入渐出的效果，如图3.17、3图3图3.18缩放工具缩小照片图3.17缩放工具设置照片（3）其余几张婚纱照同样运用和上面相同的方法使照片展示给大家，并且配上背景上的各种形态的圈圈点点的转动效果如图3.19所示。图图3.19相册效果图3.7制作宝宝相册模块设计首先将打算好的宝宝照片素材插入新建图层“图片1”，对该照片添加模糊特效，如图3.20图图3.20宝宝照片制作特效3.8制作文字片尾模块设计片尾我运用文字的方式来表达该影片的结束，并且运用浮动的泡泡的色调转变，烘托出整个影片的华蜜气氛，效果对比如图3.21、3.22所示。图3图3.22片尾文字动画图3.21片尾文字嵌入3.9插入背景音乐模块设计先将打算好的背景音乐导入到库中，并将音乐加入到flash中去，如图4.23所示。图图3.23插入背景音乐结论在本电子相册的制作中，我以哥哥姐姐的婚纱照为例，用Flash8.0作为开发工具，综合运用Flash的各种功能，包括运用补间动画和逐帧动画实现了照片的展示效果，同时也运用了按钮和动作吩咐实现了交互效果，最终完成了该电子相册，经测试，运行良好。制作一个吸引阅读者的Flash作品，必须要有丰富的想象力，只有敢于想象，才能制作出优秀的Flash作品，只有选题新奇、给予新意的作品才能让阅读者驻足。但由于本人专业水平有限，虽追求完备，但仍有很大不足之处有待改正。在以后的学习中，我将不断努力，提高自己的专业水平，设计出更完备的Flash作品。参考文献罗小燕.Flash动画和卡通制作创意导航[M].北京：清华高校出版社，2002高志清.Flash动作制作零点飞跃—学设计零点飞跃丛书[M].水利水电出版社，2005李琼.Flash8.0闪客动画轻松现场实战[M].航空工业出版社，2007德汉.周辉.FlashMX2004网页动画制作标准教材[M].电子工业出版社，2004赵子江.变形动画制作教程[M].北京：机械工业出版社，2000赵国志.赵璐.色调构成和绘画设计艺术[M].辽宁：美术出版社，2000瑞哈特（美）.曹铭.FlashMX宝典[M].电子工业出版社，20