电子杂志设计制作手册

一杯清茶在手、慢慢翻阅印刷精美的杂志，是一种快乐。

　　如今，打开制作精良的电子杂志，人们一样可以在鼠标轻轻滑动的美妙瞬间，享受多媒体阅读。

　　 现在的电子杂志在形式上保留了纸质杂志的封面、目录、封底，甚至做出了中折痕以及翻页效果，更让人惊叹的是，它们融入了声音、图像、动画、视频等手段，让杂志的可视性、交互性达到前所未有的高度。相对于传统纸质杂志，可谓“青出于蓝而胜于蓝”。

　　 目前比较流行的各种纸质杂志都有电子杂志，名人和普通人也纷纷开始制作自己的电子杂志。各大电子杂志服务商也闻风而动，努力迎合用户需求，各类专门针对电子杂志制作的工具软件也纷纷上市。电子杂志市场一派繁荣。

　　本专题通过对电子杂志设计制作软件、制作方法、流程、实例等的介绍，希望为您送上一份丰富的“电子杂志设计制作盛宴”。 

　　最后，我们通过一个完整的实例讲解电子杂志的策划和制作过程。

电子杂志设计制作常用Flash技术

在电子杂志设计制作过程中，需要使用Flash等专业动画软件以及相关ActionScript脚本编程技术，通过这些专业技术的使用，我们可以制作出更加绚丽多彩的电子杂志。

　　今天我们就讲讲电子杂志设计制作中常用的Flash技术。

　　在编写Flash ActionScript代码时，应使用“动作”面板或“脚本”窗口。“动作”面板和“脚本”窗口包含全功能代码编辑器（称为 ActionScript 编辑器），其中包括代码提示和着色、代码格式设置、语法加亮显示、语法检查、调试、行数、自动换行等功能。 

　　【小技巧】在Flash中，事件发生时会执行ActionScript代码。事件可以划分为以下几类：鼠标和键盘事件，发生在用户通过鼠标和键盘与 Flash 应用程序交互时；剪辑事件，发生在影片剪辑内；帧事件，发生在时间轴上的帧中。例如，当用户滑过一个按钮时，将发生 Button.onRollOver或on(rollOver) 事件；当用户单击某个按钮时，将发生 Button.onRelease 事件；如果按下键盘上的某个键，则发生on(keyPress)事件。可在帧上编写代码或向实例附加脚本，以处理这些事件以及添加所需的所有交互操作。这些都是构成电子杂志动画设计的基本要素。

　　在利用Flash设计电子杂志的过程中，经常需要使用和页面有关的函数。下面我们选择一个完全利用Flash技术制作的电子杂志为大家分析一下比较常用的Flash事件函数。

　　设计界面如下图所示。

　　在事件函数中，可在组件参数面板中设置（event参数），也可在Action中通过如下格式来设置：

　　[翻页组件对象名称].[事件名称]=[事件调用函数或事件调用函数路径]

　　若直接指定事件调用函数，则该函数的格式需写为：

　　function 函数名 (事件参数1, 事件参数2, …)

　　若通过事件调用函数的路径来指定（组件参数面板中设置的事件即为这种情况），则该函数的格式需写为： 

　　function 函数名 (sender, 事件参数1, 事件参数2, …)。其中sender参数接收到的值为产生该事件的组件句柄。

　　具体事件说明如下表所示：

　　通过Flash还可以可以做出包含功能强大互动内容的电子杂志，它可以了解受众的个性需求。

　　另外电子杂志的用户管理后台可以针对用户做目标分析和阅读分析，并得到时时更新的信息反馈。而且，电子杂志的广告往往和内容结合得很紧密，甚至一般的消费者都不认为这是一种广告。而这一切也需要通过功能强大的相关脚本来实现。

　　了解这些实例和代码的基本规律后，我们就可以设计出更多具有个性化的电子杂志页面或者整本的电子杂志了。

电子杂志设计制作中的新技术整合运用

通过前面由浅入深的技术介绍，我们对电子杂志的制作技术有了一定认识。下面，我们来看看一些专业电子杂志公司对最新技术的应用。

　　三维虚拟技术整合

　　利用三维虚拟技术可以对旅游、房产、市政、汽车等行业进行身临其境的体验式展示。以《神农架》杂志为例，通过整合三维虚拟现实技术，把地球北纬30度附近神秘而奇特的金字塔、百慕大、神农架等地区生动自然地展现出来。用户可以用鼠标随意拖动地球进行旋转，点击相应神秘地区即可由远及近的“钻”入该地区，并在其中漫游，其效果不亚于好莱坞的三维动画大片。

　　二维虚拟、鼠标追踪、动作缓冲技术的整合

　　通过二维虚拟、鼠标追踪、动作缓冲技术的整合，可以生动、直观地展现了神奇世界。

　　三维表现技术应用

　　灵活运用了影视领域的三维表现技术，配合音乐，可以非常出色地展现了宏大、神圣的场面。

　　全景虚拟技术整合

　　全景虚拟是基于全景图像的虚拟现实技术。通过把相机环360 度拍摄的一组或多组照片拼接成一个全景图像，实现全方位互动式观看的真实场景还原展示方式。比如通过360度全景虚拟技术真实地展示了神树的风采，使读者可以在树周随意转动观看，达到身临其境的效果。

　　原创音乐、音效技术的应用

　　《神农架》项目生产中，原创了30首音乐，总时长为60分钟。极大地丰富了杂志的表现力。在项目制作中，民歌、音效采集使用了电影创作中的数字采录设备。如：“高山湿地”中，一天的变化通过音效的运用巧妙地诠释了“大九湖”24小时的多彩变幻。

　　GIS技术整合

　　GIS（Geographic Information System）是用于采集、管理、检索、分析和表达地理空间数据的地理信息系统的简称。通过GIS技术与flash的无缝结合，在杂志中可以准确、翔实、直观地表现地理信息。除GIS基础的测距等功能外，还可以创新性地应用实时天气预报功能、各信息图层间的换肤功能。

　　二维后期处理软件Illusion应用

　　应用影视二维后期处理软件Illusion，通过illusion处理的粒子效果，较好地营造各种神秘气氛。

　　影视合成、动画特效软件AfterEffects应用

　　很多电子杂志的“开场动画”应用了影视主流合成软件AfterEffects，增强了杂志的表现力。

　　协同工作技术

　　在大型软件开发、大型电影制作中，我们经常会用到协同制作技术，在大型电子杂志的开发中，也逐步开始使用协同工作技术。比如三维生产岗位、影视后期合成岗位、音乐创作岗位、平面设计岗位、动画设计岗位、技术研发岗位……，各工种协同工作，完了技术的创新与突破，对数字呈现与多媒体技术进行了很好的表现与创新。通过大项目的团队磨练，可以积累了很多生产方法、生产流程控制的经验，会很快形成大项目生产的“常态生产”模式，迎接即将到来的规模化项目生产。

　　一般来说，电子杂志公司作为新兴的媒体，在制作上的投入都很大。比如文字编辑就有十几人，更有分别达到数十人的影音制作队伍、图片编辑队伍，还有若干专业的作曲家、音乐制作人、配音演员等，加上电子杂志技术研发人员，不包括网站制作人员总人数也可以达到200人以上。

电子杂志的创编制作过程实例详解

本文中我们通过一个完整的实例详细讲解电子杂志的策划和制作过程。 

　　一、前期整体策划 

　　优秀的团队

　　组建团队时，可以根据每个人的特点和能力，在整体上形成优势互补。当然，团队的概念并不是局限于设计工作范畴，也包括经营方面，例如，在电子杂志的设计过程中，如果能够争取到一定的广告资金或者赞助费，成员的积极性就能更高，更多优秀的策划和创意也就能够得到实施。总之，在设计工作开展的过程中，以团队的模式形成工作结构，能够促进专业协作水平不断提高，从而获得更多的回报，使杂志能够持续坚持下去。在小型的电子杂志设计团队中，通常包括：策划编辑、美术设计人员、Flash设计人员和程序员等。通过明确的分工，在技能上能形成互补，从而形成一个高效的设计团队。当然，也可以通过网络的形式，以论坛分工的模式形成一个网络团队。

　　电子杂志的策划

　　电子杂志的策划包括：杂志的定位、版式设计、内容选择、色彩风格、音乐选择等，还有选题、组稿、编辑、素材整理、技术实现等，都需要仔细考虑。

　　每一个页面都应该是一个优秀的美术作品，必须通过整体的策划、配合来表现所要介绍的内容。一个有结构、有穿透力的色彩搭配，会产生更有空间感的透视效果，形成强有力的视觉冲击。动画、声音、视频、互动的整体配合可以使电子杂志的视觉效果更有层次感、空间感，从而吸引更多的读者。

　　杂志系列化的长期策划

　　一般分为初期、发展期、成熟期三个不同时期的考虑。在初期，要逐渐做精做强，以便在激烈的竞争中得以生存；工作重点可放在对电子杂志的广告宣传的建立上面，尽可能吸引越来越多的读者。在发展期，电子杂志的内容要不断更新和完善，通过与杂志和网站的结盟，打造强势品牌。在成熟期，要努力形成自己独特的风格，尤其要考虑更多的赢利方式。完成详细的策划后，就可以针对整个系列进行设计了。

二、元素设计 

　　设计电子杂志之前，需要大量搜集资料和素材，通过主题内容来确定杂志的整体风格。因此，内容编辑也是整个设计过程中的重要环节。在占有大量资料的基础上，我们就可以考虑电子杂志的整体风格设计了。主要包括封面、封底、徽标LOGO、颜色选择等多方面的元素。

　　封面设计

　　设计封面时，可以选择CorelDraw、Photoshop等专业图像软件。以“北印码头”为例，该封面包含了多个设计元素。在设计的过程中，通过阴影等效果，制作出书脊的风格。在封面图片的对比上，通过虚实结合的表现手法，突出人物的动感风格。在封面的下方，包含了杂志的LOGO，专题名称。在颜色选择上，采用了绿色调，体现了杂志的“奥运”特色。如下图所示。

封底设计

　　在封底，继续采用了虚化的手法表现动感力度。为了突出奥运会中来自五湖四海的友谊，采用了一群牵手的相片。同时，在封底还加上了“北印码头”的杂志标志和杂志条码，进一步突出其杂志的味道。封底书籍的颜色与封面遥相呼应，突出其整体风格的一致性。如下图所示。

三、目录制作 

　　 目录是电子杂志中很重要的一个部分。在电子杂志制作中，一个清晰的目录结构能让读者检索、阅读杂志觉得方便、舒服。在确定了杂志的目录层次后，目录的显示位置和频率可以根据杂志的栏目设置和整体布局加以控制，这样，用户就能够方便的找到自己所需要的内容。

　　目录的安装

　　Zinemaker软件中没有提供目录模板，在它的官方网站上可以下载到许多新颖独特的模版、特效、图标及背景图片。下载后双击“页面模板”tpf文件。出现一个模板查看器，显示模板的动画效果。点击左上角的“安装”按钮。当出现“选择目录”时，点击下拉箭头或新建文件夹。这样页面模板就添加完成了。特效的下载及安装与之类似，至于图标和背景，则需要将下载完毕文件存放到固定文件夹。如下图所示。

　　将模板插入到电子杂志文件中

　　点击“项目”工具栏下的“添加模板页面”，然后选择刚才安装的目录模板。选择模板页面后，可通过图片查看方式或动画查看方式，对模板进行查看。注意：每次可选择1个模板，每个模板可多次选择。然后替换相关图片和文字。如下图所示。

　　【小技巧】制作目录中的图标时，可以使用Photoshop进行制作。目录的个数可以在模板中设置相关变量，如num_of_left，num_of_right；设置图片连接时，可以通过numplace_of_picture变量进行，无目录的位置不要填写数字。在相邻之间，逗号不能少。

　　新建杂志模板文件

　　我们选择Zinemaker作为主要设计软件，另外配合CorelDraw、Photoshop、Flash等软件。在ZineMaker中，点击“文件”菜单下的“新建杂志”，选择一个杂志模板，本例选择“硬书脊风格杂志模版（简化）”，然后点击“确定”按钮。如下图所示。

　　【小技巧】添加动画封面时，可以选择一个“非简化标准杂志”模板。加入后，选中模板元件处的“frontinfo.swf”，从“替换文件”后面的文件夹中调出需要的动画页面。建议添加的swf文件尺寸为750*550PX，帧频为30FPS，和整体参数保持一致。

　　替换封面和封底图片

　　在设计窗口中，左边是添加的页面模板，中间为模板的效果显示，右边为替换选区。在替换选区中，选择需要替换的图片名称，在元件查看中会显示原始图片。在“元件设置”区域，可点击“替换图片”任务栏尾部的文件夹，从电脑中调用已经准备好的图片文件。这时原来的图片就替换成需要的图片了。

四、添加内容、插入Flash文件 

　　添加内容模板

　　方法与添加目录模板类似，为了增加杂志的视听效果，用户可以在平时多多收集相关模板，甚至还可以通过Flash制作模板。在添加模板页面中，包含了“图文模板”、“图片展示”、“视频模板”等类型。通过类似的方法，可以完成电子杂志主体内容的制作。因此，内容的作用在这个环节就显得很重要了。如图16所示。

　　【小技巧】插入视频之前，首先点击“文件”菜单下的“导入视频”选项，选择要添加的视频文件，在弹出的“导入视频”选框中修改“导入设置”，完成后点击“导入”。在新建视频模板时，点击替换文件后的文件夹。在安装目录栏下的Video文件夹里，选择以前导入的视频文件并打开即可。

　　 添加Flash文件

　　有些场合，通过自己设计的Flash页面可以达到意想不到的效果，通过Flash的补充能够增加杂志的趣味。添加时，点击“项目”菜单下的“添加 Flash 页面”，选择并打开自己制成杂志页面的Flash 文件即可。现在，不少制作技术精湛的用户开始直接使用Flash MX等软件制作电子杂志。

　　整体页面属性的设置

　　在模板主界面的“页面设置”属性中，包含了丰富的页面设置变量。例如，可选择true或者false来决定是否进行页面预加载、页面遮罩、音乐预加载、页码等；打开“页面设置”的“背景音乐”浏览框，可以选择所需要音乐文件；点击“页面设置”的“页面特效”下拉框，选择所需要的页面特效。点击“页面设置”的“背景颜色”下拉框，可选择所需的颜色。如下图所示。

　　【小技巧】关于制作杂志的所有设置项都可以在XML中找到并修改。XML是“extensible Markup Language”的缩写，意为可扩展的标记语言。它是一套定义语义标记的规则，这些标记将文档分成许多部件并对这些部件加以标识。“XML”具有与描述Web页面的“HTML”语言相似的格式，该语言有“可以利用Web浏览器进行数据确认”以及“易于生成数据”等优点，因此可以方便地进行数据交换和利用。在电子杂志设计的过程中，可以通过修改“XML”选项卡中的参数，对电子杂志进行灵活的配置。