通览本教程时,您将使用 TutorialAssets 文件夹中的 CityGuide_Folio 文件夹。您将直接在 InDesign 中创建交互式对象。在本课程结尾,将给出主文章的第一页在 iPad 上的显示效果。

在 iPad 上显示的已完成作品集

A. 横向(水平)视图 B. 纵向(垂直)视图 C. 超链接 D. 视频叠加 

如果您还没有这样做,请下载教程资源。请参阅教程设置

导入文章

在上一课程中,您通过打开源文档并选择“添加文章”创建了一篇文章。还有一种方法是导入文章。如果使用正确的文件夹结构和文件命名约定,则可导入一篇或多篇文章。

导入一篇文章时,请指向文章文件夹。导入多篇文章时,请指向作品集文件夹。

  1. 在导入文章前,请打开 TutorialAssets > CityGuide_Folio 文件夹中的源 InDesign 文档,以确保所有链接都得到更新,文件也得以保存。

  2. 导航到文章视图,然后从 Folio Builder 面板菜单中选择“导入文章”。

  3. 选择“导入多篇文章”。

  4. 单击“位置”文件夹图标,并导航到 TutorialAssets > CityGuide_Folio。单击“打开”。

    选择 CityGuide_Folio 文件夹,而不是子文件夹。

  5. 单击“确定”导入 CityGuide_Folio 文件夹中的文章,并将其上传到服务器。

  6. 将 WiFi Ad 文章拖放到列表的结尾。

    导入文章后的 Folio Builder 面板

更改作品集属性

  1. 在 Folio Builder 面板中,单击箭头图标返回到作品集视图。选择 City Guide 作品集,然后从 Folio Builder 面板中选择“作品集属性”。

  2. 对于“出版物名称”,键入 City Guide Monthly

    出版物名称不同于作品集名称。“出版物名称”显示在查看器中。“作品集名称”用于内部用途,如链接和设置再现。

  3. 如果还没有为“垂直”指定 Cover_h.jpg 和为“水平”指定 Cover_v.jpg,则请照做,然后单击“确定”。这些封面图像显示在 CityGuide_Folio 文件夹中。

    封面预览显示在查看器库中。必须有封面预览,才能发布应用程序。

    “作品集属性”对话框

添加交互式超链接

现在您将编辑 Enjoy 文档以包括交互式对象。

InDesign 包括许多交互式功能。但这些功能只有一部分适用于数字出版工具。除支持的本机功能外,Overlay Creator 面板还包括仅适用于数字出版工具的交互式叠加。

首先,创建一个用于“D. I. Y. Meet”徽标的超链接对象。

  1. 在 Folio Builder 面板中,导航到 Enjoy_Article 的版面视图,然后双击“垂直版面”以打开 Enjoy_v.indd。

  2. 在工具栏中选择“矩形”工具,然后将一个矩形拖至第一页中的“D.I.Y. Meet”上。确保矩形没有描边或填充。

  3. 打开“超链接”面板(选择“窗口”>“交互”>“超链接”),然后从面板菜单中选择“新建超链接”。

  4. 从“链接到”菜单中选择“URL”,然后在 URL 字段中键入 URL 地址(我们使用的是 http://www.bikeworks.org/)。取消选择“共享的超链接目标”。在“外观”下,将“不可见矩形”和“无”留为选中状态。单击“确定”。

    对矩形框架应用超链接
  5. 在 Folio Builder 面板中,双击“横向布局”以打开 Enjoy_h.indd 文档。将 Enjoy_v.indd 文件中的超链接对象复制并粘贴到 Enjoy_h.indd 文件中。将对象移至“D.I.Y. Meet”徽标上面。

  6. 要快速预览文档,请保存文档,然后选择“文件”>“作品集预览”。单击超链接。然后退出 Adobe Content Viewer。

默认情况下,超链接在应用程序内查看器中打开,而不是在移动浏览器中打开。可以使用 Overlay Creator 面板更改设置以便它在移动 Safari 中打开网站。接下来您将了解有关 Overlay Creator 面板的更多信息。

创建影片叠加

当您捆绑文件时,您添加到 InDesign 文档中的影片会变为交互式。您将添加视频,然后使用 Overlay Creator 面板更改设置。我们将添加循环影片。

  1. 在 Enjoy_h.indd 文件中,选择“文件”>“置入”,然后浏览到 CityGuide_Folio > Enjoy_Article > Links 文件夹,双击 cycling_432x234.mpg。将影片文件放在右上角。

    设计者创建了一个带有影片图标的视频图像,用以指明该对象是交互式的。接着,您会将该图像用作海报。

  2. 在“媒体”面板(“窗口”>“交互”>“媒体”)中,从“海报”弹出菜单中选择“选择图像”。双击 CityGuide_Folio > Enjoy_Article > Links 文件夹中的 cyclist.jpg。

    将会显示新的海报图像。现在我们将使用 Overlay Creator 面板来确定如何播放影片。

  3. 选择“窗口”>“交互”>“Overlay Creator”以打开“Overlay Creator”面板。

  4. 让影片对象仍处于选中状态,然后在“Overlay Creator”面板中选择“点击以查看控制器”。

    使用 Overlay Creator 编辑影片设置
  5. 使用“选择”工具,复制图像,然后切换到 Enjoy_v.indd 并粘贴它。将它移至第一页上的空白区域,然后将其与周围对象对齐。

  6. 要预览影片,请保存文档,然后选择“文件”>“作品集预览”。单击影片以播放它。然后退出 Adobe Content Viewer。

创建幻灯片叠加

现在我们将使用“对象状态”面板创建交互式幻灯片。我们已经在垂直“Enjoy”文件的第二页中添加了图像。您将在书库中排列它们,将它们转换为多状态对象,并创建用于在幻灯片之间导航的按钮。

  1. 在 InDesign 中打开 Enjoy_v.indd,转到第 2 页。

  2. 选择红色箭头之间的七个图像,然后单击控制面板中的“水平居中对齐”和“垂直居中对齐”按钮。将箭头之间的图像居中。

  3. 让图像仍处于选中状态,选择“窗口”>“交互”>“对象状态”以显示“对象状态”面板。单击“将选定范围转换为多状态对象”按钮。

    组合成多状态对象的图像

    每个图像都在“对象状态”面板中显示为一个单独的状态。

  4. 在“对象状态”面板中,将“对象名称”更改为 Sea Slugs

    如果水平和垂直文档中的多状态对象有相同的对象名称,则在您旋转 iPad 时会记住状态。现在您已经创建了多状态对象,您需要让用户滚动浏览它们。

  5. 选择“窗口”>“交互”>“按钮”以显示“按钮”面板,然后选择左侧的红色箭头。

  6. 单击“将对象转换为按钮”,然后从“操作”旁边的加号图标中选择“转至上一状态”。

    创建导航按钮

    现在,让按钮的外观在用户点击时略有改变。

  7. 在“按钮”面板中单击 [单击],然后在控制面板中单击“投影”图标。

  8. 选择右侧的红色箭头,将其转换为按钮,然后应用“转至下一状态”操作。使 [单击] 外观成为投影。

    这些按钮能让用户通过点击在不同图像之间移动。不妨还让它们轻扫以便继续显示幻灯片。

  9. 选择多状态对象。在“Overlay Creator”面板中,选择“轻扫以更改状态”。

    打开幻灯片轻扫
  10. 将箭头和多状态对象从 Enjoy_v.indd 文件复制并粘贴到 Enjoy_h.indd 文件的第 2 页。将箭头移至多状态对象的下面,以便更为适合。

  11. 要预览幻灯片,请保存文档,然后选择“文件”>“作品集预览”。单击导航按钮以便在幻灯片之间移动。然后退出 Adobe Content Viewer。

创建全景图叠加

全景图需要六个图像,每个图像代表立方体的一个侧面。

  1. 打开 Enjoy_v.indd,转到第 3 页。

  2. 在工具栏中选择“矩形框架”工具,拖动以创建任意大小的矩形。

  3. 在“Overlay Creator”面板中,选择“全景图”。

  4. 单击“源”文件夹,然后选择 CityGuide_Folio > Enjoy_Article > Links 文件夹中的 CourtyardPano 文件夹。单击“打开”。

    占位符矩形采用全景图图像的形状,但我们希望单击区域更小。

  5. 按住 Ctrl+Shift (Windows) 或 Command+Shift (Mac OS),拖动选择手柄以调整全景图对象的大小,使其大约为 400x400 像素。

    创建全景图叠加

    我们将使用全景图的默认设置,从而避免全范围移动。

  6. 将全景图对象从 Enjoy_v.indd 文件复制并粘贴到 Enjoy_h.indd 文件的第 3 页。

  7. 保存并关闭 InDesign 文件。

在 iPad 上预览作品集(仅限 Mac OS)

接下来,将使用“在设备上预览”功能预览作品集。如果运行的是 Windows 计算机,则跳到下一部分,学习如何通过上传和下载文件进行预览。

  1. 如果尚未从 iPad 上的 App Store 中安装 Adobe Content Viewer,则请照做。在 App Store 中,搜索“Content Viewer”。

  2. 将 iPad 连接到 Mac OS 计算机,然后启动 Adobe Content Viewer 应用程序。

  3. 在 Folio Builder 面板中,导航到刚刚创建的 City Guide 作品集。

  4. 在面板底部,选择“预览”>“在 [iPad 设备名称] 上预览”。

  5. 查看 City Guide 杂志作品集。

    • 旋转 iPad,以便能看到文件的水平和垂直版本。

    • 左右轻扫以查看不同的文章。上下轻扫以阅读文章。

    • 浏览到 Enjoy 文章。确保交互式叠加起作用。

    • 点击非交互式区域以显示导航栏,然后点击“主页”按钮以跳到作品集开头。点击左上角的“目录”按钮以查看目录和缩略图。拖动浏览条可浏览各篇文章的预览。

    在 Adobe Content Viewer 中点击可显示导航栏

上传和预览文件

通过登录到 Folio Builder 面板,上传作品集,然后下载作品集,还可在 iPad 上预览作品集。

  1. 在 Folio Builder 面板中,从面板菜单中选择“登录”。然后,使用已确认可用于 DPS 的 Adobe ID 进行登录。

    如果拥有 Creative Cloud 成员身份,则使用 Creative Cloud 凭据。如果没有 Creative Cloud 成员身份,则登录到 http://digitalpublishing.acrobat.com,然后按提示验证帐户。

  2. 登录之后,在面板中选择 City Guide 作品集,然后从面板菜单中选择“上传到 Folio Producer”。

    作品集资源随即上传到 acrobat.com 服务器。

  3. 如果尚未从 iPad 上的 App Store 中安装 Adobe Content Viewer,则请照做。

    注意:

    如果有 Android 平板电脑或 Kindle Fire 等其他移动设备,则可从 Google Play 或 Amazon Appstore 下载 Adobe Content Viewer。

  4. 在 iPad 上,启动 Adobe Content Viewer。

  5. 如果您还未登录,请点击“登录”按钮。使用与用于登录到 Folio Builder 面板相同的 Adobe ID 进行登录。

    必须将 iPad 连接到 Internet,才能登录。

  6. 当出现提示时,请下载并查看 City Guide Magazine 作品集。

    如果编辑任意 InDesign 源文档,则选择文章,然后从面板菜单中选择“更新”以更新文章。在 iPad 上的 Adobe Content Viewer 中,系统将提示您下载更新的作品集。

后续学习内容

您已学习了有关创建文章和作品集以及添加交互式叠加的基础知识。要更详细地学习叠加和其他 DPS 功能,请执行以下任意操作:

  • 打开 Overlay_Examples_Folio 中的源文档,然后试验不同的叠加资源。可编辑文档中现有的叠加,也可构建您自己的叠加。

  • 下载免费的 DPS Tips 应用程序。在 iPad 或 iPhone 的 App Store 中搜索“DPS Tips”,或在 Android 设备的 Google Play 商店或 Kindle Fire 的 Amazon Appstore 中进行搜索。

  • 是否要将应用程序发布到 Apple App Store?如果您是 Adobe Creative Cloud 的订阅者,则可不限数量地创建和提交适用于 iPad 的单作品集应用程序。或者,可购买 Single Edition 许可证以创建单作品集应用程序。准备好创建应用程序时,在 Folio Builder 面板中选择作品集,然后从面板菜单中选择“创建应用程序”。系统将提示您下载分步出版指南。按该指南中的说明构建您的第一个应用程序。

  • 如果要创建多作品集应用程序,可获取 Digital Publishing Suite 的 Professional 或 Enterprise 订阅。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略