Creating page turning animation

Nathan Ritzau

12 posts

Posted Thursday, December 20, 2012 at 4:56 PM  

Hi all, I am trying to make an animation where the user sees a book cover, and clicks to open it, and it opens up to a new page. It works well in ppt, but it can only happen automatically. Ideally I'd like the user to have to click the cover, and then the animation begins. Is that possible? I've tried using a trigger, but that didn't seem to work.

 

Is the only way a user can activate an animation through a hyperlink? and then it could be a new slide with the animation beginning at the start of it?

 

Am I missing something obvious here?

 

Thanks for your help,

Nate


This post has 0 verified answers

All Replies

Jeanette Brooks

3,630 posts

Posted Friday, December 21, 2012 at 2:47 AM  

HI Nate! Which authoring tool are you using? Are you building your course in PowerPoint & Presenter? Or are you using Storyline?


Jerson Campos

847 posts

Posted Thursday, December 27, 2012 at 6:48 AM  

Is the page animation a slide transition? I don't think you can export that as a SWF file. The only other option that I know of is to create the animation you need in flash and then use triggers to show/play the animation to transition between slides.

 


Nathan Ritzau

12 posts

Posted Thursday, January 03, 2013 at 11:29 AM  

Hi Jeanette, I am using PowerPoint 2010 to build my course, and using Presenter 09.  Does that change anything? I can upload the presentation sample if you'd like to see more what I am talking about.

 

Appreciate your help,

Nathan


Jeanette Brooks

3,630 posts

Posted Thursday, January 03, 2013 at 11:51 AM  

Hi Nathan - so you're using Presenter? The reason I ask is, I was going to suggest that you use either this free spiral notebook-style PowerPoint template or, if you also have Articulate Engage, you could try the free Flipbook community interaction. But definitely, if neither of those float your boat,  feel free to attach your file here and maybe we can provide some further suggestions?


Nathan Ritzau

12 posts

Posted Thursday, January 03, 2013 at 1:28 PM  

Hi Jeanette, I had seen those and they weren't quite what we were looking for.  But I also understand that I may be spending way too much time on this and what I'm wanting to do may not be possible.

 

I've attached the ppt file if you want to see. When I publish it, the animation occurs automatically, because I had to sync the animation. If I don't sync, nothing happens once I publish and the page doesn't turn. If I want to give the user the illusion that they are turning the page, do I have to use a hyperlink to a new slide that would then open automatically?


Flipping pages demo.pptx
Jeanette Brooks

3,630 posts

Posted Thursday, January 03, 2013 at 1:52 PM  

Ah I see what you mean! Yeah, unfortunately Presenter doesn't support on-click triggered animations, but attached below is a tweaked version of your file, and I think it will give you the behavior you want. Here's what I did:

  • Created a separate slide at the beginning, showing the book closed, and removed all animations from that slide. 
  • Then I inserted a 100%-transparent shape on the book's cover, and hyperlinked it to "next slide."
  • On the 2nd slide (the one with the animations), I changed the beginning animation to start "with previous." This means it'll happen as soon as the learner arrives at the slide. 

So, when the learner launches the course, they'll see the book cover, they'll click on the cover, and that will take them to the duplicate slide which shows the animation of the book opening. I hope that helps!  


Flipping+pages+demo-jb.pptx
Nathan Ritzau

12 posts

Posted Thursday, January 03, 2013 at 2:07 PM  

That's what I was looking for, and it's helpful to know it can't all be done on a single slide. Thanks for your help Jeanette!


User Rank Jeff Kortenbosch

1,017 posts

Posted Friday, January 04, 2013 at 12:34 AM  

Very cool! Building a Flipbook animation in PowerPoint. Didn't think it could be done Leave it to Jeanette to bust that myth!


Jeanette Brooks

3,630 posts

Posted Friday, January 04, 2013 at 3:10 AM  

No, no! All the credit goes to Nathan for building such a cool example! All I did was split it into 2 slides. I love Nathan's approach of using a "collapse" and "stretch" animation to create the action of the book's pages turning. So creative!


Nathan Ritzau

12 posts

Posted Monday, January 07, 2013 at 8:55 AM  

Ah, why thank you for your compliments. But I must give credit to my google search that led me to see the idea on some random website. I just then mimicked it. Inspiration is everywhere!


James Brown

452 posts

Posted Monday, January 07, 2013 at 11:25 PM  

I'm wondering.. I'm a technology prof and one interesting thing that I learned over the past 6 months is that Flash most likely will be ditching it's player and porting all it's animation into Javascript code and HTML5. I know HTML5 isn't official until 2014 but it makes me wonder if you simply could not use the page turning Javascript in the Action Script code?

 

In fact here is an example in jquiry that does this. Not as pretty as the flash effect but it does work.

http://builtbywill.com/code/booklet/demos/starting

 

Of course you could just edit the file in flash and add the page turning effect.

Here's a Dreamweaver CS4 example in Action Script 3.


http://www.youtube.com/watch?v=sSaAndP8NEI


Dianne Gibson

36 posts

Posted Monday, January 21, 2013 at 9:11 AM  

James I was looking at link provided for javascript. If you built this in storyline, what would it look like?

 


Alan Landers

155 posts

Posted Thursday, January 24, 2013 at 4:19 AM  

This is really cool.  Would someone be so kind as to provide a demo of how it's done?  I'm not as hip on this stuff as you others so a step-by-step demo would be really fantastic.

 

if that's too big a chore, can you tell me how I can change the first slide?  I'm creating a storyline project and I need the cover to be an ancient looking book - something a wizard or ancient sage would have.  The two internal pages are great as they are.

 

But then, there will be a time when I want to create something on my own, with more than two pages and I'd really like to know how to do it.

 

Thank you,


Nathan Ritzau

12 posts

Posted Thursday, January 24, 2013 at 9:28 AM  

Hi Alan, if you take a look at the ppt, and open the animation pane and selection pane, you can find out basically how the effect was created. Just replace the pictures and that should be it.

 

Just to note, I had to import two old animations that are not offered in ppt 2010- Stretch and Collapse. If you click here- http://www.pptalchemy.co.uk/Downloads/Old%20Anims3.msi   you will be prompted to download a small file that will restore those old animations to your ppt banner. You may want keep that file as I have found I have to reinstall it each time I open/close ppt.

 

So, not ideal, but that's the only way I've found to create the page turning effect you saw.

 

Hope that helps. One last note- this was done in Presenter, not Storyline, so not sure if it will work in Storyline.


Neha Jain

22 posts

Posted Tuesday, May 21, 2013 at 1:09 AM  

This effect does not work the same in Storyline! Any suggestions on how it could be done?


merry flip

10 posts

Posted Monday, September 09, 2013 at 8:21 PM  

 

Nathan Ritzau said:

Hi all, I am trying to make an animation where the user sees a book cover, and clicks to open it, and it opens up to a new page. It works well in ppt, but it can only happen automatically. Ideally I'd like the user to have to click the cover, and then the animation begins. Is that possible? I've tried using a trigger, but that didn't seem to work.

Is the only way a user can activate an animation through a hyperlink? and then it could be a new slide with the animation beginning at the start of it?

well, I just know such one useful XFlip flipbook software to create PowerPoint flipbook files with multimedia elements.    

Am I missing something obvious here?

Thanks for your help,

Nate



ok, great topic, your idea is really very creative, maybe you could try to find one solution by search. 

 


Gayla Keesee

89 posts

Posted Saturday, September 21, 2013 at 2:57 PM  

Neha Jain said:

This effect does not work the same in Storyline! Any suggestions on how it could be done?



I second Neha's question. I'm currently working on a project where I have the learners get books from the library and open them. Since I'm using Storyline, I'd like to have that open the book look.  Anybody got any ideas?


Posted Monday, September 23, 2013 at 12:23 PM  

If you have PowerPoint 2013 you can save the animated sequence as a MP4 video then bring it into Storyline without any loss of performance. You will first want to change the slide 1 and add a transition to automatically go to the next slide after, say, .25 seconds or you can place the book cover on slide 2 and have it animate out. In any case, once you import the MP4 file into Storyline, you can set the video to play video when clicked from the Video Options menu. I've attached an example.


book.story

Posted Wednesday, November 27, 2013 at 11:30 AM  

This is WONDERFUL info and help, just what I was looking for, thanks Nate, Jeanette and James! 


Beth Worthy

70 posts

Posted Wednesday, November 27, 2013 at 11:12 PM  

Hi Nathan!

 

Went through your ppt, that was awesome. I really liked your idea of moving ahead the course in a fairy book style. I hope you can add more effects as Stephanie has suggested. Thanks for sharing and thumbs up for your great idea.

 

Regards,

Beth

Stephanie Harnett said:

If you have PowerPoint 2013 you can save the animated sequence as a MP4 video then bring it into Storyline without any loss of performance. You will first want to change the slide 1 and add a transition to automatically go to the next slide after, say, .25 seconds or you can place the book cover on slide 2 and have it animate out. In any case, once you import the MP4 file into Storyline, you can set the video to play video when clicked from the Video Options menu. I've attached an example.


book.story


 

Nathan Ritzau said:

Hi Jeanette, I had seen those and they weren't quite what we were looking for.  But I also understand that I may be spending way too much time on this and what I'm wanting to do may not be possible.

 

I've attached the ppt file if you want to see. When I publish it, the animation occurs automatically, because I had to sync the animation. If I don't sync, nothing happens once I publish and the page doesn't turn. If I want to give the user the illusion that they are turning the page, do I have to use a hyperlink to a new slide that would then open automatically?


Flipping pages demo.pptx


 


Sumit Jadhav

6 posts

Posted Monday, January 27, 2014 at 9:03 PM  

Hey Nathan..

 

This is such a brilliant idea.. I tried replicating it, however I just couldn't find the Collapse animation effect. I tied the link you shared (http://www.pptalchemy.co.uk/Downloads/Old%20Anims3.msi  ) and yet it does not feature on my powerpoint 2010...Is there any other way I can get this animation effect.

 

Thanks

Sumit