Flipping Book (efecto libro) en Flash

Puede que alguna vez hayaís querido añadir un efecto Flip Page, Flipping Book o como se quiera llamar. Un efecto de libro en Flash. Descartando la opción de construirlo uno mismo (a no ser que tengáis mucho timpo libre) nos queda buscar entre los componentes de Flash que existen por la red.

pagefilp

Lo primero que debemos saber es qué queremos exactamente, ya que aunque los diferentes scripts que podemos encontrar son muy similares tienen pequeñas diferencias que pueden hacernos util o no el uso de los mismos. Principalmente creo que los puntos que debemos pensar antes de lanzarnos a probar un componente u otro son:

  • ¿Me vale con que se abra la revista o libro en una página aparte donde se muestren todos los controles o quiero integrarlo dentro de la estructura de mi web?
  • ¿Necesito una opción de zoom?. Dependiendo de lo grande que queramos que sea el libro puede que se lea bien a simple vista o que nos haga falta un zoom. Esto es importante para elegir el componente a utilizar.
  • En caso de usar zoom, ¿quiero que se abra una página diferente en la vista de zoom de la que se ve en la vista normal?. Eso puede ser necesario si se requiere que se vean nítidamente las dos vistas (la normal y la ampliada) ya que sino Flash lo que hace es redimensionar la página viendose en la mayoria de los casos borrosa.
  • ¿Quiero características tales como: Tapa dura/blanda, sonidos al pasar página, soporte de peliculas swf en lugar de imágenes, posibilidad de arrancar páginas, transparencias en páginas, etc….?
  • ¿Requiero de un índice?
  • ¿Necesito versión imprimible?

Bien, una vez tengamos todo esto definido podemos lanzarnos a Google en busca del componente que más se ajuste a lo que necesitamos. Listaré aqui alguno de los que he utilizado en algún momento:

  • Flash Page Flip (perfecto si quieres abrir el libro en una página aparte y disponer de muchos controles, te permite hasta subrayar el libro. Existen diferentes versiones de pago o gratuitas y un listado con las características de cada una): http://www.flashpageflip.com/
  • Flipping Book (similar al anterior. Este particularmente me gusta, se puede customizar bastante, sobre todo la versión Pro): http://page-flip.com/
  • PageFlip (para mi la joya de la corona. Su versión gratuita 2.2 ya es bastante completa. La 3.5 de pago incluye zoom con posibilidad de diferentes tipos de imagen, thumbs, indice, print version, tapas duras/blandas y todo lo que te puedas imaginar…): http://pageflip.hu/

Este último se configura fácilmente a través de un archivo XML (los otros también ofrecen esta posibilidad) con las siguientes etiquetas:

Pages
Each page is a single file, that can be an image, or even a Flash Movie. Can have animations, sounds, embedded video, or any interactive content.
Page cache
Only a fixed number of pages are pre-loaded.
Unload pages
Unused pages can be unloaded.
Transparency
One level transparency for the top page.
Flipping pages manually
Pages can flipped by a simple Mouse gesture, by clicking on their corner or by dragging them at their outer side.
Flipping pages by control bar’s buttons
Embedded control bar for navigation (back/forward, zoom, print, thumbnail mode, auto flip).
Tear off pages
Pages can be Tear off (if enabled for that page).
Animation on the pages
Frame by frame or scripted animation, and any interaction isowed.
Zoom view
Display a closer view of the page.
Printing page
PageFlip can print the selected page if it have an associated zoom file.
Thumbnail view

Two different type of thumbnail can be used.

Por último destacar que existen URLs donde podemos crear en el momento un page flip a partir de un documento PDF.

Las posibilidades son varias. Personalmente he montado varias revistas usando estos componentes, por lo que acepto cualquier cuestión en la que os pueda ayudar. También estaría bien algún comentario sobre otro software de este tipo que haya usado alguien ya que existen muchos más.

Creo recordar que existe también una versión AJAX de este efecto.

Anuncios

24 pensamientos en “Flipping Book (efecto libro) en Flash

  1. Hola Eduardo, claro que puedes aunque no es algo trivial. Deberás montar tu Flipping Book. Luego crear un Facebook App (mira en la seccion de desarrolladores de Facebook) y por último postearlo. Un saludo.

  2. Pingback: Los números de 2010 « Ostias Como Panes

  3. Hola Eduardo, gracias por el dato, una pregunta, he estoy construyendo estos libros para pedagogia, y quiero saber si se puede enviar por correo, sin comprimirlo, pero que cuando se baje se pueda acceder en forma inmediata al libro. Gracias.

    • Hola Paz. Sí se podría hacer lo que sugieres. Tan sólo deberías generar el swf (con todas las imágenes embebidas, es decir, sin que se requiera acceso externo a ellas) y con esa compilación lo podrían ejecutar directamente.

      Esto tiene un problema, de hacerlo así, si el libro contiene muchas imágenes es probable que pese demasiado como para enviarlo por correo.

      Un saludo.

  4. Hola Aníbal,
    Estoy intentando averiguar si se puede colgar un libro de estos en google sites pero no consigo encontrar nada.
    ¿Sabrías alguna forma de poder hacerlo?
    Gracias

  5. Hola yo necesito hacer un libro pero que las paginas pasen solas desde el inicio es decir que yo no tenga que darle a ningun boton, comenzando empiecen a pasar cada cierto tiempo y cuando termine vuelva a empezar ni decir que no tengo ni idea de flash y estoy intentando hacerlo por codigos buscando un poquito por aqui y por alla pero quizas con algun programa de estos se me facilite el trabajo, me podrías recomenda alguno?
    Muy bueno tus contenido me han ayudado a haceme una idea de lo que estoy tratando

    • Hola,
      ¿No tienes idea de Flash y lo vas a hacer en Flash?. Empezando por ahí es algo complicado ya…

      A ver, no se exactamente que es lo que podría valerte. Si no quieres utilizar Flash podrías usar un video embebido en la web, meter las imágenes en una película, por ejemplo con el Movie Maker o Premier e ir pasando de página cada tiempo. Si lo que quieres es que sea en Flash, intenta utilizar alguna de las librerías que aquí comento y mira en el código la acción que hay asociada al botón de pasar página. En lugar de ponerla ahí simplemente tendrías que llamar a esa función en un bucle en la película principal cada X segundos…

      No se si la explicación así tal cual te habrá servido de algo, pero poco más puedo hacer a través de aquí.

      Un saludo y gracias por tu comentario.

  6. hola, muy buen aporte, descargue una version creo que la ultima, pero como hago para instalar o para utilizarla?.. saludos muy buen aporte

    • Hola martin, muchas gracias.
      Lo que debes hacer es abrir los archivos con Flash. Configurarlo para acceder a los datos que quieres mostrar y posteriormente incluir la película (el SWF) en tu HTML, así como todos los archivos adicionales (textos e imágenes).

      Un saludo.

  7. hola Anibal muy buen trabajo ando buscando exactamente lo mismo pero si necesidad de un software no necesito diseñar simplemente lo que quiero es en html con ayuda de java script o jquery embeber o cargar el pdf y pasar las hojas con el el efecto flipper cualquier ayuda se te agradece
    buen post

    • Gracias Andrés.

      No comprendo a que te refieres con “sin necesidad de un software”. ¿Quieres decir sin que haga falta usar Flash, ¿no?.

      Lo que pretendes es hacer un efecto similar con tecnología Ajax, ¿correcto?.

      Un saludo.

  8. Hola gracias por el aporte esta excelente …te queria preguntar sobre un pekeño incoveniente tengo el Flip Book maker pro y stoy realizando una revista pero no puedo ponerle una portada me podrias explicar como hacerlo por que lo demas lo eh realizado pero no logro como introducir una portada ya que me sale la portada de color gris o del color que yo lo desee …than you

  9. Hola, estoy haciendo una web y este componente me ha venido genial. Pero el problema es que quiero poner varios “libros” en diferentes páginas de la web… me muestra sólo uno, el resto se quedan cargando las páginas pero no se muestran nunca. Lo que hago es crear varios módulos de pageflip cada uno con sus respectivos nombres y configurados a mi gusto (las distintas imágenes que quiero poner) y luego publicar esos módulos a través de artículos (porque quiero que se muestren en la posición de los artículos, no en laterales ni nada…). Si quieres echarle un vistazo, la web es http://www.restaurantepicasso.com/index.php/es/nuestros-menus/comidas-es (ahí se ve el libro que sí funciona), luego el otro libro que no me funciona está en “nuestros menús” y luego en “postres”.

    Un saludo y gracias de antemano.

    • Hola. La verdad es que sin tener el código es un poco difícil ayudarte, pero veo que si que carga el plugin, y se queda a espera, quizás lo que falla es algo tan sencillo como las rutas a las imágenes de las páginas. ¿Puede ser?

      ¡Gracias por comentar!

  10. Estoy haciendo un libro con adobe indesign 2014 para la web pero quiero cambiarle la opción pagina inicial y final flexible por tapa dura. Sería factible cambiarlo de manera sencilla con algún programa?
    Un saludo.

  11. Saludos. Sabes de alguna página para hacer Flipping Books a partir de pdfs pero que además se pueda descargar el swf?

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s