基于IPAD的电子杂志制作

谢新慧 司占军 高宁

摘要：电子杂志兼具了平面和互联网的特点，且融入图像、文字、声音、视频等相互动态结合来呈现给读者，此外还有超链接、及时互动等网络元素，是一种很享受的阅读方式。运用Photoshop、方正飞翔软件制作以“花”为主题的电子杂志，杂志制作过程主要包括图片文字信息的采集，各种处理方式，整体的排版与设计等环节。电子杂志通过交互效果让大众了解关于“花”的一些知识和故事，其中包括花语、生长环境、生活价值、美文介绍、传说小故事等，提升阅读体验。

关键词：花；电子杂志；交互效果

中图分类号：TP317 文献标识码：A 文章编号：1009-3044（2018）14-0211-03

随着数字科技的发展，人类开始进去了全新的信息时代，接收信息的方式也越来越多，越来越便捷。在这样的背景下，一种新的媒体形式——数字媒体出现在大众的视野[1]。像电子杂志，电子书、手机报、在线阅读这样的数字出版的全新载体正悄然兴起，随之，各种移动终端也开始逐渐流行。其中IPAD是现在人们所追捧的移动终端之一，而该文基于IPAD来制作以“花”为主题的电子杂志，并设置动感图像、拼图游戏等交互效果，给读者全新的阅读体会。

1 开发环境与软件

开发环境：Windows 10 系统，Intel（R） Core（TM）i7 CPU ，8G内存，64位操作系统。

制作软件： Adobe Photoshop CS6、方正飞翔。

2 设计思路

首先进行市场调研，了解大众对“花”的认知程度，确定所要制作的内容以及搜集相关的图片素材。然后在Adobe Photoshop CS6中对图片进行调整和参数设置。在方正飞翔中对图像、图形以及文本等进行排版，实现精美的版面，并进行发布。如图1为本设计的整体思路流程图。

3 设计与实现

3.1 前期准备工作

对整个花卉市场进行调研，根据市场需求制定出相应的策划方案。同时通过书籍的查阅和互联网查询来收集相关图片素材，并下载相关软件，储备相关知识，为后期制作做好充分准备[2]。

3.2 电子杂志封面设计

3.2.1 电子杂志封面

电子杂志的封面主要通过Photoshop来制作完成的。

首先新建一个剪切板，名称首页，大小设为656*510。然后将素材图片从在Photoshop中打开，双击图层面板中的背景，弹出新建图层面板[3]，点击确定，用仿制图章工具消去不需要的部分，修改后的图片如图2所示。

用快捷键Ctrl+A（全部）选中图片，Ctrl+C（复制）复制图片，再打开新建的首页，用快捷键Ctrl+V（粘贴），将处理好的素材图片粘贴到剪切板首页上，用快捷键Ctrl+T（自由变换），拖动鼠标将图片调整到合适大小，在图层中选中两个图层，鼠标右击，选择合并图层[4]，将最终处理好的图片存储为JPEG格式，存储在桌面电子杂志文件夹下。

打开方正飞翔，通过插入—图片的形式，将处理好的图片首页插入，用选取按钮将图片拖动成合适大小，用文字工具在图片的右下角位置输入flower，字体华文琥珀，字号特大；用选择工具选中文字块，选择互动动画并设置参数，在载入页面时，自底部以回弹的方式载入，首页页面完成。最终电子杂志封面静态图如图3所示。

3.2.2 电子杂志封底

电子杂志的封底首先通过Photoshop处理图片，然后在方正飞翔中加上各种效果，再添加音频。

在Photoshop中处理图片，以蒲公英图片的处理为例，首先打开图片，通过查看图像大小，新建相同比例的剪贴板，将图片粘贴复制到新建剪贴板，调整图片大小，并为图片设计效果，其余图片均相似设置。

在方正飞翔中打开图片，根据图片内容调整图片的角度，仍以蒲公英为例，选中该图片，在对象面板下设置旋转角度-10度，其他图片均相似设置，再排列各张图片的位置，通过互动效果的音视频，载入提前处理好的音频，并在互动属性中设置参数，这样电子杂志的封底就设置完成了。电子杂志封底静态图如图4所示。

3.3 电子杂志内容设计

电子杂志介绍的内容主要有花语，花的詩歌，花的特点，花的传说小故事等，用不同的互动效果来展示。

3.3.1 弹出内容嵌套效果设计

该页以薰衣草为例，在方正飞翔中出插入在Photoshop中处理好的六张图片，并排列位置。使用弹出内容嵌套的方式来设置六张图片的互动效果。需要弹出内容和按钮两种效果的配合。首先，把五张薰衣草图片按成长的过程，在弹出内容互动效果中分别形成对象，设为弹出内容1，弹出内容2，弹出内容3，弹出内容4，弹出内容5，方便后面按钮的跳转；其次，打开按钮的面板，选择椭圆形图片为第一个按钮，选中该图片，在按钮面板中单击转为按钮对象，为按钮添加动画，转至弹出内容1的画面1，并为弹出画面1设置弹出动画为跌落。之后按这样的方式将薰衣草的成长过程图片分别加上按钮互动效果，并为其分别设置回弹、滑动、飞升、翻转的进入效果。

在空白地方用文字块表现薰衣草的花语和名称，花语用美工的艺术字中的自定义艺术字设置参数立体勾边，颜色均为紫色。

3.3.2 动感图像效果设计

该页用蒲公英为例制作动感图像的互动效果。将处理好的图片在方正飞翔中打开，调整图片大小，并选中图片，在互动窗口上加载在Photoshop中处理好的PNG图片，动感图像参数设置为：方向是从下向上，小图的个数为35，小图大小变化范围从下线50%到上线200%，小图摆动范围从下线-180到上限180，摆动方式是循环，路径方式是循环，手势交互参数是打散。在互动效果设置完成的图片上，添加文字块，将蒲公英的一篇诗歌和花语填入，并修改颜色、字体、字号。

3.3.3 拼图游戏效果设计

向日葵的设置用到了拼图游戏，选用梵高的两张向日葵的图画作为拼图游戏的主体，显示图片选择两张真实向日葵的近景图片拼接。

在方正飞翔对图片进行拼图游戏的设置。首先将图片排入，排放在整个板块的右侧，设为拼图游戏，在互动属性中设置参数，第一张图片为占位图不勾选，游戏总关数为2，第一关游戏分割块数设为12，第二关游戏分割块数设为20。处理完后在方正飞翔中拼图游戏效果静态图如图5所示。

3.3.4 视频效果设计

该页主要设计视频互动效果，介绍了仙人球花的花语和传说的小故事。

首先，用椭圆形工具绘制一个椭圆，选中右击转为文字块，调整大小，设置线型和底纹，线型为正向波浪线，线宽为8px，线宽方向居中，颜色设置为绿色，底纹设置为绿色8号。

其次，在文字块中输入“仙人球花”四个字，设置字体颜色为光谱，选中文字框，在美工下选择文字转曲，将文字调整成适当大小。

最后设置视频。视频可以通过排入视频mp4文件，或者在互动模板中选中拖到版面上的视频模板，通过互动属性面板替换模板中的内容。在此选用第二种方式进行视频的设置，在提前节选好的视频中，通过截屏的方式，将某一帧保存，用于视频位置显示设置，再由互动属性的重新设置添加截取好的视频，设置参数，显示播放控制，弹出是全屏播放，最终完成视频的互动效果，视频效果静态图如图6所示。

3.4 测试及发布

电子杂志制作完成后，在IPAD中下载翔云阅读器，电脑端下載iTools软件，将电脑与IPAD连接，通过“共享文件”导入到翔云阅读器，实现电子杂志的发布[5]。

4 结束语

本设计利用Adobe Photoshop CS6、方正飞翔软件对电子杂志进行设计，实现了杂志的交互展示。基于IPAD来制作以“花”为主题的电子杂设置动感图像、拼图游戏等交互效果，给读者带来全新的阅读体会。

参考文献：

[1] 白雪竹. 再释数字化语境下的新媒体[J]. 美术大观， 2009（10）.

[2] 张姣姣， 董明治， 司占军. 儿童三维互动读物的设计与制作[J]. 电脑知识与技术， 2017.

[3] 梁开敏. 在PhotoShop中"巧绘"中国画[J]. 数字与缩微影像， 2006（1）： 22-24.

[4] 耿洪杰. PHOTOSHOP创意摄影后期调色经典案例之41炫丽色彩打造性感大片——KTV主题照片的处理[J]. 照相机， 2017（8）： 56-59.

[5] 王颖， 司占军. 基于方正飞翔的互动出版物的设计与制作[J]. 电脑知识与技术， 2015（10）.