Tricky 3D Image Rotation

Jul 18, 2013

Hi all,

I found this really cool 3D image rotation on a Bank Website.  I'd really like to build it in Storyline but I'm not sure where to start, or if it can be done!

Here is the web link:

I had only just seen Richard Calcutt's amazing 3D rotation post (here) when I came across this website.

I would love to have a go at this, if someone could give me a hint at where to start...

Nat :o)

10 Replies
David Charney

Hey Natalie,

Just saw this. This could be done in javascript but would be messy and not work in the Flash output. I can explain how I put this together:

It isn't quite what you have there but does have that flip feel. It uses a little movie clip of a white panel flipping. This is placed in a layer that can be replayed each time the user clicks the next button. Then all other pages are on layers above the animation layer. So, when the user clicks Next, it sets a page number variable to be one higher, plays the animation layer and right at the end of the animation layer it shows the layer for the next page.

You will notice we tend to use dark or very bright backgrounds because when you use color backgrounds in the animations, they don't always show up as the same color in Flash and HTML. Let me know if you have more questions.  

This discussion is closed. You can start a new discussion or contact Articulate Support.