Está en la página 1de 9

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

Ostias Como Panes


Blog Racionalista sobre Ciencia, Tecnologa y Sociedad

Flipping Book (efecto libro) en Flash


Posted on 23 octubre 2009 Puede que alguna vez hayas querido aadir un efecto Flip Page, Flipping Book o como se quiera llamar. Un efecto de libro en Flash. Descartando la opcin de construirlo uno mismo (a no ser que tengis 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 pequeas 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:
Seguir

1 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

Me vale con que se abra la revista o libro en una pgina aparte donde se muestren todos los controles o quiero integrarlo dentro de la estructura de mi web? Necesito una opcin 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 pgina 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 ntidamente las dos vistas (la normal y la ampliada) ya que sino Flash lo que hace es redimensionar la pgina viendose en la mayoria de los casos borrosa. Quiero caractersticas tales como: Tapa dura/blanda, sonidos al pasar pgina, soporte de peliculas swf en lugar de imgenes, posibilidad de arrancar pginas, transparencias en pginas, etc.? Requiero de un ndice? Necesito versin imprimible? Bien, una vez tengamos todo esto denido podemos lanzarnos a Google en busca del componente que ms se ajuste a lo que necesitamos. Listar aqui alguno de los que he utilizado en algn momento: Flash Page Flip (perfecto si quieres abrir el libro en una pgina aparte y disponer de muchos controles, te permite hasta subrayar el libro. Existen diferentes versiones de pago o gratuitas y un listado con las caractersticas de cada una): http://www.ashpageip.com/ Flipping Book (similar al anterior. Este particularmente me gusta, se puede customizar bastante, sobre todo la versin Pro): http://page-ip.com/ PageFlip (para mi la joya de la corona. Su versin 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://pageip.hu/ Este ltimo se congura fcilmente a travs de un archivo XML (los otros tambin ofrecen esta posibilidad) con las siguientes etiquetas:

Pages

Each page is a single le, that can be an image, or even a Flash Movie. Can have animations, sounds, embedded video, or any interactive content.
Page cache

Only a xed number of pages are pre-loaded.


Unload pages

Seguir

2 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

Unused pages can be unloaded.


Transparency

One level transparency for the top page.


Flipping pages manually

Pages can ipped by a simple Mouse gesture, by clicking on their corner or by dragging them at their outer side.
Flipping pages by control bars buttons

Embedded control bar for navigation (back/forward, zoom, print, thumbnail mode, auto ip).
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 le.
Thumbnail view

Two different type of thumbnail can be used. Por ltimo destacar que existen URLs donde podemos crear en el momento un page ip a partir de un documento PDF. Las posibilidades son varias. Personalmente he montado varias revistas usando estos componentes, por lo que acepto cualquier cuestin en la que os pueda ayudar. Tambin estara bien algn comentario sobre otro software de este tipo que haya usado alguien ya que existen muchos ms. Creo recordar que existe tambin una versin AJAX de este efecto.

Seguir

3 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

About these ads

Tu voto: Comprtelo:
Me gusta 2

4 Votos
Tweet 0
Compartir

Me gusta: 2 bloggers like this.

Related Ni Power Balance, ni Acti Actimel, con L.Casei Imu Diseo Inteligente

Esta entrada fue publicada en Tecnologa y etiquetada ash, ip, ipping, libro, revista por Anbal Bueno. Guarda enlace permanente [http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-libro-en-ash/] .
17 PENSAMIENTOS EN FLIPPING BOOK (EFECTO LIBRO) EN FLASH

EDUARDO en 27 noviembre 2010 en 20:10 dijo:

PUEDO HACER UNA REVISTA DE ESAS Y POSTARLA EN MI FACEBOOK? Y DE SER SI, COMO?

Seguir

4 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

anibalbueno en 2 diciembre 2010 en 10:56 dijo:

Hola Eduardo, claro que puedes aunque no es algo trivial. Debers 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 nmeros de 2010 Ostias Como Panes

Paz en 31 julio 2012 en 18:44 dijo:

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.

Anbal Bueno en 3 septiembre 2012 en 08:44 dijo:

Hola Paz. S se podra hacer lo que sugieres. Tan slo deberas generar el swf (con todas las imgenes embebidas, es decir, sin que se requiera acceso externo a ellas) y con esa compilacin lo podran ejecutar directamente. Esto tiene un problema, de hacerlo as, si el libro contiene muchas imgenes es probable que pese demasiado como para enviarlo por correo. Un saludo.

Marta en 31 octubre 2012 en 11:09 dijo:

Hola Anbal, Estoy intentando averiguar si se puede colgar un libro de estos en google sites
Seguir

5 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

pero no consigo encontrar nada. Sabras alguna forma de poder hacerlo? Gracias

Anbal Bueno en 31 octubre 2012 en 11:43 dijo:

Hola Marta, gracias por tu comentario. Nunca he utilizado Google Sites, pero por lo que estoy viendo no creo que haya ningn problema en usar un Flipping Book en Google Sites. Simplemente debers insertar en la web el ash. Aqui te dejo un enlace de como insertar Flash en Google Sites: http://educadroid.blogspot.com.es/2012/02/insertar-ash-en-google-sites.html Simplemente crea el Flipping Book e insrtalo como un Flash en la web. Un saludo.

Pelirroja en 30 noviembre 2012 en 10:13 dijo:

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 ash 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 podras recomenda alguno? Muy bueno tus contenido me han ayudado a haceme una idea de lo que estoy tratando

Anbal Bueno en 30 noviembre 2012 en 10:21 dijo:

Hola, No tienes idea de Flash y lo vas a hacer en Flash?. Empezando por ah


Seguir

6 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

es algo complicado ya A ver, no se exactamente que es lo que podra valerte. Si no quieres utilizar Flash podras usar un video embebido en la web, meter las imgenes en una pelcula, por ejemplo con el Movie Maker o Premier e ir pasando de pgina cada tiempo. Si lo que quieres es que sea en Flash, intenta utilizar alguna de las libreras que aqu comento y mira en el cdigo la accin que hay asociada al botn de pasar pgina. En lugar de ponerla ah simplemente tendras que llamar a esa funcin en un bucle en la pelcula principal cada X segundos No se si la explicacin as tal cual te habr servido de algo, pero poco ms puedo hacer a travs de aqu. Un saludo y gracias por tu comentario.

Dosu en 9 diciembre 2012 en 00:00 dijo:

Est muy chulo. Ya lo haba visto en alguna pgina. Aqu tenes un ejemplo hecho con PageFlip: http://gammaimagen.es/guia_exploraciones/Default.html Puedes doblar las hojas a tu gusto, suenan al pasar, etc Chulsimo !

Anbal Bueno en 10 diciembre 2012 en 11:39 dijo:

Muchas gracias por tu aporte Dosu.

martin en 22 enero 2013 en 10:40 dijo:

hola, muy buen aporte, descargue una version creo que la ultima, pero como

Seguir

7 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

hago para instalar o para utilizarla?.. saludos muy buen aporte

Anbal Bueno en 22 enero 2013 en 12:10 dijo:

Hola martin, muchas gracias. Lo que debes hacer es abrir los archivos con Flash. Congurarlo para acceder a los datos que quieres mostrar y posteriormente incluir la pelcula (el SWF) en tu HTML, as como todos los archivos adicionales (textos e imgenes). Un saludo.

Andres duque en 15 mayo 2013 en 14:40 dijo:

hola Anibal muy buen trabajo ando buscando exactamente lo mismo pero si necesidad de un software no necesito disear 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 ipper cualquier ayuda se te agradece buen post

Anbal Bueno en 16 mayo 2013 en 12:01 dijo:

Gracias Andrs. No comprendo a que te reeres con sin necesidad de un software. Quieres decir sin que haga falta usar Flash, no?. Lo que pretendes es hacer un efecto similar con tecnologa Ajax, correcto?. Un saludo.

Seguir

8 de 9

20/11/13 10:45

Flipping Book (efecto libro) en Flash | Ostias Como Panes

http://ostiascomopanes.com/2009/10/23/ipping-book-efecto-...

playero en 31 agosto 2013 en 13:16 dijo:

Hola gracias por el aporte esta excelente te queria preguntar sobre un pekeo 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

Anbal Bueno en 3 septiembre 2013 en 09:05 dijo:

Lo siento, pero desconozco el funcionamiento del Flip Book maker. :( No posee documentacin propia?

Seguir

9 de 9

20/11/13 10:45