Flash电子相册的设计与制作

1、1Flash电子相册的设计与制作【摘要】Flash是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。它不仅能够制作出许多炫目多彩的效果，只要你肯赋予它一定的情景，它也会模拟出现生活中的场景。本系统是一个Flash电子相册，相册使用Flash制作工具完成电子相册的制作，该电子相册界面友好美观，能够加入照片的特效，配合一些动画效果的实现达到普通相册无法达到的美观性。该相册具有以下的优点：易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。并且相册易于用户的使用与管理，具有一定的个性化内容。【关键词】Flash；电子相册；个性化Flash el

2、ectronic album production【Abstract】Flash is an authoring tool that designers and developers can use to create presentations, applications, and other content that allows the user to interact. It can not only produce many dazzling and colorful effects, as long as you are willing to give it a certain s

3、cenario, it will simulate life appears in the scene. This system is a Flash electronic photo album, photo album produced using Flash tools to complete electronic album production, the electronic album friendly interface appearance, can add photos with some special effects, animation to achieve commo

4、n album can achieve beautiful. The album has the following advantages: easy to store, easy to copy, easy to display, more entertainment, more ornamental, more fashion. And the album easy for users to use and management, has a personalized content.【Key words】Flash electronic photo album personalized目

5、 录引言1第一章 开发工具介绍11.1 Flash 8.0简介11.2 Photoshop cs42第二章 总体设计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致谢1415引言Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许

6、用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。本系统是一个Flash电子相册，相册使用FLASH制作工具完成电子相册的制作，该电子相册界面友好美观，能够加入照片的特效，配合一些动画效果的实现达到普通相册无法达到的美观性。该相册具有以下的优点：易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。并且相册易于用户的使用与管理，具有一定的个性化内容。第一章

7、 开发工具介绍1.1 Flash 8.0简介Flash 8.0是美国MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash 8.0是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已经成为网上动画的霸主。Flash能够很好的支持声音，并具有交互功能，简单易学，可以方便实现一些现实中难以实现的、抽象的概念或现象。Flash 8.0是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于以下几个领域：（1）娱乐短

8、片：这是当前国内最火爆，也是广大Flash爱好者最热衷应用的一个领域，就是利用Flash制作动画短片，供大家娱乐。（2）片头：片头就如电视的栏目片头一样，可以在很短的时间内把自己的整体信息传播给访问者，既可以给访问者留下深刻的印象，同时也能在访问者心中建立良好印象。广告：这是最近两年开始流行的一种形式。有了Flash，广告在网络上发布才成为了可能，而且发展势头迅猛。MTV：这也是一种应用比较广泛的形式。在一些Flash制作的网站，几乎每周都有新的MTV作品产生。在国内，用Flash制作MTV也开始有了商业应用，比如用Flash制作的MTV。（3）导航条：Flash的按钮功能非常强大，是制作菜单

9、的首选。（4）小游戏：利用Flash开发“迷你”小游戏，在国外一些大公司比较流行，他们把网络广告和网络游戏结合起来，让观众参与其中，大大增强了广告效果。（5）产品展示：由于Flash有强大的交互功能，所以一些大公司，如Dell、三星等，都喜欢利用它来展示产品。1.2 Photoshop cs4Photoshop cs4拥有多种选择工具，极大地方便了用户的不同要求。而且多种选择工具还可以结合起来选择 较为复杂的图像。制定多种文字效果利用Photoshop cs4不仅可以制作精美的文字造型，而且还可以对文字进行复杂的变换。多姿多彩的滤镜Photoshop cs4不仅拥有多种内置滤镜可供用户选择使用

10、，而且还支持第三方的滤镜。这样，Photoshop cs4就拥有了“取之不尽，用之不竭”的滤镜。Photoshop cs4易学易用，用途广泛对Photoshop cs4不了解的人常常认为它是一种专业图形图像处理软件，其实这是一种误解，Photoshop cs4虽然功能强大，但是也易学易用，适应于不同水平的用户。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途,是一门值得深入学习的一种好软件。第二章 总体设计2.1 整体思路动画采用Flash 8.0进行设计，以Photoshop

11、 CS4作为动画辅助制作软件，完成相关图片（素材）的处理（制作），总体构思如图2.1所示。前期准备是一部完整Flash电子相册的起步阶段，前期准备充分与否尤为重要，往往需要设计者就剧本的故事、剧作的结构、风格、图片、音乐等一系列问题进行反复的探讨、商榷。首先要有一部构思完整、结构出色的文学剧本，接着需要根据剧本设计主场景。尽可能地达到音乐与画面上动作节奏的和谐、统一。达到音乐配合画面动作、色彩、意境的效果。首先，我先将我所需要的图片美化，还有将必须要用到的按钮图片素材准备好，再者，我通过以回忆的方式将哥哥姐姐的照片一点一点展现给大家，并且配上文字使整个Flash更富有活力，最后我选取一首幸福的

12、甜蜜的歌曲插入我的作品当中，烘托出整个电子相册幸福的感觉。相册切换效果交互功能美化图片美化按钮添加音乐图2.1总体构思图2.2 素材准备这是工程最庞大的一块，当然靠Flash是远远不够的，还需要用到Photoshop cs4图像处理软件，又要考虑到电子相册的个性化界面效果，因此，此项工程需要认真构思它的美观性，这就需要我把构思思路详细记录下来，以便工作的顺利开展。同时，为此电子相册选取优美的背景音乐也是一不容忽视的问题，由于这个电子相册素材主要是以自己身边的亲戚的婚纱照为主题的，所以这个背景音乐应该是幸福的、欢快的，因此，我选择了曲婉婷的Life Is Like a Song为背景音乐，烘托出

13、幸福的气氛。2.3 设计路线从选题创意结构化分析素材准备电子相册分解制作电子相册组合电子相册程序编写，全面考虑作品的创造力、交互式、原创性、趣味性、功能性、技术性、积极性、相关性等。Flash电子相册设计时兼顾以上知识点，可延伸至互联网供大家分享，具体设计路线如图2.2所示。主界面那年在高中那年在大学那年我们毕业现在的我们主要展示婚纱照主要展示现在生活及宝宝照片主要展示两人大学生活主要展示高中的相遇到相爱图2.2设计路线结构图第三章 详细设计该电子相册分为主界面动画制作、文字动画制作、利用画图工具制作漂浮动画、文字及图片按钮制作、利用旋转及缩放工具制作动态图片等模块，下面我将对9个典型的模块做

14、介绍。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”插入，并且

15、新建两个图层“文字”与“介绍”，分别运用文字工具写入所需文字，并且将“介绍”一栏文字运用插入关键字并且创建补间动画的方法达到文字缓缓滚入的效果，如图3.3、3.4所示。图3.4文字滚入页面效果图3.3嵌入字体3.3 制作主界面文字按钮模块设计（1）新建一个图层，重命名为“按钮”，插入新建元件，选择按钮，并且在新建好的按钮页面利用文字工具写出“A Love Story”，分别在“弹起”“指针经过”“按下”“点击”处右击插入关键帧，并且分别将字体颜色改变，生成动画按钮，如图3.5所示。图3.5文字按钮制作（2）在“按钮”图层第9帧处单击鼠标右键，插入关键帧，将图3.5按钮插入，并且在第14帧处插入

16、帧，使该按钮持续到14帧处，如图3.6所示。图3.6文字按钮效果（3）如果要使按钮起作用，就得给按钮添加动作，在这里我希望按下按钮后到达第15帧，代码为: on(release) gotoAndPlay(15); 如图3.7所示。图3.7文字按钮代码3.4 制作目录文字按钮模块设计（1）新建一个图层，重命名为“目录”，在第15帧插入关键帧，插入背景图片“背景”，并且再新建一个图层“文字1”，运用文字工具在背景图片上写“You And Me”，效果如图3.8所示。图3.8主页文字嵌入（2）新建四个图层，分别重命名为“高中”、“大学”、“毕业”、“现在”，并且分别在图层上运用文字工具写上“那年在高

17、中”、“ 那年在大学”、“那年我们毕业”、“现在的我们”，分别在每个图层的第15帧处插入关键字，分别将写好的文字插入舞台，效果如图3.9所示。（3）要达到按钮效果，就需要将图11上的四组字转为按钮元件，分别将按钮重命名为“高中按钮”“大学按钮”“毕业按钮”“现在按钮” ，如图3.10所示。图3.9主页文字按钮写入图3.10主页文字按钮转为元件（4）要想每个按钮起作用，就需要分别在按钮上添加动作，当鼠标点击每行字时能够到达想要到达第931、45、76、348帧，按钮代码同图3.11所示。图3.11主页文字按钮添加代码（5）当然只在按钮上添加动作是不够的，要想保持鼠标在点击按钮前该页面静止，点击时

18、按钮产生动作还需要分别将这四个按钮在第15帧时插入关键帧并且写入代码时页面静止，如图3.12所示。图3.12主页文字按钮添加代码3.5 制作滚动图片模块设计（1）新建一个图层，插入元件，新建影片剪辑“影片”，将准备好的照片素材连串起来，效果如图3.13所示。图3.13照片影片剪辑（2）将做好的影片剪辑插入到舞台第106帧，并且运用插入关键帧并创建补间动画的方式将影片在舞台上缓缓插入，并且运用刷子工具为该影片制作漂亮背景，效果如图3.14所示。图4.14影片剪辑插入舞台3.6 制作婚纱照模块设计（1）插入图片，并且运用文字工具对开场进行描述，并且配上简单的图案动画制造浪漫氛围，这里我用椭圆工具画

19、出泡泡，对泡泡进行了亮度设置使泡泡在运动过程中颜色渐变，效果对比如图3.15、3.16所示。图3.15画图工具制作泡泡图3.16制作泡泡动画（2）新建图层“婚纱照1”，在第395帧的时候将图片“45-46”插入，对该照片进行设置，运用缩放工具、旋转工具对该照片进行设置，并且将图片在不同帧数的时候的亮度改变创建补间动画，使图片呈现出渐入渐出的效果，如图3.17、3.18所示。图3.18缩放工具缩小照片图3.17缩放工具设置照片（3）其余几张婚纱照同样运用与上面相同的方法使照片展示给大家，并且配上背景上的各种形状的圈圈点点的转动效果如图3.19所示。图3.19相册效果图3.7 制作宝宝相册模块设计

20、首先将准备好的宝宝照片素材插入新建图层“图片1”，对该照片添加模糊特效，如图3.20所示。图3.20宝宝照片制作特效3.8 制作文字片尾模块设计片尾我运用文字的方式来表达该影片的结束，并且运用浮动的泡泡的色调转变，烘托出整个影片的幸福气氛，效果对比如图3.21、3.22所示。图3.22片尾文字动画图3.21片尾文字嵌入3.9 插入背景音乐模块设计先将准备好的背景音乐导入到库中，并将音乐加入到flash中去，如图4.23所示。图3.23插入背景音乐结论在本电子相册的制作中，我以哥哥姐姐的婚纱照为例，用Flash 8.0作为开发工具，综合运用Flash的各种功能，包括运用补间动画和逐帧动画实现了照

21、片的展示效果，同时也运用了按钮和动作命令实现了交互效果，最终完成了该电子相册，经测试，运行良好。制作一个吸引浏览者的Flash作品，必须要有丰富的想象力，只有敢于想象，才能制作出优秀的Flash作品，只有选题新颖、赋予新意的作品才能让浏览者驻足。但由于本人专业水平有限，虽追求完美，但仍有很大不足之处有待改正。在以后的学习中，我将不断努力，提高自己的专业水平，设计出更完美的Flash作品。参考文献1 罗小燕.Flash动画与卡通制作创意导航M.北京：清华大学出版社，20022 高志清.Flash动作制作零点飞跃学设计零点飞跃丛书M.水利水电出版社，20053 李琼.Flash8.0闪客动画轻松现场实战M.航空工业出版社，20074 德汉.周辉.Flash MX 2004 网页动画制作标准教材M.电子工业出版社，20045 赵子江.变形动画制作教程M.北京：机械工业出版社，20006 赵国志.赵璐.色彩构成与绘画设计艺术M.辽宁：美术出版社，20007 瑞哈特（美）.曹铭.Flash MX宝典M.电子工业出版社，20038 雪之航工作室.Flash MX 中文版技巧和实例M.中国铁道出版社，20039 陈青.Flash MX 2004标准案例教材M.人品邮电出版社，2006致谢首先，我要特别感谢朱帅老