电子杂志设计毕业论文.doc

江西现代职业技术学院信息工程分院毕业论文 电子杂志（游玩记事）江西现代职业技术学院毕业论文（设计）题目：“游玩记事”电子杂志制作 姓 名 程智学 院 信息工程学院 年级专业 08计算机多媒体技术指导 教师 邹 珺提交时间 2010年 11 月 10 日28论文题目: “游玩记事”电子杂志设计姓 名：程智 班 级：08多媒体（1）班指导教师：邹珺摘要：以“游玩记事”为主题制作了一个电子杂志，本电子杂志设计主要运用到Photoshop，Flash，ZineMaker等软件来完成。在互联网络高速发展的今天，电子杂志正成为学校、公司、企业、政府及团体进行形象展示、信息发布、业务拓展、客户服务、内部沟通的重要阵地。电子杂志，又称网络杂志、互动杂志。目前已经进入第三代，以flash为主要载体独立于网站存在。电子杂志是一种非常好的媒体表现形式，它兼具了平面与互联网两者的特点，且融入了图像，文字，声音、视频、游戏等相互动态结合来呈现给读者，此外，还有超链接、及时互动等网络元素，是一种很享受的阅读方式。游玩记事是本旅游杂志，内容除了一个目录模板外，由14个不同风格的模板组成。本杂志的目的在于宣传中国各地的风景名胜，希望能够带动大家健康旅游，绿色旅游。关键词： 游玩 旅游 风景名胜目 录第一章 电子杂志概述11.1电子杂志简介以及应用领域11.2电子杂志的类型11.3电子杂志的优势21.4中国电子杂志的发展历史2第二章 电子杂志制作使用软件介绍42.1 软件介绍42.1.1 zinemaker42.1.2 Photoshop cs452.1.3 Flash62.2运行环境配置6第三章 电子杂志制作过程83.1理念83.2杂志元素设计93.2.1封面设计与制作93.2.2封底的设计与制作113.2.3封面动画的设计与制作133.2.4制作电子杂志的图标153.3自制模版173.3.1制作电子杂志的内页模板173.3.2制作电子杂志的目录模板203.4 电子杂志整册电子杂志设计24第四章 制作电子杂志在线版25第五章 总结与体会26参考文献27参考文献.28游玩记事电子杂志制作第一章 电子杂志概述1.1电子杂志简介以及应用领域电子杂志，又称网络杂志、互动杂志。目前已经进入第三代，以flash为主要载体独立于网站存在。电子杂志是一种非常好的媒体表现形式，它兼具了平面与互联网两者的特点，且融入了图象，文字，声音、视频、游戏等相互动态结合来呈现给读者，此外，还有超链接、及时互动等网络元素，是一种很享受的阅读方式。电子杂志延展性强，目前已经逐渐可移植到PDA、MOBILE、MP4、PSP及TV（数字电视、机顶盒）等多种个人终端进行阅读。目前各地旅游景区和各个城市都特别注重自身形象宣传（出于开发旅游、招商引资、提升形象等目的），而且景区和城市的风貌、景色等等最适合用网络杂志来展现和包装，且永久在线。所以Xplus有意在旅游行业拓展市场（目前已有很多成功案例）。新浪、搜狐或其他旅游类网站能提供给客户的服务只是广告，区别只在于在哪个网站上投，内容的表现形式大部分也只局限于图文。而电子杂志作为新的一种媒体表现形式，与传统网络广告不构成竞争性。 因此网络杂志的推广可以说是在网络广告领域开辟了一片新的蓝海市场。市场广阔，前景巨大。1.2电子杂志的类型电子杂志主要有三种类型。第一种即是传统杂志的网络版， 如VOGUE服饰与美容、时尚、瑞丽等的电子网络版。第二种是数字媒体的杂志化，创办者从各家网站所发布的海量信息中筛选出特定的内容，组建栏目构架，以杂志的形式定期发布，比如新浪网发布的车行天下和博客网发布的博客周刊。对于这两类电子杂志，所谓的电子杂志应该是内容只能通过网络来传播的“杂志”，如果还同时发行纸质版本的就不能被称之为电子杂志。第三种是新型的多媒体杂志，即创办者以网络传播技术为基础所创办的完全脱离纸质媒体的电子杂志，如POCO平台自己打造的原创杂志PocoZine、万众传媒发行的V- magazine等都属于此类电子杂志。1.3电子杂志的优势首先，电子杂志是机读杂志，它可以借助计算机惊人的运算速度和海量存储，极大地提高信息量； 其次，在计算机特有的查询功能的帮助下，它使人们在信息的海洋中快速找寻所需内容成为可能；再者，电子杂志在内容的表现形式上，是声、图、象并茂，人们不仅可以看到文字、图片，还可以听到各种音效，看到活动的图象。 总之，可以使人们受到多种感官的感受。加上电子杂志中极其方便的电子索引、随机注释，更使得电子杂志具有信息时代的特征。但由于受各种条件的限制，电子杂志目前在国内尚处于起步阶段，大约于1993年在深圳由海天电子图书公司首次开发成功。 值得一提的是，电子杂志在各种传媒系统（如电视系统）和计算机网络的出现，已经打破了以往的发行、传播形式，也打破了人们传统的时、空观念，它将会更加贴近人们的生活，更加密切人与人之间思想、感情的交流，更好地满足新时代人们对文化生活的更高要求。电子杂志是由国内著名的ICP提供、有着内容和信誉的充分保障，由专业人员精心编辑制作，具有很强的时效性、可读性和交互性，而且还不受地域和时间限制，无论您在全球的任何地方，电子杂志都可以带给用户最新最全的信息。1.4中国电子杂志的发展历史电子杂志起源于20世纪80年代的BBS热潮中。“亡牛的祭奠”（Cult of the Dead Cow）声称于1984年发行了第一部电子杂志，并且持续了20多年之久。但是，这个情况是否属实存在激烈争议。费力克（Phrack）于1985年发行了自己的电子杂志，不同于“亡牛的祭奠”的单篇文章杂志，费力克的电子杂志每期都包含了各种不同类别的文章，更近似于我们的纸质杂志的模式。网络合作小说杂志-Dargonzine于1984年在BITNET的学术网页上制作了自己的电子版本，而且直至今日仍在发行。 “电子杂志通常指的是完全以计算机技术、电子通讯技术和网络技术为依托而编辑、出版和发行的杂志。它的内容在早期顺理成章地与计算机、通讯和网络等相关。它的出版发行手段既得益于技术,同时也不免受到当时技术的发展和应用水平的局限。以由美国休斯顿大学图书馆创建于1989年的电子杂志公共检索计算机系统评论(Public-Access Computer Systems Review,缩写为PACS Review)为例,其办刊宗旨是对图书馆所有的可以为公众所利用的电子资源,包括联机书目、CD-R0M数据库等进行详细而及时的介绍。其出版于1990年1月的第一期使用的文件格式是ASCII格式,通过“公共检索计算机系统LIST”(PACS-L)发行。由于当时的电子邮件系统无法处理较大的文本文件,稍有长度的文章都不得不被分割成多个小文件向订阅者发出。2003年1月，台湾的KURO音乐软件公司“飞行网”尝，着推出了一个以FLASH动画为基础，融入文字、图象、音频和视频的数字化互动杂志酷乐志.这种新兴的杂志炫酷精美、内容丰富，十分符合当下年轻人的审美追求，很快便在网络上流行起来。 酷乐志的迅速风靡，让“飞行网”的高层们预见到电子杂志巨大的发展潜力，决定正式投入资金去运作，并将电子杂志引入到网民人数更为庞大的中国大陆. 经过一段时间的策划准备，“飞行网”的精锐电子杂志制作团队正式发行了中国第一本真正意义上的电子杂志酷乐志.这是一个备受瞩目的新鲜事物，刚刚问世就得到了时尚潮流人群的热情追捧，“飞行网”的高层们对这个状况感到惊喜，并开始详细规划电子杂志未来的发展方向。 竞争总是残酷的.谁能想到，帷幕刚刚缓缓掀起，就在人们为开场喝彩的时候，“飞行网”却因为版权问题而悄声退出了历史舞台.主角谢幕离场，它身后留下的，是电子杂志无限光明的未来，和拥有几千万网民、潜力惊人的中国电子杂志舞台。第二章 电子杂志制作使用软件介绍本站主要使用zinemaker2007进行电子杂志制作、使用Photoshop CS处理图片、Fash 8.0制作本站动画。2.1 软件介绍2.1.1 zinemakerZineMaker是一款免费软件。专业的电子杂志制作软件。 耳目一新的操作界面，简约设计风格，突出软件界面空间的利用。类似视窗系统的操作界面风格更切合用户习惯，让用户操作简单易学,迅速掌握使用。 免费发布的国内顶级的专业电子杂志制作软件，功能实用运行流畅。 采用了128位高强度加密技术，能严格保护用户的Flash文件不被恶意破解。 生成的电子杂志文件是独立的EXE文件，内置FLASH8播放器，直接打开就能观看。 无需其它平台或插件支持，不更改用户电脑的系统及注册表信息，使用更方便。 全面支持最新的Macromedia FLASH 8文件格式，展现更佳的音画效果。 自带多套精美flash动画模版和大量的flash页面特效，让更多普通用户也能一起制作属于自己的电子杂志。 类似视窗系统的界面风格更切合用户习惯，让用户操作简单易学,迅速掌握使用。 提供全新在线发布功能，只需简单几步就可以把杂志发布到网上，在线观看。2.1.2 Photoshop cs4 photoshop cs4是Adobe公司出品的最为出名的图象处理软件之一，可以为提供最专业的图象编辑与处理。软件通过更直观的用户体验、更大的编辑自由度以及大幅提高的工作效率。Adobe Photoshop CS41软件通过更直观的用户体验、更大的编辑自由度来大幅提高的工作效率，使您能更轻松地使用其无与伦比的强大功能。 更顺畅的遥摄和缩放以及流体画布旋转。 使用全新、顺畅的缩放和遥摄可以定位到图象的任何区域。借助全新的象素网格保持实现缩放到个别象素时的清晰度， 并以最高的放大率实现轻松编辑。通过创新的旋转视图工具随意转动画布， 安任意角度实现无扭曲查看。通过轻松使用所需的各个工具简化图象调整， 实现无损调整并增强图象的颜色和色调； 新的实时和动态调整面板中还包括图象控件和各种预设。将曝光度、颜色和焦点各不相同的图象 (可选择保留色调和颜色) 合并为一个经过颜色校正的图象。从新的蒙版面板快速创建和编辑蒙版。该面板提供您需要的所有工具， 它们可用于创建基于象素和矢量的可编辑蒙版、调整蒙版密度和轻松羽化、选择非相邻对象等等。据说，Photoshop CS4的更新仅仅是针对Vista的兼容性更新，因为Vista对Photoshop CS、CS2、CS3的支持都有问题。软件除了包含Adobe Photoshop CS3的所有功能外，还增加了一些特殊的功能，如支持3D和视频流、动画、深度图象分析等。 两个版本的进入界面是有所不同了，而看看Photoshop CS3 10.0 Extended与CS4 Extended版的操作界面，几乎相同。 1、工具箱，变成可伸缩的，可为长单条和短双条。 2、工具箱上的快速蒙版模式和屏幕切换模式也改变了切换方法。 3、工具箱的选择工具选项中，多了一个组选择模式，可以自己决定选择组或者单独的图层 4、工具箱多了快速选择工具Quick Selection Tool，应该魔术棒的快捷版本，可以不用任何快捷键进行加选，安往不放可以象绘画一样选择区域，非常神奇。当然选项栏也有新、加、减三种模式可选，快速选择颜色差异大的图象会非常的直观、快捷。2.1.3 Flash是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而且它采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。Flash的英文解释为：n.闪光，闪现，一瞬间，闪现，反射，使迅速传便，vt.使闪光，反射 adj.闪光的，火速的。Flash也是由macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash也是存储芯片的一种，通过特定的程序可以修改里面的数据。另有星际争霸选手李永浩以Flash为名。Flash的前身是Future Wave公司的Future Splash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了Future Wave，并将其改名为Flash。在出到Flash 8以后，Macromedia又被Adobe公司收购。，最新版本为：Adobe Flash CS5。Flash通常也指Macromedia Flash Player（现Adobe Flash Player），用于播放Flash文件。2.2运行环境配置zinemaker的系统配置如下：1CPU（中央处理器）Intel奔腾III或以上兼容的处理器2RAM（内存）最少需要256MB内存，（推荐使用256MB以上）3Video Card(显卡)最低需要一个8M-bit (256色) VGA图形卡。4CDROM（光驱）40倍速以上光驱。5Hard Disk(硬盘)硬盘的容量也许是永远也不够用的，现在市面上的硬盘一般都在10G以上，完全满足zinemaker 214MB硬盘空间需求。6Mouse(鼠标)鼠标、写字板或相兼容的指向设备。第三章 电子杂志制作过程3.1理念随着科学的进步人类的发展，人们的生活越来越忙碌，许多人都过着3点一线的生活。人们的身体都缺乏锻炼和没什么时间出去旅游见证祖国的大好河山。21世纪，“绿色”被视为一种文明的标志，受到全球人类的崇敬、爱戴和保护，也是在这样一种普遍的“绿色崇拜”氛围下，绿色经济、绿色消费、绿色营销、绿色GDP等在全球范围内掀起一股“绿色革命风暴”，绿色旅游也在其中。绿色往往用来比喻“环境保护”、“回归自然”、“生命”等内涵，而绿色旅游只是一种比喻的说法，是用来指导旅游业在环境管理方面的发展方向。它可以理解为与可持续开发旅游、生态旅游类似的概念，即指在为社会提供舒适、安全、有利于人体健康的产品的同时，以一种对社会、对环境负责的态度，合理利用资源，保护生态环境。绿色旅游中融入了可持续发展理念，贯穿了人地和谐相处的思想。因此，绿色旅游是指包括旅游者、饭店、景点管理者、旅行社和导游在内的旅游参与者在整个旅游过程中的各个环节都必须尊重自然、保护环境。绿色旅游是以认识自然、保护自然、不破坏自然生态平衡为前提的，是经济发展、社会和谐、环境价值的综合体现，它需要经营者和旅游者共同提高环保意识。 绿色旅游作为一种新的旅游形态，具有观光、度假、休养、科学考察、探险和科普教育等多重功能。对旅游者来说不仅是享乐体验，而且也是一种学习体验，不是单纯地利用自然环境，而是依靠自然和旅游的并行关系在对自然带有敬畏感和环保意识的基础上进行的旅游，它增加了旅游者与自然亲近的机会，深化了人们对生活的理解。3.2杂志元素设计3.2.1封面设计与制作 封面的制作一般都是靠Photoshop来完成，首先打开并新建一个388*550像素的窗口，封面主要有：主题，图片，和LOGO. （1）我们所用到的Photoshop工具如图3.1 图3.1 工具栏（2）我所用的LOGO是自制的LOGO放在封面的左上角，主题写在封面的又上角，如图3.2所示。 图3.2 LOGO和主题（3） 封面的主体还是图片，我选择了一张长城的图片。如图3.3所示。图3.3 封面3.2.2封底的设计与制作封底就以简洁为主，首先用Photoshop打开并新建一个388*550的窗口，我用的LOGO 是工作室的LOGO，然后就把工作室的LOGO导入，放在图片正中间，用任意变形工具调整大小，如图3.4所示。图3.4 封底LOGO大小调整好以后在封底的左下角用文本工具把地址，邮政编码，联系电话等等写进去，如图3.5所示。图 3.5 地址，邮编，联系电话最后就完成了封底如图3.6所示。图 3.6 封底3.2.3封面动画的设计与制作（1）打开PS软件，将素材导入，对图片进行处理，做好后将图片存为PNG格式，如图3.7所示图 3.7 封面动画图1（2）打开FLASH软件，新建一个750*550的舞台，将帧频设为30，导入所需素材。先做图片运动，图片由透明变清晰。新建图层2，选择文本工具，输入YOUR FUTURE，选中文字，将文字打散为单个字母并分散到每个图层，对每个字母做动画，字母的动画是由大到小，由透明变清晰的一个动画，如图3.8所示。图 3.8 字母动画插帧 （3）选择椭圆工具，画几个圆，并填充不同的颜色。将每个圆设为图形元件，并对其元件做动画，由远及近，慢慢清晰的一个动画。新建一个图层，导入处理好的PNG图片，将其做一个动画，图片由远及近，慢慢清晰的一个动画。我的封面动画分为两个场景。第一个场景如图3.9所示图 3.9 封面动画场景1第2个场景如图3.10所示图3.10 封面动画场景23.2.4制作电子杂志的图标（1）先打开ICO制作软件，选择48*48尺寸，真彩色+ALPHA(32位)之后点确定，导入一张准备好的图片，选择需要的部分，然后按确定，如图3.11所示图3.11 截取图标（2）得到图片后，选择建立好的图标，右击鼠标，复制图像，得到2张48*48的图标。选择复制好的图标，右击鼠标，转换图像，选择“32*32，真彩色（24位）”然后确定，如图3.12所示图3.12复制转换图像（3）得到图片后，选择建立好的图标，右击鼠标，复制图像，得到2张32*32的图标。选择复制好的图标，右击鼠标，转换图像，选择“16*16，真彩色（24位）”然后确定，图标就做好了，然后点击杂志设置在图标文件那替换掉原来的就可以了，如图3.13所示图3.13 替换原来图标3.3自制模版3.3.1制作电子杂志的内页模板（1）首先打开FLASH新建一个750*550的舞台，将帧频设为30，背景色调为白色，导入素材。先做背景上的动画，将背景图片设为一个影片剪辑，在图层一中插入一个关键帧，拖入背景图片的影片剪辑，将其做一个由透明度为0慢慢变清晰的动画。如图3.14所示图3.14 背景（2）新建一个图层，导入图片，并将其设为影片剪辑，图片动画：图片由上往下掉落，到终点时会左右摇摆。再新建3个图层导入3张图片，并将其设为不同的影片剪辑，3张图片的动画和图片1是一致的。如图3.15所示图 3.15 图片动画（3）新建两个图层，选择文本工具，输入北京和故宫，分散到两个图层中，并将两个图层上的文字设为不同的影片剪辑，文字做一个由小变大的动画。（4）下面我们来做图片点击放大的动画，4张图片做跳转帧动画，如图3.16所示图 3.16 跳转帧 4张图片做跳转帧动画的代码如下on (release) gotoAndPlay(a4);unction updo() if (text._y = -1020 & text._y = -1000 & text._y 0) if (text._y = -1020 & text._y = -1000 & text._y = 240) text._y = text._y - 10； / end else if；Mouse.addListener(mp)；_root.onMouseMove = function () if (_root._ymouse = 50) menu1._y = -20； / end if；Key.addListener(text)；text.onKeyDown = function () var _loc1 = Key.getCode()； if (_loc1 = 38) if (text._y = -1020 & text._y = -1000 & text._y = 240) text._y = text._y - 10； / end if / end else if；text.onKeyUp = function () text._y = text._y；自制模板的平面设计图如图3.17所示图3.17自制模板成品3.3.2制作电子杂志的目录模板（1）先用PS把目录模板的外形做出来，先新建一个750*550的画布，然后用油漆桶给喷成灰色，然后把封面图片导入，用任意变形工具调整大小和位子。如图3.18所示。图 3.18 调整封面大小（2）用直线工具在画布的上方画出一条百线，然后在白线的左下方选中一矩形区域用油漆桶填充黄色，在矩形区域内用文本工具写上”游玩记事”颜色白色，调整大小。如图3.19所示。图 3.19 文字（3）然后我在白线的左上方放入一长我的缩小照片和用文本工具写上是由我制做的，就完成了目录的PS制作的步骤，如图3.20所示。图3.20 PS处理的目录外形（4）把PS中做好的导入Flash中，在中间的空位用文本工具写上各个小标题，将各个小标题分散到各个图层。将各标题设定为按钮元件，为每个按钮插入关键帧，经过时按钮元件颜色修改为红色，如图3.21所示图3.21 做按钮变身动画分别在每个元件插入动作代码，这是第一小标题的动作代码，后面的第2个就改成P2，这样依次改下来，代码如图3.22所示图 3.22 标题动作代码 然后在动作层插入动作代码，如图3.23所示图3.23 动作代码 最后整个目录模板就做好了，用模板编辑器改为目录模板就OK了，最后成品如图3。24所示图3.24 目录模板3.4 电子杂志整册电子杂志设计 做完开场动画、自制模板和目录，我们就开始用ZineMaker软件制作整个电子杂志了。新建一个杂志，将封面，封底替换成自己做的封面，封底。点开“X-Plus“标准杂志模板.tmf, 将frontinfo.swf替换成自己制作的那FLASHA动画.把自己制作的目录模板安装到目录模板里，然后在ZineMaker里选择添加模版，将自己制作的加入进来。除了自己制作的模板外，我还添加了一些下载好的模板进来。将里面的图片和文字替换成自己收集的素材，在替换图片时，我们要注意图片本生有大小.所以我们应该先在Adobe Photoshop里处理图片来，难后将图本保存JPG格式，并在ZineMaker里将其替换。我制作的电子杂志的第一个页就是一个下载的模板，如图3.25所示。图3.25 模板然后给杂志导入音乐就可以了，如图3.26所示图3.26 导入音乐第四章 制作电子杂志在线版 制作在线电子杂志我们还得下载一个“ZM在线文件提取.exe”的软件，首先我们得将这个“ZM在线文件提取.exe”的软件置于ZineMaker软件的根目录下。放好后我们把电子杂志的源文件打开，同时我们再到ZineMaker软件的安将文件打开。找到“ZM在线文件提取.exe”这个文件打开它，要记主这时我们的电子杂志也是打开的，打开的“ZM在线文件提取.exe”，如图4.1所示。图4.1“ZM在线文件提取.exe”文件的打开图第二步我们就要将我们的电子杂志再生成一次（“ZM在线文件提取.exe”文件打开的情况下），生志完后关闭生成的电子杂志，打开“ZM在线文件提取.exe”文件上的“打开TEMP1文件夹”点击打开，并将pages.xml用记事本打开，找到里面的Music“”在双引号里将你的电子杂志音乐名称复制进去如：Music=hh.mp3，最后我们将一个index.html的网页放置TEMP1的文件夹里，这一步是很重要的，做到这里我们的在线电子杂志就做完了，打开index.html并查看在线的电子杂志。可如图4.2所示。图4.2 在线杂志第五章 总结与体会刚学习电子杂志的时候，都不知道怎么用ZineMaker这个软件，后来老师教我们去下载模板，然后把我们准备好的照片，文字啊插入模板当中。当我们做出第一个电子杂志的作业的时候还觉得蛮爽的，自己都会做电子杂志了。后来才知道电子杂志不是插插图片，文字就OK了的，我们还要自己会做模板，会做封面，会做动画。这需要我们能熟练的使用Photoshop和Flash，还要多到网上去找别人做的杂志看看，给以自己灵感。通过这次电子杂志