Изучая это руководство, вы будете работать с папкой CityGuide_Folio, которая расположена в папке TutorialAssets. Мы будем создавать интерактивные объекты прямо в InDesign. Ниже показан экран iPad с выведенной первой страницей основной статьи, которую вы создадите во время этого урока.

A. Альбомный (горизонтальный) вид. B. Книжный (вертикальный) вид. C. Гиперссылки. D. Наложения «Видео».
Загрузите ресурсы руководства. См. раздел Установка руководства.
На предыдущем уроке была создана статья путем открытия исходного документа и выбора «Добавить статью». Другой способ — импортировать статьи. Вы можете импортировать одну или несколько статей, используя требуемую структуру папок и имена файлов.
При импорте статьи укажите папку статьи. При импорте нескольких статьей укажите папку фолио.
-
Если это еще не сделано, укажите Cover_v.jpg для вертикальной ориентации и Cover_h.jpg для горизонтальной ориентации, затем нажмите кнопку «ОК». Эти изображения обложки появляются в папке CityGuide_Folio.
Изображения предварительного просмотра для обложки отображаются в библиотеке приложения Viewer. Они необходимы для публикации приложения.
Диалоговое окно «Свойства фолио»
Теперь вы научитесь редактировать документы Enjoy, добавляя в них интерактивные объекты.
Программное обеспечение InDesign включает множество различных интерактивных функций. Однако с инструментами для цифровой публикации можно использовать только некоторые из них. В дополнение к поддерживаемым встроенным функциям в палитре Overlay Creator размещены интерактивные наложения, которые можно использовать только для инструментов цифровой публикации.
Сначала создадим объект гиперссылки для логотипа «D. I. Y. Meet».
-
В списке «Связать с» выберите значение «URL» и введите URL-адрес в соответствующее поле (в примере используется URL-адрес http://www.bikeworks.org/). Снимите флажок «Общая привязка гиперссылки». В разделе «Оформление» оставьте флажки «Прозрачный прямоугольник» и «Нет». Нажмите кнопку «ОК».
Применение гиперссылки к прямоугольному фрейму
По умолчанию гиперссылки открываются в приложении Viewer, а не в браузере мобильного устройства. Вы можете изменить в палитре Overlay Creator настройки таким образом, чтобы веб-сайт открывался в браузере Safari мобильного устройства. Более подробная информация о палитре Overlay Creator будет представлена далее.
Видео, добавленное вами в документы InDesign, становится интерактивным при компоновке файлов. Вы научитесь добавлять видео, затем изменять его настройки с помощью палитры Overlay Creator. Добавим видео «cycling».
-
В файле Enjoy_h.indd выберите «Файл» > «Поместить», найдите папку CityGuide_Folio > Enjoy_Article > Links и дважды щелкните файл cycling_432x234.mpg. Поместите видеофайл в правый верхний угол окна.
Видеоизображение со значком видео указывает на то, что объект является интерактивным. Далее это изображение будет использоваться как постер.
-
В палитре «Медиаданные» («Окно»> «Интерактивные элементы» > «Медиаданные») в раскрывающемся меню «Постер» выберите «Выбрать изображение». Дважды щелкните cyclist.jpg в папке CityGuide_Folio > Enjoy_Article > Links.
На экране появляется новой постер. Теперь в палитре Overlay Creator определите способ воспроизведения видео.
Теперь создадим интерактивное слайд-шоу с помощью палитры «Состояния объектов». Изображения на вторую страницу файла Enjoy вертикальной ориентации уже были добавлены нами ранее. Переместим их в стек, преобразуем в объект с несколькими состояниями и создадим кнопки для навигации по слайдам.
-
В палитре «Состояния объекта» измените имя объекта на Sea Slugs.
Если ваши объекты с несколькими состояниями в документах горизонтальной и вертикальной ориентации имеют одинаковые имена, при повороте iPad состояние запоминается. Теперь, после создания объекта с несколькими состояниями, необходимо задать возможность их прокрутки.
-
Выберите красную стрелку справа, преобразуйте ее в кнопку и примените операцию «Перейти к следующему состоянию». Задайте тень для оформления [Нажать].
Кнопки позволяют пользователям переходить от изображения к изображению с помощью касания. Теперь разрешим использовать для перехода между слайдами жест перелистывания.
Для создания панорамы требуется шесть изображений, каждое из которых представляет собой сторону куба.
Далее будет использоваться функция «Просмотр на устройстве» для просмотра фолио. При использовании компьютера с ОС Windows перейдите к следующему шагу, чтобы узнать, как просмотреть фолио, используя операцию выгрузки и загрузки файлов.
-
Поворачивайте устройство iPad, чтобы просмотреть и горизонтальную, и вертикальную версии файла.
Переходите от одной статьи к другой, перелистывая их пальцем влево и вправо. Читайте статью, перелистывая ее пальцем вверх и вниз.
Перейдите к статье Enjoy. Убедитесь, что интерактивные наложения работают.
Нажмите на неинтерактивную область для отображения панели навигации и нажмите на кнопку «Главная» для перехода к началу фолио. Нажмите кнопку «Оглавление» в левом верхнем углу для просмотра оглавления и миниатюр. Перетащите полосу прокрутки для просмотра изображений предварительного просмотра статей.
Нажмите для отображения панелей навигации в Adobe Content Viewer
Также можно просматривать фолио на устройстве iPad, войдя в палитру Folio Builder, отправив и затем загрузив фолио.
-
В меню палитры Folio Builder выберите «Вход». Затем выполните вход с помощью идентификатора Adobe ID, утвержденного для работы с DPS.
При наличии статуса участника Creative Cloud используйте учетные данные Creative Cloud. При отсутствии статуса участника Creative Cloud выполните вход в систему http://digitalpublishing.acrobat.com и следуйте инструкциям по проверке учетной записи.
-
Если это еще не сделано, установите на устройство iPad приложение Adobe Content Viewer из интернет-магазина App Store.
Примечание.
При наличии другого мобильного устройства, например планшета Android или Kindle Fire, приложение Adobe Content Viewer можно загрузить из интернет-магазина Google Play или Amazon Appstore.
Вы изучили основы о создании статей и фолио и добавлении интерактивных наложений. Для получения дополнительных сведений о наложениях и других функциях DPS выполните любое из следующих действий:
Откройте исходные документы в Overlay_Examples_Folio и поэкспериментируйте с разными ресурсами наложений. Можно отредактировать существующие наложения в документах или создать собственные наложения.
Загрузите бесплатное приложение DPS Tips. Выполните поиск «DPS Tips» в App Store на iPad или iPhone, либо выполните поиск в Google Play Store для устройств на базе Android, или Amazon Appstore для Kindle Fire.
Опубликовать приложение в Apple App Store? При наличии подписки Adobe Creative Cloud можно создавать и отправлять неограниченное количество приложений для одного фолио для iPad. Кроме того, можно приобрести лицензию Single Edition для создания приложения для одного фолио. Если потребуется создать приложение, выберите фолио в палитре Folio Builder, затем выберите «Создать приложение» в меню палитры. Будет предложено загрузить пошаговое руководство по публикации. Чтобы создать свое первое приложение, следуйте инструкциям в этом руководстве.
Если требуется создавать приложения для нескольких фолио, можно получить подписку версии Professional или Enterprise на Digital Publishing Suite.