3039.香港印象个人门户首页 毕业论文终稿.doc

《3039.香港印象个人门户首页 毕业论文终稿.doc》由会员分享，可在线阅读，更多相关《3039.香港印象个人门户首页 毕业论文终稿.doc（22页珍藏版）》请在优知文库上搜索。

1、毕业设计（论文）论文题目： 香港印象 目录1 引言12 Iebook软件安装23我的设计说明33.1流程图33.2演示软件33.3所使用的软件34杂志详细设计44.1项目任务描述44.2图片处理44.2.1封面44.2.2背景44.2.3会展中心54.2.4紫荆花54.3 flash制作64.3.1片头64.3.2购物天堂64.3.3美食之港114.3.4完美假期134.3.5目录特效144.4实习中的收获155致谢166参考文献17摘要个人门户首页摘 要:iebook(电子杂志)，是近年来随着计算机事业的迅速发展，特别是由于计算机跨入多媒体世界而出现的一种新型出版物。本次设计主要以photo

2、shop来制作图片，以及flash来制作简单的动画，最后加入一些娱乐效果的图片、信息、和视频，最后以电子杂志格式播放。由于电子杂志操作简单、方便、快捷，以前成为普遍大众使用的对象。关键词: 电子杂志 photoshop flash 快 I引言1 引言随着时代的发展，各式各样的交流平台也随着互联网不断的发展。网络已经融入每个人生活，同时网络也提供了一种很好的信息交换平台。人们也充分利用这个交流平台张显自我。在网络上表现自己已经成为很多人关注的焦点。个人主页就成为一个可以在网络上展示个人信息的方便手段，人们为了展现更好的自己，不断突破统一模式。争得自我个性，自我风格。让自己在社会上有更多的机会。如

3、此一来，一张能显示自身价值的名片在这个信息网络社会中出现。各式各样的突显自我风格的个人主页在网络里层出不穷。它能让你在INTERNET上充分的展现自我的个性和才华。由于HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而Flash的出现正好满足了这种需求。在本主页上充分运用了FLASH常用功能：逐帧动画和补间动画的制作、绘图与文字运用、声音的添加、ActionScript编程、界面交互连接等，

4、运用FLASH的各种功能设计出具有特色风格的个人主页。2 Iebook软件安装1) 双击安装下载的iebook setup 2008.exe文件2) 双击安装的向导窗口，选择“下一步”3) 选择安装iebook超级精灵程序的文件路径，然后选择“下一步”。4) 在准备安装的窗口选择“安装”。 5) 开始iebook超级精灵安装过程。6) 安装完成，选择运行iebook超级精灵的选择框，按“完成”确定。7) 运行iebook超级精灵8) 打开iebook超级精灵主界面。1我的设计说明3我的设计说明本次毕业设计主要是将所学到的知识融入实际应用中，让flash最大层度的展现作品的效果，同时也可表现设计

5、者对flash的掌握与运用和对商业宣传的理解。3.1流程图本系统将实现如下功能：东方之珠、购物天堂、美食之港、完美假期、最新资讯、品牌广告。功能结构框图如图2-1所示。系统功能结构框图2-13.2演示软件Iebook 软件3.3所使用的软件PhotoShop、flash 8.0、iebook 20084杂志详细设计4.1项目任务描述此次有两个主要的任务，一个是在PhotoShop处理图片、flash中制作出动画效果；另一个任务就是把做好的flash动画放到iebook中合成。4.2图片处理4.2.1封面利用色相/饱和度、对字体使用了图层样式、蒙板等。如图3.2.1所示：图3.2.14.2.2背

6、景先利用色相/饱和度，画笔做出雪花和波浪的效果，再拖到背景上添加滤镜。如图3.2.2所示：17杂志详细设计图3.2.24.2.3会展中心利用绘图工具中的仿制图章将图片中多余的文字擦除，在使用减淡工具将图片的色彩浓度减淡让天空形成渐变的效果。如图3.2.3所示：图3.2.34.2.4紫荆花利用钢笔工具勾勒出花的基本轮廓让后调整角度使其达到预期的效果。如图3.2.4所示：图3.2.44.3 flash制作4.3.1片头将文字分段做成影片剪辑元件，拖至场景中的背景上。在第一帧中设置文字的透明度为0，在最后一帧设为100，创建补间动画形成渐变的动画效果。将文字以逐断播放的形式简单介绍香港历史变迁就像在

7、看老电影让人不禁联想到流光溢彩的香港背后那段历史与沧桑；最后使用变形星型的形状补间结束。如图3.3.1所示图3.3.14.3.2购物天堂这个模块以国际品牌香奈儿为题材，主要介绍了旗下的产品与香奈儿女士对时尚的理解以及不懈追求的精神。(1) 主页：利用遮罩和形状补间将界面展开，将每个产品的标题制作成按钮，当鼠标经过按钮时界面右边的图片就会变换成相应的产品；当鼠标点击按钮时界面会自动跳转至与按钮相连接的场景。如图3.3.2.1所示图3.3.2.1 相应代码： 跳转并停在某一帧： on(rollOver) gotoAndStop(帧); 跳转到某个场景： on(release) gotoAndPla

8、y(场景,帧); (2) 时尚精品及配饰：将每张图片做成影片剪辑，放入场景中点击下一张按钮时就会跳转到下一帧的图片，点击“返回”按钮就会回到主页。如图3.3.2.2所示图3.3.2.2 相应代码： 下翻一页： on (release) nextFrame (); 上翻一页： on (release) prevFrame(); 跳转到某个场景： on(release) gotoAndPlay(场景,帧); (3) 香水与化妆品：利用了遮罩效果和编写动作脚本实现界面的交互与动画。如图3.3.2.3所示图3.3.2.3相应代码： 跳转并停在某一帧： on(rollOver) gotoAndStop(

9、帧); 跳转到某个场景： on(release) gotoAndPlay(场景,帧); (4) 高级珠宝及腕表：首先将每个系列名称制作成按钮，再把按钮拖入影片剪辑，创建引导层让按钮沿引导的路径运动；同时在制作一个可以自动播放的影片剪辑放在场景中。就形成了按钮围绕中心旋转的效果。如图3.3.2.4所示图3.3.2.4(5) Paris-shanghai:将引导动画和遮罩动画结合，首先利用铅笔根据之母的书写顺序描绘出引导路径，通过逐帧动画实现遮罩。最后就有了书写的效果。如图3.3.2.5所示图3.3.2.5(6) CHANEL：在场景中导入flv格式的视频，同时制作两个按钮控制视频的暂停与播放。如

10、图3.3.2.6所示图3.3.2.6相应代码：按下时播放： on(press) play(); 按下时停止： on(press) stop(); 4.3.3美食之港味有道主页：先在网上搜索5张具有香港特色的美食，截取图中适合的部分制作成按钮；当鼠标经过时变亮；当鼠标单击时跳转到链接的场景。如图3.3.3.1所示图3.3.3.1 相应代码： 跳转并停在某一帧： on(rollOver) gotoAndStop(帧); 味有道分页：搜索相关美食的介绍将其与美食图片结合，形成动画效果展示美食说明。如图3.3.3.2所示图3.3.3.2 相应代码： 跳转并停在某一帧： on(rollOver) got

11、oAndStop(帧); 4.3.4完美假期1) 主页：利用了文字霓虹红灯效果、按钮特效、灯光特效。文字霓虹灯主要使用了遮罩技术，将彩色渐变矩形作为背景、文字作为遮罩层，这样就呈现了文字变色的效果；制作按钮特效，先在影片剪辑中 制作动画效果，设置鼠标经过时将影片剪辑拖至覆盖按钮上。灯光特效，将每一个元件制作成影片剪辑，通过调节透明度和缩放运动实现灯光闪烁的效果。如图3.3.4.1所示图3.3.4.1相应代码： 跳转并停在某一帧： on(rollOver) gotoAndStop(帧); 跳转到某个场景： on(release) gotoAndPlay(场景,帧); 2) 副页：导入PS的图片加

12、入文字说明。如图3.3.4.2所示图3.3.4.24.3.5目录特效1) 目录背景：将图片制作成影片剪辑元件，在场景中调整透明度做成动画。如图3.3.5.1所示图3.3.5.12) 目录标题：将花做出滑出的效果，文字做成逐帧动画。如图3.3.5.2所示图3.3.5.24.4实习中的收获因为第一次接触电子杂志，对电子杂志能实现的效果不是非常清楚，通过在网上搜索的视频教材了解了基本的操作方法，随后在操作中更加了解了这个软件的强大功能。这吃毕业设计的另一个收获就是我不当对flash动画的制作有了更深的了解，同时我也明白了一个作品的好坏不在于运用了多么复杂有难度的动画而在于动画在作品中锁呈现的效果。将好的动画运用在合适的地方，才能让作品生动，令人耳目一新。我想毕业设计不单只是我们大学结业的答卷、更是我们迈向社会的一封简历，它紧系这我们学生与社会人士的双重身份，是我们从一个阶段跨越到另一个阶段的见证。5致谢参考文献6参考文献1PS 7.0中文版经典实例解析 冯启