«

»

Дек 16

3D книга. Эффект перелистывания страниц (из pdf в exe)

эффект перелистывания страницЗдравствуйте уважаемые читатели! С вами Сергей Бурдин.

Небольшое вступление или отступление, как будет угодно.

Кто бывает у меня на блоге наверно заметили, что я немного украсил блог к Новому Году (поменял фон, повесил веточки).
Теперь к теме статьи.

Возможно вы уже встречали книги с эффектом перелистывания страниц. Не правда ли, смотрится красиво.

Давайте попробуем из своей pdf-книги, сделать 3D книгу, с эффектом перелистывания страниц.

Допустим вы отдаете какую-то свою pdf-книгу бесплатно, за подписку. Согласитесь, что приятно будет получить вашему подписчику (как бонус), помимо pdf-книги еще и 3D книгу, с эффектом перелистывания страниц.

Во-первых, это будет просто приятно подписчику, а во-вторых, вы «поднимитесь» в глазах подписчика, как профессионал. Тем более, что все это делается с помощью программы, в два клика. И так начнем.

Создаем pdf-книгу

Для начала нам нужно создать pdf-книгу. Конечно книгу нужно сначала написать. Пишем книгу в Wordе (надеюсь эта программа у вас установлена).

Важно! Word, должен быть, Word2010, Word2013, иначе вам придется ставить дополнительную программу для конвертации doc-файлов в pdf или пользоваться on-line-конвертером.

Я пользуюсь Word2013, а вот про Word2010 точно сказать не могу, есть там конвертер или нет (по-моему, есть).

Написали книгу в Wordе, сохраняем ее в формате pdf, для этого…

Файл Сохранить как (1) – Обзор (2)

3D книга с эффектом перелистывания страниц

Дальше, пишем название файла (1), тип файла (2) – выбираем PDF формат (3) и сохраняем.

Запомните, это есть не во всех версиях Word.

3D книга с эффектом перелистывания страниц

Забыл сказать, что в Word-документе должно быть все, то что будет в книге, то есть, картинки, таблицы и прочее.

PDF-книга, готова, можно отдавать ее за подписку или продавать (как хотите), но наша цель это книга с эффектом перелистывания страниц.

Эффект перелистывания страниц (из pdf в exe)

Для начала нужна программа, я пользуюсь программой Flip Book Maker Pro, есть другие программы. Думаю, вы без труда найдете их в интернете.

Flip Book Maker, удобная программа, есть русский интерфейс, вот так она выглядит при открытии.

3D книга с эффектом перелистывания страниц

Нажимаем кнопку 1- Импорт PDF и загружаем свой pdf-файл.

В следующем окне видим, путь исходного файла (1) и нажимаем ОК (2)

3D книга с эффектом перелистывания страниц

"Галочки" слева – как на рисунке

Все настройки оставляем по умолчанию. Если у вас будет время и желания «покопаться» в программе, пожалуйста.

Настроек в программе много, но я покажу основные, чтобы быстро прийти к результату.

В следующем окне видим все страницы будущей книги.

3D книга с эффектом перелистывания страниц

В верхней панели есть две вкладки, это Редактор и Дизайн. Как я уже говорил, настроек много, есть желание, разбирайтесь, нет оставляйте пока все по умолчанию. Переходим сразу во вкладку Дизайн.

Справа у нас окно просмотра (1), нас интересует кнопка Параметры (2), там спрятаны основные настройки книги.

3D книга с эффектом перелистывания страниц

Жмем кнопку Параметры (2) и открывается окно с настройками будущей книги.

3D книга с эффектом перелистывания страниц

Слева у нас панель с огромным количеством настроек книги. В каждой вкладке свои настройки. В рамках этой статьи их просто невозможно все описать.

Все изменения, которые вы будите вносить, будут видны в окне просмотра, справа.

Для примера, можно добавить звук, сделать страницы жесткими или мягкими, поменять фон (см. выше, слева различные фоны), настроить кнопки нижней панели (1), очень много всего.

Тестируем книгу

Уже сейчас можно полистать книгу. Подведите курсор к нижнему правому уголку страницы (3) (она загнется) и кликните левой кнопкой мыши, страница перевернется.

Листать страницы можно с помощью кнопок 2 и все это можно настроить по своему усмотрению.

Как видите у нас нет обложки книги, это не красиво. Я специально взял pdf без обложки, чтобы вы видели, что это «ни есть хорошо».

Обложку надо делать на стадии создания PDF книги.

3D книга с эффектом перелистывания страницВажно! Количество страниц надо подобрать так, чтобы последней была задняя «корочка» книги, а не страница с текстом, как у меня (см. рис.), это не красиво.

Просто, при создании pdf-книги, добавьте одну пустую страницу (если это конечно нужно).

Заднюю «корочку» тоже можно сделать красивой, как у настоящей книги.

 

 

 

 

 

Теперь все. В верхней панели нажимаем Вывод и в следующем окне делаем последние настройки.

3D книга с эффектом перелистывания страниц

В левой панели (1) выбираем формат файла (HTML или EXE), другие не пробовал. В строке 2 прописываем путь, куда будем сохранять файл. Имя файла 3, можно оставить по умолчанию (его всегда можно изменить). Остальное как есть. Жмем Старт.

3D книга с эффектом перелистывания страницНа выходе (если выбрали форман exe), мы получим вот такие файлы.

Кликните по файлу magazine1.exe и листайте книгу или посылайте своему подписчику.

 

А теперь наш результат, правда без обложек. Жду комментариев

С уважением, Сергей Бурдин

RSS

10 комментариев

Перейти полю для комментария

  1. Свой

    СергеЙ Бурдин , МОЛО ДЕЦ . САЙТ ХОРОШИЙ , ПОСТАВЬТЕ ИКОНКИ ФБ ВК ГУГЛ,ЧТОБЫ МОЖНО БЫЛО ПОДЕЛИТЬСЯ.    СПАСИБО

    1. Сергей
      Сергей

      Спасибо! Иконки есть в каждом посту, выше комментариев

  2. Виталий

    Хороший сайт! Но действительно, не видно иконок. Между комментариями и постом ничего нет. 

    1. Сергей
      Сергей

      Привет Виталий! Спасибо за отзыв. Иконки стоят, сейчас проверил в 4 браузерах, отображаются одинаково хорошо везде.

      Попробуй посмотри в другом браузере и напиши мне

  3. Виталий

    Чудеса! В Edge стоят. В Хроме нет на 10-ке.

    1. Сергей
      Сергей

      У меня стоит 7-ка, на 10-ке проверить к сожалению не могу. Даже не знаю с чем это связано. Виталий, если узнаешь, что-то по этому поводу, отпишись.

    2. Сергей
      Сергей

      Виталий! Напиши как сейчас, видно иконки? У меня было прописано через код, сейчас поставил плагин

  4. Виталий

    К сожалению, все равно не видно иконок в Хроме на 10-ке. Тоже не знаю с чем это связано.

    1. Сергей
      Сергей

      Привет Виталий! Спасибо, что откликнулся. Я подумал, что возможно код не корректный (скачал с неизвестного сайта), удалил, поставил плагин. Этим плагином пользуются многие и отзывы неплохие (Juiz Social Post Sharer).
      У меня отображается во всех браузерах

  5. Виталий

    Все равно нет иконок. Я свой Хром даже перезагрузил. А в Edge иконки видны.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *