Ako vytvoriť interaktívne flipbooky

“How do I create an interactive flipbook?” is a question we get asked a lot. Well, in today’s article, I will demonstrate some practical examples and how they are made with the multimedia editor in Flip PDF Plus Pro alebo Flip PDF Plus Corporate.

In my humble view, a book that interests the reader appeals to the reader’s senses—sight, hearing, and touch (in this article, touch will be derived as interaction).

Before we dive into the main topic, let’s take a quick look at the main areas of the multimedia editor.

Editor môžeme jednoducho rozdeliť na 6 oblastí. Obrázok nižšie slúži ako referencia.

  • Oblasť 1: horná navigačná lišta
  • Oblasť 2: ľavý panel ponuky
  • Oblasť 3: ľavý sekundárny panel ponuky
  • Oblasť 4: oblasť plátna
  • Oblasť 5: oblasť časovej osi
  • Oblasť 6: pravý panel vlastností prvku
Interaktívny Flipbook Marker - multimediálny editor

Ako používať zmysly vo flipbookoch

Zmysel 1: Zrak (zrak)

Zrak, ako doslova, je to, čo môžete vidieť svojimi očami. Je to zároveň prvý zmysel, ktorý čitateľ používa pri čítaní knihy. V dôsledku toho môžeme vytvoriť nejaké vizuálne ohniská, ktoré upútajú pozornosť čitateľa. Keď čítame knihu, existuje vizuálna línia pohybu. Na jednej strane musíme knihe dodať príťažlivosť, aby sme vytvorili vizuálny zvýraznenie, ale musíme si dávať pozor aj na to, aby vizuálne zameranie nebolo príliš neprehľadné.

Pohľad – príklad 1: Nakreslite trasu prehliadky

Krok 1: Choose [Nástroje] >[Štetec na čiary] in Area 2-left menu bar.

Krok 2: Draw the route according to your plan.

Kliknite raz na plátno a začnite kresliť. Pokračujte kliknutím, aby ste nakreslili ďalšie body, a dvojitým kliknutím kreslenie ukončite. Môžete si tiež vybrať [krivka] v pravom paneli vlastností prvku, ak nechcete použiť priamku. 

Prvá strana flipbooku obsahuje videonávod.

Sight-Example 2: Add hotspots

Krok 1: In Areas 2 and 3, click [Interakcia]>[Interakcie]>[Hotspot] a pridajte jeden alebo viac aktívnych bodov na plátno.
V súčasnosti sú aktívne body rozdelené do piatich kategórií uvedených nižšie: Blikanie, Priblíženie, Otáčanie, Gesto a Šípka. V závislosti od efektu, ktorý chcete dosiahnuť, si môžete vybrať vhodný hotspot.

Krok 2: In Area 6, customize the hotspot in [Štýl] and add a trigger action. You are able to link the hotspot to a pop-up message window, video, image, link, or other item supported there.

Sense 2: Hearing (Sound)

Americký režisér a herec Melvin Van Peebles raz povedal, že hudba a zvuk vo filme sú rovnako dôležité ako iné postavy. Zvuk tiež zohráva dôležitú úlohu pri vytváraní nálady v digitálnych publikáciách. Ak vytvárate rozprávkovú knihu, odporúčame vám zahrnúť hudbu na pozadí alebo hlasový záznam a vytvoriť tak audioknihu, ktorá môže knihu oživiť.

Hearing-Example 1: Add audio

Step: Select [Audio] a audio prehrávač, potom do programu pridajte súbory .mp3.
Ak je pre vás problematické vytvoriť si vlastný zvuk, môžete si zvuk stiahnuť z komerčne dostupných webových stránok o zvuku, ako napr FreePD a YouTube Audio Library.

Hearing-Example2: Add audio trigger action

Add audio with a trigger action and the audio will play when you click a specific item

Krok 1: In Area 2: left menu bar, click [interakcia]>[tlačidlo] a položte gombík na plátno.

Krok 2: In Area 6: right element properties panel, click [Štýl] upravte tlačidlo (text, ikonu a farbu), potom kliknite [Akcia spustenia]>[Prehrať zvuk].

Poznámka: Okrem tlačidiel môžete k ľubovoľnej položke, vrátane obrázkov, textu, odkazov atď., pridať aj akcie spúšťania zvuku. Tlačidlo tu používam len ako príklad.

Sense 3: Interaction

Interaction-Example 1: Conduct a survey

Mnoho používateľov FlipBuilder sa pýtalo, či náš program podporuje formuláre a dotazníky. Bohužiaľ, tieto dve funkcie zatiaľ nie sú podporované. Počkajte, stále existujú spôsoby, ako do flipbookov zahrnúť dotazníky alebo formuláre. Na vytvorenie dotazníkov a ich následné vloženie do flipbookov môžeme použiť iné nástroje prieskumu.

Odporúčame vám nasledujúcich šesť populárnych prieskumných nástrojov:

  • Typový formulár
  • Formuláre Google
  • SurveyMonkey
  • SoGoSurvey
  • SurveyPlanet
  • Jotform
 

Krok 1: Create your own questionnaire in the survey tool platform and get the link.

Krok 2: V oblasti 2 vyberte [Nástroj] >[Prvok iframe] a pridajte kód na vloženie [Štýl]>[Webový odkaz].

Interaction-Example 2: Add trigger action

Click on different buttons to make different items appear through a trigger action. Na plátno sme mohli pridať ľubovoľnú položku a potom k nej pridať akciu. Načasovanie akcie je prispôsobiteľné, čo znamená, že akciu možno spustiť, ak je splnená vopred definovaná podmienka. Na základe tohto princípu môžeme do flipbooku pridať obrázky produktov a následne po kliknutí na tlačidlo zmeniť farbu produktu. Znie to abstraktne, takže si to teraz môžete vyskúšať na vlastnej koži kliknutím na prvú stranu knihy nižšie a kliknutím na ňu.

Na druhej strane flipbooku vyššie je videonávod.

Krok 1: Prepare images of your product in different colors.

Krok 2: In Area 2, click [obrázok] a importujte pripravené obrázky jeden po druhom a premenujte obrázky v oblasti 5: časová os.

Krok 3: In Area 2, click [Interact]>[Shape], vyberte si jeden z tvarov, ktorý by ste chceli použiť, a položte ho na plátno. 

Krok 4: Vyberte položky tvaru na plátne a použite výber farieb v oblasti 6: panel vlastností pravého prvku a vyfarbite položky tvaru podľa vášho produktu.

Krok 5: Add trigger events for the items in [Akcia spustenia]>[Zobraziť/Skryť].

Záver

Vďaka podpore prechodu na papier a rastúcemu povedomiu o ochrane životného prostredia sa digitálne publikácie stali dobrou alternatívou k tradičným tlačeným knihám. Avšak v porovnaní s tradičnými tlačenými knihami majú digitálne publikácie tú nevýhodu, že je ťažšie udržať čitateľov sústredených. Preto jednou z najdôležitejších lekcií pre vydavateľov je, ako udržať čitateľov sústredených pri čítaní e-knihy a ako vytvoriť e-knihu, ktorá čitateľov zaujme. Posilnenie vašich flipbookov zmyslami by bol dobrý spôsob, ako pohltiť vašich čitateľov.

Ak máte akékoľvek pochybnosti o vytvorení flipbooku, môžete tiež kontakt nás a radi vám pomôžeme.

*Niektoré funkcie sú dostupné len v Flip PDF Plus Corporate. Uč sa viac
Kategórie

Obsah

Najnovšie príspevky