Comment créer des flipbooks interactifs

“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 ou 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.

On peut simplement diviser l'éditeur en 6 zones. L'image ci-dessous est pour votre référence.

  • Zone 1 : barre de navigation supérieure
  • Zone 2 : barre de menu de gauche
  • Zone 3 : panneau de menu secondaire de gauche
  • Zone 4 : zone de toile
  • Zone 5 : zone de chronologie
  • Zone 6 : panneau de propriétés de l'élément de droite
Marqueur de flipbook interactif - éditeur multimédia

Comment utiliser les sens dans les flipbooks

Sens 1 : Vue (Vision)

La vue, littéralement, est ce que vous pouvez voir avec vos yeux. C'est aussi le premier sens utilisé par le lecteur lors de la lecture d'un livre. En conséquence, nous pouvons créer des points focaux visuels pour attirer l'attention du lecteur. Il y a une ligne visuelle de mouvement lorsque nous lisons un livre. D'une part, nous devons ajouter de l'attrait au livre afin de créer une mise en valeur visuelle, mais nous devons également veiller à ne pas trop encombrer l'accent visuel.

Sight-Exemple 1 : Dessiner un itinéraire de visite

Étape 1: Choose [Outils]>[Pinceau de ligne] in Area 2-left menu bar.

Étape 2: Draw the route according to your plan.

Cliquez une fois sur la toile pour commencer à dessiner. Continuez à cliquer pour dessiner les points suivants et double-cliquez pour terminer le dessin. Vous pouvez également choisir [courbe] dans le panneau des propriétés de l'élément de droite si vous ne souhaitez pas utiliser la ligne droite. 

La première page du flipbook contient un didacticiel vidéo.

Sight-Example 2: Add hotspots

Étape 1: In Areas 2 and 3, click [Interagir]>[Interactions]>[Hotspot] et ajoutez un ou plusieurs hotspots au canevas.
Actuellement, les hotspots sont classés dans les cinq catégories énumérées ci-dessous : Clignotement, Zoom, Rotation, Geste et Flèche. Selon l'effet que vous souhaitez obtenir, vous pouvez sélectionner le hotspot approprié.

Étape 2: In Area 6, customize the hotspot in [Style] 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)

Le réalisateur et acteur américain Melvin Van Peebles a dit un jour que la musique et le son dans un film sont un personnage aussi important qu'un autre personnage. Le son joue également un rôle important dans la création de l'ambiance dans les publications numériques. Si vous créez un livre d'histoires, nous vous recommandons d'inclure une musique de fond ou une voix off pour créer un livre audio, ce qui peut donner vie au livre.

Hearing-Example 1: Add audio

Step: Select [L'audio] et le lecteur audio, puis ajoutez les fichiers .mp3 au programme.
Si vous trouvez difficile de créer votre propre audio, vous pouvez télécharger de l'audio à partir de sites Web audio disponibles dans le commerce, tels que FreePD et 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

Étape 1: In Area 2: left menu bar, click [interagir]>[bouton] et placez le bouton sur la toile.

Étape 2: In Area 6: right element properties panel, click [Style] pour personnaliser le bouton (texte, icône et couleur), puis cliquez sur [Déclencher l'action]>[Lire l'audio].

Remarque : En plus des boutons, vous êtes également autorisé à ajouter des actions de déclenchement audio à n'importe quel élément, y compris des images, du texte, des liens, etc. J'utilise juste le bouton comme exemple ici.

Sense 3: Interaction

Interaction-Example 1: Conduct a survey

De nombreux utilisateurs de FlipBuilder ont demandé si notre programme prend en charge les formulaires et les questionnaires. Mais malheureusement, ces deux fonctionnalités ne sont pas encore prises en charge. Attendez, il existe encore des moyens d'inclure des questionnaires ou des formulaires dans des flipbooks. Nous pouvons utiliser d'autres outils d'enquête pour créer des questionnaires, puis les intégrer dans des flipbooks.

Les six outils d'enquête populaires suivants vous sont recommandés :

  • Forme de caractères
  • Formulaires Google
  • SurveyMonkey
  • SoGoSurvey
  • SurveyPlanet
  • Formulaire de contact
 

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

Étape 2: Dans la zone 2, sélectionnez [Outil] >[Iframe] et ajoutez le code d'intégration dans [Style]>[Lien Web].

Interaction-Example 2: Add trigger action

Click on different buttons to make different items appear through a trigger action. Nous pourrions ajouter n'importe quel élément au canevas, puis y ajouter une action. Le minutage de l'action est personnalisable, ce qui signifie qu'une action peut être déclenchée si la condition prédéfinie est remplie. Sur la base de ce principe, nous pouvons ajouter des images de produits au flipbook puis changer la couleur du produit lorsque le bouton est cliqué. Cela semble abstrait, alors vous pouvez maintenant l'essayer par vous-même en vous référant à la première page du livre ci-dessous et en cliquant dessus.

Il y a un tutoriel vidéo sur la deuxième page du flipbook ci-dessus.

Étape 1: Prepare images of your product in different colors.

Étape 2: In Area 2, click [image] et importez les images préparées une par une, et renommez les images dans la zone 5 : chronologie.

Étape 3: In Area 2, click [Interagir]>[Forme], choisissez l'une des formes que vous souhaitez utiliser et placez-la sur la toile. 

Étape 4: Sélectionnez les éléments de forme dans le canevas et utilisez le sélecteur de couleurs dans la zone 6 : panneau de propriétés des éléments de droite et colorez les éléments de forme en fonction de votre produit.

Étape 5 : Add trigger events for the items in [Déclencher l'action]>[Afficher/Masquer].

Conclusion

Grâce à la promotion de la dématérialisation et à la prise de conscience croissante de la protection de l'environnement, les publications numériques sont devenues une bonne alternative aux livres imprimés traditionnels. Cependant, par rapport aux livres imprimés traditionnels, les publications numériques ont l'inconvénient d'être plus difficiles à garder les lecteurs concentrés. Par conséquent, l'une des leçons les plus importantes pour les éditeurs est de savoir comment garder les lecteurs concentrés lors de la lecture d'un ebook et comment créer un ebook qui maintient les lecteurs engagés. Renforcer vos flipbooks avec des sens serait un bon moyen d'immerger vos lecteurs.

Si vous avez des doutes sur la réalisation d'un flipbook, vous pouvez également Contactez nous et nous serons heureux de vous aider.

*Certaines fonctionnalités ne sont disponibles qu'en Flip PDF Plus Corporate. Apprendre encore plus
Catégories

Table des matières

Derniers messages