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.
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:
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.
PUEDO HACER UNA REVISTA DE ESAS Y POSTARLA EN MI FACEBOOK?
Y DE SER SI, COMO?
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.
Pingback: Los números de 2010 « Ostias Como Panes
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.
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
Hola Marta, gracias por tu comentario.
Nunca he utilizado Google Sites, pero por lo que estoy viendo no creo que haya ningún problema en usar un Flipping Book en Google Sites. Simplemente deberás insertar en la web el flash. Aqui te dejo un enlace de como insertar Flash en Google Sites:
http://educadroid.blogspot.com.es/2012/02/insertar-flash-en-google-sites.html
Simplemente crea el Flipping Book e insértalo como un Flash en la web.
Un saludo.
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.
Está muy chulo. Ya lo había visto en alguna página. Aquí teneís un ejemplo hecho con PageFlip: http://gammaimagen.es/guia_exploraciones/Default.html
Puedes doblar las hojas a tu gusto, suenan al pasar, etc…
¡ Chulísimo !
Muchas gracias por tu aporte Dosu.
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.
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.
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
Lo siento, pero desconozco el funcionamiento del Flip Book maker. :(
¿No posee documentación propia?
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!
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.
Pues la verdad es que no lo sé. Nunca he usado Indesign. Lo siento.
Saludos. Sabes de alguna página para hacer Flipping Books a partir de pdfs pero que además se pueda descargar el swf?
estimado Anibal, he encontrado el pageflip editable en internet… pero como puedo agregar el sonido de hojas?
¿Cómo puedo colocar las tapas del libro una vez que ya lo he diseñado como yo quiero que aparezca?