Hi all! Check out this simple tabs template that feels "reactive" to user choices (click the picture):
Why do I prefer this animation format/feel, instead of simply showing content immediately? This way, the user is able to see transitions smoothly and more quickly make sense of what you're showing them.
So how is this done? Each layer has objects with entrance and exit animations, and the following triggers in order:
Pause layer when it reaches "X" seconds on the timeline (or a cue point, if you prefer)
Hide layer when timeline ends
Resume timeline when user clicks button
Download the .story file and let me know your thoughts. Thanks!
Thank you very much Michael. I have been working on this concept myself without success so this was right on time. The biggest obstacle I faced when trying to utilize this feature in training was how to manage the audio files, as all the training we produce has to have audio. I think if I add a trigger to each button on the base layer to play a different audio file that may allow me to keep the entrance and exit animations and still keep all the audio files. Thanks again for sharing:)
Great work Michael! I've been looking to do this and haven't been successful with my triggers. But after seeing yours and how you've gotten it work, it seems all too simple now. Thank you fo sharing this!
11 Replies
Great way to demonstrate animation techniques! Thanks for putting this together and sharing the source, Michael.
It looks great Michael! Definitely going to play around with it. :)
Thank you very much Michael. I have been working on this concept myself without success so this was right on time. The biggest obstacle I faced when trying to utilize this feature in training was how to manage the audio files, as all the training we produce has to have audio. I think if I add a trigger to each button on the base layer to play a different audio file that may allow me to keep the entrance and exit animations and still keep all the audio files. Thanks again for sharing:)
Great work Michael!
Great work Michael! I've been looking to do this and haven't been successful with my triggers. But after seeing yours and how you've gotten it work, it seems all too simple now. Thank you fo sharing this!
Brilliant solution, thank you for the example file!
Thank you very much for sharing Michael, I have downloaded the source to try it out myself, much appreciated.
When I click on the picture, I get this:
404. That’s an error.
The requested URL /host/0BwrI2h-yHD_VZVE1SHg3Rmd2eEE/ was not found on this server. That’s all we know.
@Gene, the Download-Link is in the Post, not on the picture. The picture only demonstrates Michael's approach and solution.
Thanks. It says to "click the picture" in the post though. I did notice the download link at the bottom of the post, so it's all good. :)
I like that Michael and will be amending a course I'm currently working on to use the concept.
This discussion is closed. You can start a new discussion or contact Articulate Support.