精品：电子杂志设计与制作论文(设计报告)

青 岛 工 学 院

数字媒体技术综合实训2 设计（论文）

(宋体小初号) 

（题目）  电子杂志设计与制作  (黑体一号)

学生姓名         学号 ************ (黑体三号)

         指导教师        祝明华           (黑体三号)

             学   院      信息工程学院        (黑体三号)

专   业  数字媒体技术 年级 2010级 (黑体三号)

             论文答辩日期    2013 年 10 月  30  日 (黑体四号)  

青   岛   工   学   院（楷体_GB2312，小二）

论文题目: 电子杂志设计与制作

电子杂志版面设计

第一章 电子杂志概述

1.1电子杂志简介以及应用领域

电子杂志，又称网络杂志、互动杂志。目前已经进入第三代，以flash为主要载体于网站存在。电子杂志是一种非常好的媒体表现形式，它兼具了平面与互联网两者的特点，且融入了图象，文字，声音、视频、游戏等相互动态结合来呈现给读者，此外，还有超链接、及时互动等网络元素，是一种很享受的阅读方式。电子杂志延展性强，目前已经逐渐可移植到PDA、MOBILE、MP4、PSP及TV（数字电视、机顶盒）等多种个人终端进行阅读。

目前各地旅游景区和各个城市都特别注重自身形象宣传（出于开发旅游、招商引资、提升形象等目的），而且景区和城市的风貌、景色等等最适合用网络杂志来展现和包装，且永久在线。所以Xplus有意在旅业拓展市场（目前已有很多成功案例）。新浪、搜狐或其他旅游类网站能提供给客户的服务只是广告，区别只在于在哪个网站上投，内容的表现形式大部分也只局限于图文。而电子杂志作为新的一种媒体表现形式，与传统网络广告不构成竞争性。 因此网络杂志的推广可以说是在网络广告领域开辟了一片新的蓝海市场。市场广阔，前景巨大。

1.2 中国电子杂志的发展历史

电子杂志起源于20世纪80年代的BBS热潮中。“亡牛的祭奠”（Cult of the Dead Cow）声称于1984年发行了第一部电子杂志，并且持续了20多年之久。但是，这个情况是否属实存在激烈争议。费力克（Phrack）于1985年发行了自己的电子杂志，不同于“亡牛的祭奠”的单篇文章杂志，费力克的电子杂志每期都包含了各种不同类别的文章，更近似于我们的纸质杂志的模式。网络合作小说杂志--《Dargonzine》于1984年在BITNET的学术网页上制作了自己的电子版本，而且直至今日仍在发行。 

“电子杂志"通常指的是完全以计算机技术、电子通讯技术和网络技术为依托而编辑、出版和发行的杂志。它的内容在早期顺理成章地与计算机、通讯和网络等相关。它的出版发行手段既得益于技术,同时也不免受到当时技术的发展和应用水平的局限。以由美国休斯顿大学图书馆创建于19年的电子杂志《公共检索计算机系统评论》(Public-Access Computer Systems Review,缩写为PACS Review)为例,其办刊宗旨是对图书馆所有的可以为公众所利用的电子资源,包括联机书目、CD-R0M数据库等进行详细而及时的介绍。其出版于1990年1月的第一期使用的文件格式是ASCII格式,通过“公共检索计算机系统LIST”(PACS-L)发行。由于当时的电子邮件系统无法处理较大的文本文件,稍有长度的文章都不得不被分割成多个小文件向订阅者发出。

2003年1月，的KURO音乐软件公司“飞行网”尝，着推出了一个以FLASH动画为基础，融入文字、图象、音频和视频的数字化互动杂志《酷乐志》.这种新兴的杂志炫酷精美、内容丰富，十分符合当下年轻人的审美追求，很快便在网络上流行起来。 

竞争总是残酷的.谁能想到，帷幕刚刚缓缓掀起，就在人们为开场喝彩的时候，“飞行网”却因为版权问题而悄声退出了历史舞台.主角谢幕离场，它身后留下的，是电子杂志无限光明的未来，和拥有几千万网民、潜力惊人的中国电子杂志舞台。

第二章 电子杂志制作使用软件介绍

软件介绍

本站主要使用iebook进行电子杂志制作、使用Photoshop CS处理图片、Fash 制作动画。

2.1  iebook

Iebookr是一款免费软件。专业的电子杂志制作软件，是全球第一家融入互联网终端、手机移动终端和数字电视终端三维整合传播体系的专业电子杂志（商刊、电子画册）制作推广系统。 

免费发布的国内顶级的专业电子杂志制作软件，功能实用运行流畅。 生成的电子杂志文件是的EXE文件，内置FLASH播放器，直接打开就能观看。自带多套精美flash动画模版和大量的flash页面特效，让更多普通用户也能一起制作属于自己的电子杂志。 

2.2  Photoshop 

photoshop cs4是Adobe公司出品的最为出名的图象处理软件之一，可以为提供最专业的图象编辑与处理。软件通过更直观的用户体验、更大的编辑自由度以及大幅提高的工作效率。Adobe Photoshop CS4[1]软件通过更直观的用户体验、更大的编辑自由度来大幅提高的工作效率，使您能更轻松地使用其无与伦比的强大功能。

2.3  Flash

Flash是Macromedia公司推出的一个的网页交互动画制作工具和 Web 动画的标准，由Adobe公司收购。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Flash也是存储芯片的一种，通过特定的程序可以修改里面的数据。另有星际争霸选手李永浩以Flash为名。

第三章 电子杂志制作过程

3.1理念

随着科学的进步人类的发展，人们的生活越来越忙碌，许多人都过着3点一线的生活。人们的身体都缺乏锻炼和没什么时间出去旅游见证祖国的大好河山。21世纪，“绿色”被视为一种文明的标志，受到全球人类的崇敬、爱戴和保护，也是在这样一种普遍的“绿色崇拜”氛围下，绿色经济、绿色消费、绿色营销、绿色GDP等在全球范围内掀起一股“绿色风暴”，绿色旅游也在其中。绿色往往用来比喻“环境保护”、“回归自然”、“生命”等内涵，而绿色旅游只是一种比喻的说法，是用来指导旅游业在环境管理方面的发展方向。它可以理解为与可持续开发旅游、生态旅游类似的概念，即指在为社会提供舒适、安全、有利于人体健康的产品的同时，以一种对社会、对环境负责的态度，合理利用资源，保护生态环境。绿色旅游中融入了可持续发展理念，贯穿了人地和谐相处的思想。因此，绿色旅游是指包括旅游者、饭店、景点管理者、旅行社和导游在内的旅游参与者在整个旅游过程中的各个环节都必须尊重自然、保护环境。绿色旅游是以认识自然、保护自然、不破坏自然生态平衡为前提的，是经济发展、社会和谐、环境价值的综合体现，它需要经营者和旅游者共同提高环保意识。 

3.2杂志元素设计

3.2.1封皮设计与制作

封面的制作一般都是靠Photoshop来完成，首先打开并新建一个388*550像素的窗口，封面主要有：主题，图片，和LOGO.

（1）我们所用到的Photoshop工具如图3.1

（2）杂志主题元素。如图3.2所示。

（3）封面的主体是杂志主题元素及相关元素加上自制LOGO水印，最后在封底上加上条形码和版权，全过程由Photoshop完成。如图3.3所示。

3.2.2杂志内容素材制作

（1）打开PS软件，将杂志所需素材导入，对图片进行处理

（2）打开Flash软件，制作杂志所需动画素材。内容板式展示如下：

3.2.3 制作电子杂志《白玫瑰的秘密》

（1）先打开iebook制作软件，创建组件项目，插入软件自带flash片头或自制片头，（若是软件自带片头接下来就进行元素替换），然后进行封面封底替换。

（2）插入软件自带目录或自制目录（若是软件自带片头接下来就进行元素替换），添加页面制作杂志内容：将制作好的杂志素材导入或替换到iebook中进行排版。

（3）做好以上两步电子杂志就差不多制作完成了。然后就是找到全局音乐进行背景音乐的替换，点击全局音乐选择添加音乐文件，在弹出页面中点击添加，选择之前准备好的音乐选择打开最后确定应用，选择一本完美的电子杂志就制作完成了

3.3自制模版

3.3.1制作电子杂志的内页模板

（1）首先打开FLASH新建一个750*550的舞台，将帧频设为30，背景色调为白色，导入素材。先做背景上的动画，将背景图片设为一个影片剪辑，在图层一中插入一个关键帧，拖入背景图片的影片剪辑，将其做一个由透明度为0慢慢变清晰的动画。如图3.14所示

（2）新建一个图层，导入图片，并将其设为影片剪辑，图片动画：图片由上往下掉落，到终点时会左右摇摆。再新建3个图层导入3张图片，并将其设为不同的影片剪辑，3张图片的动画和图片1是一致的。

（3）新建两个图层，选择文本工具，输入北京和故宫，分散到两个图层中，并将两个图层上的文字设为不同的影片剪辑，文字做一个由小变大的动画。

（4）下面我们来做图片点击放大的动画，4张图片做跳转帧动画，如图3.16所示

3.3.2制作电子杂志的目录模板

（1）先用PS把目录模板的外形做出来，先新建一个750*550的画布，然后用油漆桶给喷成灰色，然后把封面图片导入，用任意变形工具调整大小和位子。

（2）用直线工具在画布的上方画出一条百线，然后在白线的左下方选中一矩形区域用油漆桶填充黄色，在矩形区域内用文本工具写上”游玩记事”颜色白色，调整大小。

（3）然后我在白线的左上方放入一长我的缩小照片和用文本工具写上是由我制做的，就完成了目录的PS制作的步骤。

（4）把PS中做好的导入Flash中，在中间的空位用文本工具写上各个小标题，将各个小标题分散到各个图层。将各标题设定为按钮元件，为每个按钮插入关键帧，经过时按钮元件颜色修改为红色，如图3.21所示

分别在每个元件插入动作代码，这是第一小标题的动作代码，后面的第2个就改成P2，这样依次改下来，代码如图3.22所示

   然后在动作层插入动作代码，如图3.23所示

   最后整个目录模板就做好了

<一般情况我们都直接采用强大的iebook自带的动画模板就好，这样能节省很多的时间>

3.4  电子杂志生成

在iebook中点击生成，生成exe杂志，选择保存路径确定就行，有必要的还可以设置杂志密码。

第四章 总结与体会

刚学习电子杂志的时候，都不知道怎么用iebook这个软件，后来从网上看了几个别人做的作品，然后自己着手摆弄软件。通过自己的创意构思和自己平时的课程学习经验的积累和对基础软件的熟练掌握，最终做出第一个属于自己的电子杂志，感觉很有成就感。后来才知道电子杂志不是插插图片，文字就OK了的，虽然有现成的模板但我们也应该学会自己会做模板，会做封面，会做动画，还需要更多的平面设计知识。在这方面，都需要我们能熟练的使用Photoshop和Flash以及平面设计要领，还要多到网上去找别人做的杂志看看，给以自己灵感。

通过这次电子杂志的制作，我们要自己做LOGO，自己做动画，自己做封面，自己做模板。这是对我们这3年来学的东西的一个很好的检验和总结。一个完整的电子杂志的制作需要各方面的设计感的配合，风格的统一，画面的和谐等，都是重要的因素。独自完成这次电子杂志的制作确实付出了一定的时间和精力，虽然结果还是差强人意，但是通过自己的努力完成一项完整的任务，在某种程度上大大提升了自己。其实，只要努力认真的用心去一件事情是可以把它做的很好的。通过这个作品，我又多认识了一个软件iebook。

这个作品还有很多的不足需要改进，我会不断的努力完善作品，同样也是完善自己，使自己更加充实。同时非常感谢这3年里教过我们所有软件的老师们，是你们带给了我丰富的知识，让我的大学生活无比的充实！

参考文献

教材类：

1.王汝义  主编：《FLASH网站建设技术精髓》，人民邮电出版社，2007年

2.王  锦 主编：《制作电子杂志》，人民邮电出版社，2009年9月

论文：

《电子杂志版面设计的应用研究》

网站类：

1 网页设计师联盟.http://www.68design.ne