Rimon Lusi (fotovivo) wrote,
Rimon Lusi
fotovivo

Categories:

Делаем флип-книгу, которую можно листать

fotovivo


Такую, как в предыдущей записи, делают специальной программой.
Т.е. можно, конечно, и универсальным Flash Maker-ом, но существуют специализированные для эффекта переворачивающихся страниц.
С понятным и дружелюбным интерфейсом.
Оптимальный вариант по соотношению "замороченность - качество": FlipALBUM.
Даже древняя, 2012-го года portebl-версия имеет приличный функционал (не требует установки, сразу по скачиванию готова к работе):

fotovivo

Вот в таком минималистичном виде открывается, все под рукой.
Перво-наперво закачиваем картинки или страницы из которых будет состоять книжка (плюсик справа).
Программа поддерживает пакетную загрузку файлов.
При необходимости позже добавляем недостающие и стрелочками перемещаем в нужную позицию.
Если страницы требуют сложного форматирования, позиционирования картинок -
удобнее подготовить их заранее (и сохранить, напр в фотмате PNG).
Следующим шагом выставляем размер станиц книги (слева вверху).

Выбираем темплейт - на пробу берите любой, очень многие элементы гибко настраиваются,
на рюшечки, цветочки-сердечки не обращайте внимания, их легко отключить.

Внизу в том же разделе настроек можем добавить музыку к альбому.


fotovivo

Имеется встроенный графический редактор для ресайза и обрезки изображений. Подправили - жмите ОК.
Лупа вызывает предпосмотр страниц.


fotovivo

Сиреневая вкладка Page Info предназначена для редактирования выбранной страницы.
Слева поле для текста и заголовка с опциями шрифтовых эффектов (+ можно добавить активную ссылку)
Опция "слой" (синий квадрат) layout - определяет будет ли текст расположен поверх фона или над/под ним


fotovivo

Предлагается несколько предустановленных фоновых картинок или можно тут же закачать свою.
(т.е. у нас уже есть страница с изображением или текстом и плюс к этому можно установить фон).
Если есть желание в рамочку -  придется обойтись штатными.


fotovivo

Настроить стиль (фон, надписи, интерактив) можно на всех страницах разом или на нескольких избранных -
если кликнуть, зажав ctrl - выделятся те, по которым кликнули; чтобы выделить все - клик по верхней, прокручиваем (за полосу прокрутки сбоку) и зажав shift клик по нижней - всё тоже самое, как в обычных системных папках.
Обратите внимание: звездочкой обозначено положение странички на книжном развороте.

По дефолту установлен фоновый градиент "выпуклая страница".


fotovivo

Смысл настраивать фон есть только если размер загруженного содержимого меньше страниц альбома.


fotovivo

Для полного счастья еще и флеш-фенечки в ассортименте, с возможностью позиционировать их в нужный угол,
а если этого мало - пожалуйте загрузить свои свистоперделки


Переходим на зеленую вкладку - приступим к формированию обложки.
Всё так же, как для страниц: выбираете бэкграунд - картинку для обложки,
заполняете (или оставляете пустыми) текстовые поля:

fotovivo

Оборотная сторона обложки настраивается отдельно (или отметьте "flip style" - скопировать стиль)
На обороте автоматически формируется меню - превьюшки страничек,
если поставить галочку в нижний чек-бокс

fotovivo

Меню с полосой прокрутки.


Абсолютно анологичная процедура для задней обложки (желтая вкладка):

fotovivo

Если нужно добавляем текстовую аннотацию.
Позиция заголовка по вертикали регулируется ползунком справа.
Кроме набора (встроенных) шрифтов, есть настройка текстуры букв (внизу выпадающее меню).
Align - это центрирование/сдвиг влево-вправо.



fotovivo

В качестве бэкграунда для любого элемента можно поставить флеш из своих файлов
(хоть на каждую страницу). А поверх фонового флеша - еще и добавить
предустановленые флеш-фенечки (плюсик "add flesh").
Только поставьте галочку на "альфа"-канал, и, если ваш ролик исходно прозрачный - тоже.
Правда чтоб все это взлетело, придется запастись терпением, чем больше причуд, тем дольше грузится.


fotovivo


Нижний чек-бокс слева - "Flip style of end page" - скопировать стиль на обороте обложки.
Флеш тоже скопируется, работающий, в зеркальном отражении :)

fotovivo



Вернемся на страницу общих настроек и обратим внимание на нижнюю кнопку -

fotovivo

она предназначена для редактирования подложки - "рабочего стола", на котором располагается листаемая книга.
Разумеется, кроме предустановленной можно использовать свою.


Рассмотрим последнюю вкладку "расширенные настройки":

fotovivo

Вверху - автолисталка; задержка при старте;
отключение звука перелистываемых страниц;
ниже поля в пикселях и под ними - опция мягкой или жесткой обложки;
дальше настройки мелких деталей дизайна, с выпадающим меню и предпросмотром^
тень середины книжного разворота, стиль кнопок управления и
те самые рюшечки -"lace" или "standart" - изображение толстого книжного обреза.
Если нет желания возиться - оставьте все по умолчанию.

fotovivo

Прелоудер, который будет показываться при загрузке флешки можно снабдить комментарием и активной ссылкой


Вверху справа - кнопка предпросмотра -




Готово, осталось сохранить.
"Сохранить проект" - это черновик, который будет храниться внутри программы - очень полезно сохранять его несколько раз в процессе работы, после каждого этапа, чтобы дальше спокойно экспериментировать, не боясь потерять уже отлаженное.


fotovivo

"Сохранить Альбом" - это получить готовый флеш файл, который можно расшарить, переслать, разместить в сети.
"Экспортировать ХТМЛ код" - практически то же самое, только к флешке будет присовокуплена страница HTML, со встроенным файлом. (Типа как флеш-вставлялка  для ЖЖ)

Какой бы программой или сервисом вы ни пользовались - "на вынос" формат будет тот же самый. Флеш.
Нет других вариантов, если книга предназначена для встраивания в блог или показа на сайте.
Видео в качестве выходного файла могут предложить. Его не полистаешь.
Исполняемый файл ехе (экзешник так называемый) - годится только для пересылки друзьям, которые вам очень-очень доверяют, как и файлы слайд-шоу/презентаций, которые зачастую могут быть открыты только в той программе, в которой созданы.


Офф-топом:
Многочисленные сервисы предлагают "издание" он-лайн книг.
У некоторых даже есть варианты с перелистыванием. Только у них на сайте.
Не вижу в этом смысла. Большую книгу так читать не удобно - долго.
Флешка - это игрушка, забава для блога.
Для скачивания электронные издательства выставляют обычные PDF, e-pub
(по отзывам - не лучшим образом скомпилированные). Офисный пакет делает тоже самое.
Еще проще не мудрить, формат HTML - универсальное решение для интернета.


[Если не видно флеш]

В дополнение к предыдущим заметкам - как настроить Windows 10:

- Откройте браузер Microsoft Edge на компьютере.
- В правом верхнем углу щелкните значок ...
- Выберите Настройки в нижней части меню.
- Щелкните Просмотреть дополнительные параметры в разделе Дополнительные параметры.
- Установите для параметра Использовать Adobe Flash Player значение Вкл.


Как включить Flash Player в Chrome:

Настройки — Показать доп.настройки — Настройки контента —
Flash — «Разрешить Flash на сайтах»
Или:
Settings —> Show advanced settings… —> в разделе Privacy
кнопка Content settings —> скроллим вниз и находим раздел Flash —>
выбираем Allow sites to run Flash —>
жмем кнопку Done в правом нижнем углу окошка.

Но есть упорные версии, где вместо "Allow sites" только белый список доверенных сайтов,
и даже собственного сочинения флешку не посмотришь, Хром ругается:

fotovivo

Решения:
Как установить Adobe Flash Player
Как воткнуть флеш-плеер в Андроид



Tags: Мануалы, веб-штучки, флеш
Subscribe
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 44 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →