Adobe digital publishing suite інструментарій інтерактивних публікацій

Цифрові видання: вчора, сьогодні, завтра

Інший розробник - компанія Aquafadas - також досі не випустив цифрової платформи під Windows. Втім, він демонструє бо більшу толерантність, роблячи планшети доступними не тільки для лицарів ID, але і для шанувальників Quark.

У масовій свідомості до недавнього часу виникнення цифрових журналів було пов'язано з фірмою WoodWing, назва якої походить від назви виду метелика, що живе в тропічних лісах і практично невидимою завдяки забарвленню своїх крил, що нагадує структуру деревної кори. Ця компанія почала свій шлях з розробки додатків для автоматизації роботи в InDesign та першої стала активно просувати рішення для виробництва цифрових журналів. Вона запропонувала опис відкритого стандарту для цифрових журналів, але оскільки, крім декларації, воно нічого під собою не мало, то компанія переключилася на інтеграцію розробленого на той час Adobe рішення Adobe Digital Publishing Suite.

Є і безкоштовні рішення. Безкоштовні - для видавців, причому поки одні з них коштували венчурним інвесторам десятка-другого мільйона доларів, інші зроблені виключно зусиллями розробників. Основні ключові слова тут - HTML5 і open source.

Новий формат веб-розмітки дозволяє використовувати накопичений друкарський досвід і все багатство інтерактивних взаємодій, пропонованих інтернет-технологіями. Відкриті рішення не обтяжують платою за їх використання, проте впровадження і підтримка можуть коштувати грошей, і часом чималих. Говорячи про економіку цифрових видань, не варто забувати про вартість контенту - в мережі все як на долоні.

Упакувати контент в формат програми можна, наприклад, за допомогою Titanium, PhoneGap і Rhodes, а фреймворки для виробництва цифрових видань з'являються як гриби після дощу. Можна назвати пару десятків пристойних, а з них - пару українських. Наприклад, фреймворк TreeSaver в цілому викликає симпатію, але, за деякими оцінками, незважаючи на гнучкість (одна верстка годиться для різних екранів), має досить неквапливий механізм. Втім, такі зауваження висловлюються і з приводу інших HTML-рішень для Діджитал паблішингу. До речі, назва цього фреймворка - TreeSaver ( «зберігає дерева») -дуже спірне, адже поки не доведено, що кремнієве (комп'ютерне) поширення інформації більш екологічно чисте, ніж целюлозне (поліграфічне).

Відзначимо, що ця технологія є набагато більш перспективною, ніж ще не встигли увійти в широкий обіг QR-коди. На відміну від схожих систем, «візуальний браузер» працездатний в будь-якій точці, оскільки спирається не на GPS-сигнали, а на розпізнавання образів, в тому числі нескладних жестів користувача.

Інструментарій інтерактивних публікацій

Перш за все необхідно визначитися з форматом цифрового журналу. Екран iPad (будемо розглядати його як найбільш поширений сьогодні планшет) приблизно дорівнює листу формату A5 і за пропорціями і розміром близький до звичайної шкільному зошиті. Так що дизайнери, які звикли робити начерки макетів від руки, можуть запастися зошитами в клітку. Якщо бути точним, то розмір екрану планшета і нашого «друкарського» поля становить 148Ѕ196 мм при діагоналі 9,7 дюйма і роздільною здатністю 1024x768 пікселів.

Складнощі перекладу друкованого журналу в видання для планшета різноманітні. У загальному випадку будуть потрібні переосмислення самих форм подачі матеріалу і розробка нових макетів для інтерактивної взаємодії з мультимедійним контентом.

Формати і можливості

Публікацію з Adobe InDesign можна трансформувати в інтерактивний PDF, SWF (Flash), eBook, HTML або Folio. При цьому кожен з форматів має свої переваги. Експорт окремих інтерактивних можливостей InDesign реалізований не для всіх форматів однаково повно (більш докладно - далі) - рис. 1. Найбільш широкі можливості надає спеціально розроблений для планшетних журналів формат Folio.

Фоліо - це один випуск видання. Як і друкований журнал, він складається з статей, а фізично являє собою zipархів з певною структурою. Екрани статей (смуги) можуть мати горизонтальну або вертикальну орієнтацію. Журнал може містити одночасно і «ландшафтні» і «портретні» макети екранів для кожної статті. В цьому випадку при повороті планшета буде довантажувати альтернативний макет. Безумовно, така розробка надає широкі можливості для ефектної подачі, але і вимагає великих трудовитрат.

Що відбувається при зміні орієнтації

Hello Word, або Створити за 60 секунд

Таким чином, наш журнал (фоліо) складається з статей (стеків), кожна з яких може мати різне число сторінок (екранів) і одну або дві орієнтації. Схематично це можна зобразити так (рис. 2). Самі сторінки за розміром можуть в кілька разів перевищувати розмір екрану і плавно прокручуватися, але про це пізніше. Повернемося до нашого горизонтальному макету.

3D в InDesign, або Відчуй себе Діснеєм

В інтерактивній палітрі інструментів InDesign є чудовий інструмент Image Sequence. C його допомогою можна створювати 3Dпрезентаціі предметів, активну інфографіку, ефектну анімацію коміксів, заголовків і т.д.

На основі послідовності змінюваних при прокручуванні зображень можна побудувати також вертикальне обертання предмета або, наприклад, зробити перегортати альбом (рис. 8).

Можна додати до окремих кадрів необхідні підписи, ілюстрації і ефекти. Тема може покритися льодом і розсипатися на осколки, крива на діаграмі зростання доходів буде плавно рости, фон на заднику за моделлю може видозмінюватися, наприклад знебарвлюватися, а герой коміксу, переміщаючись по екрану, помультяшному жестикулювати на бігу. Цей спосіб відмінно підходить для подачі предметів, які потрібно показати з усіх боків, - ювелірних виробів, взуття, одягу на манекені або моделі, автомобілів. Одним словом, грунтуючись на анімації кадру, можна реалізувати найрізноманітніші ефекти. Потрібно тільки продумати їх концепцію і конструкцію і якісно підготувати вихідні матеріали.

Для «обльоту» предметів застосовуються спеціальні бокси з налаштованим освітленням і обертається платформою всередині. Деякі умільці пропонують використовувати для цієї мети мікрохвильовку. Але якщо займатися самостійним конструюванням, то краще вибрати старий програвач пластинок. Багато з них оснащені системою підстроювання швидкості обертання і стробоскопом, що дозволяє точніше узгодити процес з камерою. Для зйомки більших предметів будуть потрібні більш серйозні поворотні платформи. Для ще більш масштабних проектів можливий варіант зйомки 360градусного обороту навколо предмета. Тоді по заданій орбіті обертається фотограф (камера на штативі). Для цього застосовуються рейки, візки, підвісні системи і інші пристосування.

Щоб отримати не менше ефектні кругові і навіть сферичні панорами, використовується техніка, про яку ми поговоримо іншим разом. Такі панорами - прекрасний спосіб показати інтер'єр номера готелю, залу ресторану чи магазину, дати круговий огляд площі і т.д.

Можливо, опис прийомів і методів роботи здасться нудним, але з блиском реалізовані проекти виробляють належне враження на Новомосковсктелей цифрових журналів.

ожила типографіка

Отже, перенести ефекти анімації з InDesign на iPad можна в три етапи:

1. експортуємо анімацію з InDesign у формат Flash (FLA);
2. за допомогою утиліти Adobe Wallaby в одне натискання конвертуємо отриманий файл в HTML5;
3. підсумковий HTML поміщаємо в InDesign та переводимо в формат Folio.

Усе! Можна експортувати в Folio і переглядати на iPad. На жаль, настільний Viewer покаже замість анімації піктограму зі знаком питання. Можливо, коли-небудь Adobe усуне це прикре непорозуміння.

Для вбудовування анімації можна скористатися і методом, описаним Джеймсом Фрітцем (James Fritz). При цьому для редагування проміжного файлу fla потрібно пакет Flash Professional зі складу CS 5.5.

Тепер можна перенести весь вміст сторінки в нашу вертикальну публікацію, щоб отримати фоліо двох орієнтацій, і налаштувати дизайн. Тут від порад я утримаюся, зауважу тільки, що в цій орієнтації можна або відмовитися від анімації, або перефарбувати заголовок, або додати фон - одним словом, зробити її істотно відрізняється від горизонтальної.

Про користь мінлива

При перенесенні файлів необхідно піклуватися про цілісність створених конструкцій. Інтерактивні об'єкти повинні знаходитися в області сторінки і не потрапляти в випуск за обріз. Якщо один і той же інтерактивне накладення (Overlay) використовується і в горизонтальному, і у вертикальному макеті, необхідно, щоб при повороті мобільного пристрою накладення зберігало свої статки. Наприклад, якщо на екрані відображається третій слайд слайдшоу, то цей слайд повинен залишитися видимим при повороті пристрою.

Для збереження цілісності слайдів слайдшоу вкажіть в палітрі Стану об'єктів (Object States) одне і те ж ім'я для об'єкта з кількома станами як в горизонтальному, так і у вертикальному макеті. Для збереження цілісності більшості інших накладень виконувати додаткові дії не потрібно.

Це майже дослівні вимоги з керівництва користувача Adobe DPS, яке повинно стати настільний книгою для кожного, хто освоює цей новий інструмент. На закінчення дозволю собі ще невелику цитату:

Як бачите, все чітко і зрозуміло. Для того щоб створювати якісні та ефективні цифрові журнали, володіти цією інформацією просто необхідно!

У наступній статті спробуємо виконати більш складний і цікавий проект.

Оздоблення друкованої продукції: лакування і ламінування

Обробкою друкованої продукції називають найрізноманітніші процеси, спрямовані на поліпшення її властивостей: товарного вигляду, зносостійкості, водостійкості і т.п.

Складові хорошою газети: дизайн, верстка, контент

Існує гарна традиція - коли треба підкреслити, що раніше було добре, а зараз все не так, то починають порівняння чого-небудь з 1914 роком або з кращими роками радянського періоду

Що потрібно знати про трафаретних фарбах

Трафаретний друк, або, як її часто називають, шовкографія, - це вид друку, що дозволяє наносити фарбу самої різної товщини на матеріали з усілякою текстурою

Популярні статті

Видалення ефекту червоних очей в Adobe Photoshop

При недостатньому освітленні в момент зйомки дуже часто доводиться використовувати спалах. Якщо об'єктами зйомки є люди або тварини, то в темряві їх зіниці розширюються і відображають спалах фотоапарата. Що з'явилося відображення називається ефектом червоних очей

CorelDRAW: розміщення тексту вздовж кривої

У цій статті наведені приклади розміщення фігурного тексту уздовж розімкнутої і замкнутої траєкторії. Розглянуто можливі настройки його положення відносно кривої, а також розказано, як відокремити текст від траєкторії

Нормативні вимоги до етикеток

Етикетка - це переважно друкована продукція, що містить текстову або графічну інформацію і виконана у вигляді наклейки або бирки на будь-який продукт виробництва