Flash电子相册的设计与制作毕业论文.pdf

1 I Flash 电子相册的设计与制作【摘要】Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其他允许用户交互的内容。它不仅能够制作出许多炫目多彩的效果，只要你肯赋予它一定的情景，它也会模拟出现生活中的场景。本系统是一个 Flash 电子相册，相册使用 Flash 制作工具完成电子相册的制作，该电子相册界面友好美观，能够加入照片的特效，配合一些动画效果的实现达到普通相册无法达到的美观性。该相册具有以下的优点：易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。并且相册易于用户的使用与管理，具有一定的个性化内容。【关键词】Flash；电子相册；个性化 Flash electronic 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 scenario,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 common 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 目 录 引言.1 1 II 第一章 开发工具介绍.1 简介.1 1.2 Photoshop cs4.2 第二章 总体设计.2 2.1 整体思路.2 2.2 素材准备.3 2.3 设计路线.3 第三章 详细设计.3 3.1 制作主界面动画模块设计.4 3.2 制作文字动画模块设计.5 3.3 制作主界面文字按钮模块设计.5 3.4 制作目录文字按钮模块设计.6 3.5 制作滚动图片模块设计.8 3.6 制作婚纱照模块设计.9 3.7 制作宝宝相册模块设计.10 3.8 制作文字片尾模块设计.11 3.9 插入背景音乐模块设计.11 结论.11 参考文献.13 致谢.14 1 1 引言 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。本系统是一个 Flash 电子相册，相册使用 FLASH 制作工具完成电子相册的制作，该电子相册界面友好美观，能够加入照片的特效，配合一些动画效果的实现达到普通相册无法达到的美观性。该相册具有以下的优点：易于保存、易于复制、易于展示、更具娱乐性、更具观赏性、更具时尚性。并且相册易于用户的使用与管理，具有一定的个性化内容。第一章 开发工具介绍 1.1 Flash 简介 Flash 是美国 MACROMEDIA 公司于 1999 年 6 月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。Flash 是采用矢量图形和流式播放技术进行二维动画编辑的软件，经过几代版本改进后，已经成为网上动画的霸主。Flash 能够很好的支持声音，并具有交互功能，简单易学，可以方便实现一些现实中难以实现的、抽象的概念或现象。Flash 是目前网络动画的事实标准，其文件短小，播放效果好，交互功能强，易学易用，被广泛应用于以下几个领域：（1）娱乐短片：这是当前国内最火爆，也是广大 Flash 爱好者最热衷应用的一个领域，就是利用 Flash 制作动画短片，供大家娱乐。（2）片头：片头就如电视的栏目片头一样，可以在很短的时间内把自己的整体信息传播给访问者，既可以给访问者留下深刻的印象，同时也能在访问者心中建立良好印象。广告：这是最近两年开始流行的一种形式。有了 Flash，广告在网络上发布才成为了可能，而且发展势头迅猛。MTV：这也是一种应用比较广泛的形式。在一些 Flash 制作的网站，几乎每周都有新的 MTV 作品产生。在国内，用 Flash 制作 MTV 也开始有了商业应用，比如用 Flash1 2 制作的 MTV。（3）导航条：Flash 的按钮功能非常强大，是制作菜单的首选。（4）小游戏：利用 Flash 开发“迷你”小游戏，在国外一些大公司比较流行，他们把网络广告和网络游戏结合起来，让观众参与其中，大大增强了广告效果。（5）产品展示：由于 Flash 有强大的交互功能，所以一些大公司，如 Dell、三星等，都喜欢利用它来展示产品。1.2 Photoshop cs4 Photoshop cs4 拥有多种选择工具，极大地方便了用户的不同要求。而且多种选择工具还可以结合起来选择 较为复杂的图像。制定多种文字效果利用 Photoshop cs4 不仅可以制作精美的文字造型，而且还可以对文字进行复杂的变换。多姿多彩的滤镜 Photoshop cs4 不仅拥有多种内置滤镜可供用户选择使用，而且还支持第三方的滤镜。这样，Photoshop cs4 就拥有了“取之不尽，用之不竭”的滤镜。Photoshop cs4 易学易用，用途广泛对 Photoshop cs4 不了解的人常常认为它是一种专业图形图像处理软件，其实这是一种误解，Photoshop cs4 虽然功能强大，但是也易学易用，适应于不同水平的用户。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途,是一门值得深入学习的一种好软件。第二章 总体设计 2.1 整体思路 动画采用 Flash 进行设计，以 Photoshop CS4 作为动画辅助制作软件，完成相关图片（素材）的处理（制作），总体构思如图 2.1 所示。前期准备是一部完整 Flash 电子相册的起步阶段，前期准备充分与否尤为重要，往往需要设计者就剧本的故事、剧作的结构、风格、图片、音乐等一系列问题进行反复的探讨、商榷。首先要有一部构思完整、结构出色的文学剧本，接着需要根据剧本设计主场景。尽可能地达到音乐与画面上动作节奏的和谐、统一。达到音乐配合画面动作、色彩、意境的效果。首先，我先将我所需要的图片美化，还有将必须要用到的按钮图片素材准备好，再者，我通过以回忆的方式将哥哥姐姐的照片一点一点展现给1 3 大家，并且配上文字使整个 Flash 更富有活力，最后我选取一首幸福的甜蜜的歌曲插入我的作品当中，烘托出整个电子相册幸福的感觉。2.2 素材准备 这是工程最庞大的一块，当然靠 Flash 是远远不够的，还需要用到 Photoshop cs4 图像处理软件，又要考虑到电子相册的个性化界面效果，因此，此项工程需要认真构思它的美观性，这就需要我把构思思路详细记录下来，以便工作的顺利开展。同时，为此电子相册选取优美的背景音乐也是一不容忽视的问题，由于这个电子相册素材主要是以自己身边的亲戚的婚纱照为主题的，所以这个背景音乐应该是幸福的、欢快的，因此，我选择了曲婉婷的Life Is Like a Song为背景音乐，烘托出幸福的气氛。2.3 设计路线 从选题创意结构化分析素材准备电子相册分解制作电子相册组合电子相册程序编写，全面考虑作品的创造力、交互式、原创性、趣味性、功能性、技术性、积极性、相关性等。Flash 电子相册设计时兼顾以上知识点，可延伸至互联网供大家分享，具体设计路线如图2.2 所示。第三章 详细设计 该电子相册分为主界面动画制作、文字动画制作、利用画图工具制作漂浮动画、文字及图片按钮制作、利用旋转及缩放工具制作动态图片等模块，下面我将对 9 个典型的模块做介绍。相册切换效果 交互功能 美化图片 美化按钮 添加音乐 图 2.1 总体构思图 主界面 那年在高中 那年在大学 那年我们毕业 现在的我们 主要展示婚纱照 主要展示现在 生活及宝宝照片 主要展示两人 大学生活 主要展示高中的相遇到相爱 图 2.2 设计路线结构图 1 4 3.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 首页动画制作图 1 5 3.2 制作文字动画模块设计 新建一个图层“闪图高中”，将“位图 8”插入，并且新建两个图层“文字”与“介绍”，分别运用文字工具写入所需文字，并且将“介绍”一栏文字运用插入关键字并且创建补间动画的方法达到文字缓缓滚入的效果，如图3.3、3.4 所示。3.3 制作主界面文字按钮模块设计（1）新建一个图层，重命名为“按钮”，插入新建元件，选择按钮，并且在新建好的按钮页面利用文字工具写出“A Love Story”，分别在“弹起”“指针经过”“按下”“点击”处右击插入关键帧，并且分别将字体颜色改变，生成动画按钮，如图 3.5 所示。（2）在“按钮”图层第 9 帧处单击鼠标右键，插入关键帧，将图 3.5 按钮插入，并且在第 14 帧处插入帧，使该按钮持续到 14 帧处，如图 3.6 所示。图 3.4 文字滚入页面效果 图 3.3 嵌入字体 图 3.5 文字按钮制作 1 6 （3）如果要使按钮起作用，就得给按钮添加动作，在这里我希望按下按钮后到达第 15 帧，代码为:on(release)gotoAndPlay(15);如图 3.7 所示。3.4 制作目录文字按钮模块设计（1）新建一个图层，重命名为“目录”，在第 15 帧插入关键帧，插入背景图片图 3.6 文字按钮效果 图 3.7 文字按钮代码 1 7“背景”，并且再新建一个图层“文字 1”，运用文字工具在背景图片上写“You And Me”，效果如图 3.8 所示。（2）新建四个图层，分别重命名为“高中”、“大学”、“毕业”、“现在”，并且分别在图层上运用文字工具写上“那年在高中”、“那年在大学”、“那年我们毕业”、“现在的我们”，分别在每个图层的第 15 帧处插入关键字，分别将写好的文字插入舞台，效果如图 3.9 所示。（3）要达到按钮效果，就需要将图 11 上的四组字转为按钮元件，分别将按钮重命名为“高中按钮”“大学按钮”“毕业按钮”“现在按钮”，如图 3.10 所示。（4）要想每个按钮起作用，就需要分别在按钮上添加动作，当鼠标点击每行字时能够到达想要到达第 931、45、76、348 帧，按钮代码同图 3.11 所示。图 3.9 主页文字按钮写入 图 3.10 主页文字按钮转为元件 图 3.8 主页文字嵌入 1 8 （5）当然只在按钮上添加动作是不够的，要想保持鼠标在点击按钮前该页面静止，点击时按钮产生动作还需要分别将这四个按钮在第15 帧时插入关键帧并且写入代码时页面静止，如图 3.12 所示。3.5 制作滚动图片模块设计（1）新建一个图层，插入元件，新建影片剪辑“影片”，将准备好的照片素材连串起来，效果如图 3.13 所示。图 3.11 主页文字按钮添加代码 图 3.12 主页文字按钮添加代码 图 3.13 照片影片剪辑 1 9（2）将做好的影片剪辑插入到舞台第106 帧，并且运用插入关键帧并创建补间动画的方式将影片在舞台上缓缓插入，并且运用刷子工具为该影片制作漂亮背景，效果如图 3.14 所示。3.6 制作婚纱照模块设计（1）插入图片，并且运用文字工具对开场进行描述，并且配上简单的图案动画制造浪漫氛围，这里我用椭圆工具画出泡泡，对泡泡进行了亮度设置使泡泡在运动过程中颜色渐变，效果对比如图 3.15、3.16 所示。影片剪辑插入舞台 图 3.15 画图工具制作泡泡 图 3.16 制作泡泡动画 1 10（2）新建图层“婚纱照 1”，在第 395 帧的时候将图片“45-46”插入，对该照片进行设置，运用缩放工具、旋转工具对该照片进行设置，并且将图片在不同帧数的时候的亮度改变创建补间动画，使图片呈现出渐入渐出的效果，如图 3.17、3.18 所示。（3）其余几张婚纱照同样运用与上面相同的方法使照片展示给大家，并且配上背景上的各种形状的圈圈点点的转动效果如图 3.19 所示。3.7 制作宝宝相册模块设计 首先将准备好的宝宝照片素材插入新建图层“图片1”，对该照片添加模糊特效，如图 3.20 所示。图 3.17 缩放工具设置照片 图 3.18 缩放工具缩小照片 图 3.19 相册效果图 1 11 3.8 制作文字片尾模块设计 片尾我运用文字的方式来表达该影片的结束，并且运用浮动的泡泡的色调转变，烘托出整个影片的幸福气氛，效果对比如图3.21、3.22 所示。3.9 插入背景音乐模块设计 先将准备好的背景音乐导入到库中，并将音乐加入到flash 中去，如图所示。结论 在本电子相册的制作中，我以哥哥姐姐的婚纱照为例，用 Flash 8.0 作为开发工图 3.20 宝宝照片制作特效 图 3.21 片尾文字嵌入 图 3.22 片尾文字动画 图 3.23 插入背景音乐 1 12 具，综合运用 Flash 的各种功能，包括运用补间动画和逐帧动画实现了照片的展示效果，同时也运用了按钮和动作命令实现了交互效果，最终完成了该电子相册，经测试，运行良好。制作一个吸引浏览者的 Flash 作品，必须要有丰富的想象力，只有敢于想象，才能制作出优秀的 Flash 作品，只有选题新颖、赋予新意的作品才能让浏览者驻足。但由于本人专业水平有限，虽追求完美，但仍有很大不足之处有待改正。在以后的学习中，我将不断努力，提高自己的专业水平，设计出更完美的 Flash 作品。1 13 参考文献 1 罗小燕.Flash 动画与卡通制作创意导航M.北京：清华大学出版社，2002 2 高志清.Flash 动作制作零点飞跃学设计零点飞跃丛书M.水利水电出版社，2005 3 李琼.Flash8.0 闪客动画轻松现场实战M.航空工业出版社，2007 4 德汉.周辉.Flash MX 2004 网页动画制作标准教材M.电子工业出版社，2004 5 赵子江.变形动画制作教程M.北京：机械工业出版社，2000 6 赵国志.赵璐.色彩构成与绘画设计艺术M.辽宁：美术出版社，2000 7 瑞哈特（美）.曹铭.Flash MX 宝典M.电子工业出版社，2003 8 雪之航工作室.Flash MX 中文版技巧和实例M.中国铁道出版社，2003 9 陈青.Flash MX 2004 标准案例教材M.人品邮电出版社，2006 1 14 致谢 首先，我要特别感谢朱帅老师的悉心指导，在设计期间朱帅老师帮助我收集文献资料，理清设计思路，指导操作方法，并对我所做的课题提出有效的改进方案。老师渊博的知识、严谨的作风、诲人不倦的态度和学术上精益求精的精神让我受益终生。时间这东西总是来时漫漫去时匆匆，随着键盘的跳动，我的大学生生活和几个月的毕业设计一起宣告寿终正寝，真有些措手不及，即将要踏出校园，步入社会，进入工作岗位了，虽然了解总有这么一天，也只有在社会这个大熔炉中才能得到更多的锻炼，才能把自己十几年在学校累积的只是学以致用，充分发挥所长，可是也从此远离单纯的学习的快乐与疲惫，而面对勾心斗角竞争激烈，对于期盼了几年的告别考试与课堂，真是不知道该喜该忧。这不是很积极的人一切都很平淡，大学三年的生活没有大起大落没有悲欢离合，学到的知识也很有限，用到实践中就更是少之又少，到了该认识真正的自我，并努力的充实自我，完善自我的时候了，也许很多人有此感觉吧，毕业设计真是让人有一种知之甚少的无力感。毕业设计是一个繁杂而又烦杂的过程。从选定题目到收集资料，再进入工艺计算和设计计算过程，几乎应用了所学过的所有知识，每一步都要付出艰辛和汗水，在忙乱与紧张中，一步一步的把以前不是很熟悉还有已经忘记的专业知识和基础知识从基础课到专业基础课再到专业课都拾回来了，而且经验的累积也让我对所有所学专业的只是形成了系统的有逻辑性的认识，不但提高了解决实际问题的能力，开阔了视野，更为了以后工作奠定了坚实的基础。另外，还要感谢同学三年来对我的关心与支持，感谢各位老师在学习期间对我的严格要求。同时也要感谢身边朋友的热心帮助，没有你们的支持与关心，就没我今天的毕业设计！最后，我要向我的父母致以最崇高的敬意，没有你们无私的支持，就没有我今天的成绩！