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