Перейти к основному содержанию
/Документация

Флипбук

Каталоги, брошюры, журналы и любые многостраничные документы становятся интерактивными 3D-флипбуками с реалистичной анимацией перелистывания.

Создать флипбук
Открыть интерактивную версию

Что такое флипбук?

Флипбук превращает PDF или набор изображений страниц в 3D-книгу, которую зрители листают прямо в браузере — так же, как листали бы печатный журнал.

  • Настоящие 3D-страницы, которые изгибаются при перелистывании
  • Мягкая обложка или твёрдая с цветным корешком
  • Hotspots на любой странице: ссылки, переходы на другую страницу, подсказки и всплывающие окна
  • Док со стрелками перелистывания, масштабом, полноэкранным режимом, закладками, печатью и скачиванием
  • Работает с мышью, клавиатурой и сенсорным экраном

Для чего подходит

Каталоги продукции

Демонстрация товаров с кликабельными ссылками на страницы покупки

Цифровые журналы

Публикация увлекательных журналов с интерактивным контентом

Брошюры

Маркетинговые материалы, которые выделяются на фоне конкурентов

Годовые отчёты

Сделайте корпоративные отчёты более увлекательными

Портфолио

Представьте творческие работы запоминающимся образом

Презентации

Слайды с уникальным 3D-эффектом

Электронные книги

Цифровые книги с реалистичным чтением

Меню

Ресторанные или сервисные меню с визуальной привлекательностью

Файлы и ограничения

  • Изображения или PDF. Каждое изображение становится одной страницей, и каждая страница PDF — тоже одной страницей.
  • В PDF может быть до 200 страниц, а весить он может до 50 МБ.
  • Ссылки внутри PDF становятся hotspots на тех страницах, где они были.
  • Загружайте несколько файлов сразу или используйте «Импортировать по URL», чтобы добавить изображение по веб-адресу.
  • Первая страница — это обложка. «Под контент» может подогнать форму книги под неё.
  • Загрузки учитываются в хранилище рабочего пространства: 50 МБ на Free, 10 ГБ на Pro, 25 ГБ на Business.

Создание флипбука

  1. 1. Загрузите страницы

    Откройте вкладку «Содержимое» и перетащите туда PDF или изображения страниц.

  2. 2. Расставьте страницы по порядку

    Перетащите страницу, чтобы переместить её, удалите лишние и добавляйте новые в любой момент.

  3. 3. Добавьте hotspots

    На вкладке «Hotspots» разместите на любой странице кликабельные точки, которые открывают ссылку, переходят на другую страницу, показывают подсказку или открывают всплывающее окно.

  4. 4. Настройте внешний вид

    На вкладке «Настройки» выберите мягкую или твёрдую обложку, ширину страницы, фон и исходное положение камеры.

  5. 5. Поделитесь

    Сохраните проект, затем скопируйте ссылку или код для встраивания на вкладке «Поделиться».

Экспортируйте PDF в качестве для печати. Зрители могут увеличивать страницы, и мелкий текст остаётся читаемым, только если он изначально был чётким.

Настройки

Всё, что описано ниже, находится на вкладке «Настройки» редактора и сгруппировано по подвкладкам, где это лежит: «Общее», «Сцена» или «Камера».

Общее

У любого типа вверху находится «Основная информация»: название и описание проекта. Ниже идут настройки самого объекта.

Внешний вид

«Твёрдая обложка» даёт книге жёсткую ламинированную обложку с корешком, как у фотокниги. У нового флипбука она выключена, поэтому обложка сначала мягкая. Когда она включена, «Корешок и кант обложки» задаёт цвет корешка и края обложки.

Размер флипбука

Ширина страницы в миллиметрах, от 100 до 400 (по умолчанию 210 — ширина A4). «Под контент» берёт её из пропорций первой страницы, и книга принимает форму вашего документа.

Сцена

То, что окружает объект, и эффект «Реализм» поверх всего кадра.

Фон

Сплошной цвет, градиент или собственное изображение (по желанию с размытием), плюс необязательный узор поверх.

Реализм

Плёночное зерно поверх кадра (от 0 до 100, по умолчанию 15), сколько его ложится на страницы, статичное или анимированное зерно, виньетка и тень, которую книга отбрасывает на поверхность, с настройкой её плотности.

Камера

Откуда начинается обзор и насколько зрители могут его менять.

Воспроизведение

«Автоматический переход» сам перелистывает страницы и после последней возвращается к началу. «Интервал» задаёт число секунд между перелистываниями, от 1 до 30 (по умолчанию 3).

Камера

«Скорость перелистывания» — сколько длится перелистывание одной страницы, от 0,15 до 5 секунд (по умолчанию 0,8). «Начальный масштаб» (50–200%), «Мин. масштаб» (50–100%) и «Макс. масштаб» (100–200%) задают, откуда начинается обзор и насколько далеко он может зайти. «Горизонтальное вращение» (до 30 градусов в каждую сторону) и «Вертикальный наклон» (до 45) направляют камеру. «Вращение перетаскиванием», включённое по умолчанию, позволяет зрителям поворачивать книгу, перетаскивая фон; когда они отпускают, книга возвращается на место, а перелистывание смахиванием при этом отключается. «Сбросить настройки» возвращает скорость перелистывания, масштаб и углы к значениям по умолчанию, а «Вращение перетаскиванием» оставляет как есть.

На телефоне в разделе «Камера» редактора нет ползунков «Горизонтальное вращение» и «Вертикальный наклон». Угол камеры задавайте с компьютера.

Hotspots, меню и звуки

Рядом с «Файлами» на вкладке «Содержимое» есть ещё три подвкладки: «Hotspots», «Меню» и «Sounds».

Hotspots

Hotspots можно размещать на любой странице флипбука.

Hotspot может вести на другую страницу, открывать ссылку, показывать подсказку или открывать всплывающее окно. Как работают hotspots

Sounds

К любому типу проекта можно добавить фоновую музыку. Загружайте треки в форматах MP3, M4A, WAV, OGG или FLAC длительностью до 20 минут каждый. Они сжимаются примерно до 1 МБ на минуту и учитываются в хранилище рабочего пространства. Плейлист можно зациклить, задать громкость и показать рядом с доком небольшой плеер. Автовоспроизведение начинается с первого касания или нажатия клавиши зрителем, потому что до этого браузеры блокируют звук.

Снимите видео в Studio

Любой тип проекта можно снять в Studio. Откройте вкладку «Studio» проекта, выберите движения камеры, подготовленные для этого типа, и превратите проект в видео, GIF, статичное изображение или отдельную страницу, которой можно поделиться. Studio берёт файлы и настройки этого проекта, поэтому всё, что вы задали здесь, переносится туда. Документация по Studio · Движения камеры для каждого типа

Текущие ограничения

  • У флипбука нет дока ссылок. Чтобы дать ссылку наружу, разместите hotspot на странице.
  • Каждая страница PDF превращается в изображение, поэтому её текст в просмотрщике нельзя выделить.
  • «Автоматический переход» не работает на телефонах, а также у зрителей, которые попросили систему уменьшить движение.

Советы

  • Делайте все страницы одного размера, а затем используйте «Под контент», чтобы книга приняла форму вашего документа.
  • Ставьте hotspot везде, где на странице упоминается товар, цена или контакт, чтобы читатели могли действовать, не выходя из книги.
  • Твёрдая обложка подходит каталогу или ежегоднику. Мягкая — журналу или брошюре.
  • Включайте «Разрешить скачивание», только если хотите, чтобы читатели могли сохранить копию.
  • Перед публикацией проверьте флипбук на телефоне.