Cómo hacer flipbooks interactivos

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

Simplemente podemos dividir el editor en 6 áreas. La imagen de abajo es para su referencia.

  • Área 1: barra de navegación superior
  • Área 2: barra de menú izquierda
  • Área 3: panel de menú secundario izquierdo
  • Área 4: área del lienzo
  • Área 5: área de línea de tiempo
  • Área 6: panel de propiedades del elemento derecho
Marcador de libro animado interactivo -editor multimedia

Cómo usar los sentidos en flipbooks

Sentido 1: Vista (Visión)

La vista, literalmente, es lo que puedes ver con tus ojos. También es el primer sentido que utiliza el lector al leer un libro. Como resultado, podemos crear algunos puntos focales visuales para llamar la atención del lector. Hay una línea de movimiento visual cuando leemos un libro. Por un lado, debemos agregar atracción al libro para crear un punto culminante visual, pero también debemos tener cuidado de no sobrecargar demasiado el enfoque visual.

Sight-Ejemplo 1: Dibujar ruta de recorrido

Paso 1: Choose [Herramientas] > [Pincel de línea] in Area 2-left menu bar.

Paso 2: Draw the route according to your plan.

Haga clic una vez en el lienzo para comenzar a dibujar. Siga haciendo clic para dibujar los siguientes puntos y haga doble clic para terminar el dibujo. También puedes elegir [curva] en el panel de propiedades del elemento derecho si no desea utilizar la línea recta. 

La primera página del flipbook contiene un video tutorial.

Sight-Example 2: Add hotspots

Paso 1: In Areas 2 and 3, click [Interactuar]>[Interacciones]>[Punto de acceso] y agregue uno o más puntos de acceso al lienzo.
Actualmente, los puntos de acceso se clasifican en las cinco categorías que se enumeran a continuación: parpadeo, zoom, rotación, gesto y flecha. Según el efecto que desee lograr, puede seleccionar el punto de acceso adecuado.

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

El director y actor estadounidense Melvin Van Peebles dijo una vez que la música y el sonido en una película es un personaje tan importante como otro personaje. El sonido también juega un papel importante a la hora de establecer el estado de ánimo en las publicaciones digitales. Si está creando un libro de cuentos, le recomendamos que incluya música de fondo o audio con voz en off para crear un audiolibro, lo que puede darle vida al libro.

Hearing-Example 1: Add audio

Step: Select [Audio] y el reproductor de audio, luego agregue archivos .mp3 al programa.
Si le resulta problemático crear su propio audio, puede descargar audio de sitios web de audio disponibles comercialmente, como FreePD y 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

Paso 1: In Area 2: left menu bar, click [interactuar]>[botón] y poner el botón en el lienzo.

Paso 2: In Area 6: right element properties panel, click [Estilo] para personalizar el botón (texto, ícono y color), luego haga clic en [Acción de activación]>[Reproducir audio].

Nota: además de los botones, también puede agregar acciones de activación de audio a cualquier elemento, incluidas imágenes, texto, enlaces, etc. Solo estoy usando el botón como ejemplo aquí.

Sense 3: Interaction

Interaction-Example 1: Conduct a survey

Muchos usuarios de FlipBuilder han preguntado si nuestro programa admite formularios y cuestionarios. Pero desafortunadamente, estas dos funciones aún no son compatibles. Espere, todavía hay formas de incluir cuestionarios o formularios en flipbooks. Podemos usar otras herramientas de encuestas para crear cuestionarios y luego insertarlos en flipbooks.

Se recomiendan las siguientes seis herramientas de encuesta populares:

  • tipo de letra
  • Formularios de Google
  • Mono encuesta
  • SoGoEncuesta
  • SurveyPlanet
  • Jotform
 

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

Paso 2: En el Área 2, seleccione [Herramienta] > [Iframe] y agregue el código de inserción en [Estilo]>[Enlace web].

Interaction-Example 2: Add trigger action

Click on different buttons to make different items appear through a trigger action. Podríamos agregar cualquier elemento al lienzo y luego agregarle una acción. El tiempo de la acción es personalizable, lo que significa que se puede activar una acción si se cumple la condición predefinida. Según este principio, podemos agregar imágenes de productos al flipbook y luego cambiar el color del producto cuando se hace clic en el botón. Suena abstracto, por lo que ahora puede probarlo usted mismo consultando la primera página del libro a continuación y haciendo clic en él.

Hay un video tutorial en la segunda página del flipbook de arriba.

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

Paso 2: In Area 2, click [imagen] e importe las imágenes preparadas una por una, y cambie el nombre de las imágenes en el Área 5: línea de tiempo.

Paso 3: In Area 2, click [Interactuar]>[Forma], elija una de las formas que le gustaría usar y colóquela en el lienzo. 

Paso 4: Seleccione los elementos de forma en el lienzo y use el selector de color en el Área 6: panel de propiedades del elemento derecho y coloree los elementos de forma de acuerdo con su producto.

Paso 5: Add trigger events for the items in [Acción de activación]>[Mostrar/Ocultar].

Conclusión

Gracias a la promoción del paperless y la creciente concienciación sobre la protección del medio ambiente, las publicaciones digitales se han convertido en una buena alternativa a los libros impresos tradicionales. Sin embargo, en comparación con los libros impresos tradicionales, las publicaciones digitales tienen la desventaja de ser más difíciles de mantener enfocados a los lectores. Por lo tanto, una de las lecciones más importantes para los editores es cómo mantener a los lectores enfocados mientras leen un libro electrónico y cómo crear un libro electrónico que mantenga a los lectores interesados. Potenciar sus flipbooks con sentidos sería una buena manera de sumergir a sus lectores.

Si tienes dudas sobre cómo hacer un flipbook, también puedes contacto nosotros y estaremos encantados de ayudarle.

*Algunas funciones solo están disponibles en Flip PDF Plus Corporate. Aprende más
Categorías

Tabla de contenido

últimas publicaciones