Forum Discussion
Morph Reveal (AKA the Pull My Finger Storyline Project)
My first Storyline project using morph transitions! I wanted to create an asset that would gradually reveal a financial report, allowing learners to explore it via clickable markers. With each click, the report would reveal more columns, almost like pulling a window blind sideways.
Normally, I would use the timeline and state changes (maybe good old-fashioned layers) to achieve what I wanted here, but I decided to step out of my comfort zone with morph transitions. It was... different.
It was very persnickety. Sometimes I had to group objects to make it work; sometimes I had to leave them ungrouped. Sometimes I had to make sure that there was no text involved in the object's non-normal state. For instance, I couldn't create a hover state on a hand that included additional text that says "Click here to reveal." The animation got all wonky with that. After many hours and curse words, I finally tamed the beast.
So here it is, with all our financial data redacted so I don't get fired. If anyone has some best practices for using morph, I'm all ears and eyes!
4 Replies
Huge kudos for sticking with it and sharing what you learned along the way JenLynnRusso​! What finally made things click for you?
We’ll be featuring this in an upcoming ELH Weekly newsletter. If you want it delivered to your inbox, be sure you’re subscribed. 🎉
- JenLynnRussoCommunity Member
Oh wow, super cool! Love sharing the joy I experience, even if it takes some persistence 😉
I think when I learned the aspects of morph that made it work/didn't make it work, I was able to soldier on. It was just experimentation a little at a time, so not building out all the slides until I knew it would work.
- JenLynnRussoCommunity Member
Thanks so much Chris! I appreciate that!
- ChrisHodgsonCommunity Member
A nice example of chunking complex data so it's easier to digest with the use of some clever animation! Well done, Jen 👌