Interactive Markers on a Car
Version 1 I saw this nice Polestar ad on my phone that had markers and labels that I thought I'd test with the morph. I I tried a few things: Create a slide with all of my elements. Add triggers to slides (need to change them after duplicating) Since the morph is only a transition between slides and I wanted all of my objects to transitions in and out the ones I wasn't using a made transparent. I think all of these "hidden" objects via transparency may be problematic. :) Attached is the file. Version 1: View demo Version 2 I tried a few novel things in version 1 that may have confused Storyline, so I simplifed the demo in version 2. Version 2: View demo. About Me I love helping people learn to use the Articulate software to meet their needs at work. I especially like to help those new instructional designers who are trying their best to get a handle on things. I regularly contribute to the training team's blog where we assemble all sorts of tips and tricks. Follow it to stay up to date. I post every Wednesday to Articulate's company blogwhere I share more general instructional design tips. I used to write the Rapid E-learning Blog. Still lots of good tips & tricks in there. Connect with me on LinkedIn and follow my YouTube for more tips & tricks.ACME Staff Selfies
Simple interaction where you can click on different managers to learn about them. For the pop out effect I decided to go with a selfie of each person and then used a morph transition to the information slide. I used use AI to generate the images and background and I used AI Assistant to generate the placeholder text. See the demo here. About Me I love helping people learn to use the Articulate software to meet their needs at work. I especially like to help those new instructional designers who are trying their best to get a handle on things. I regularly contribute to the training team's blog where we assemble all sorts of tips and tricks. Follow it to stay up to date. I post every Wednesday to Articulate's company blogwhere I share more general instructional design tips. I used to write the Rapid E-learning Blog. Still lots of good tips & tricks in there. Connect with me on LinkedIn and follow my YouTube for more tips & tricks.Cropped Shadow with Pop Out Character
I like the look of the avatars in this dribble account and the way the shadows were inside the box while the character popped out. See the example here. About Me I love helping people learn to use the Articulate software to meet their needs at work. I especially like to help those new instructional designers who are trying their best to get a handle on things. I regularly contribute to the training team's blog where we assemble all sorts of tips and tricks. Follow it to stay up to date. I post every Wednesday to Articulate's company blogwhere I share more general instructional design tips. I used to write the Rapid E-learning Blog. Still lots of good tips & tricks in there. Connect with me on LinkedIn and follow my YouTube for more tips & tricks.Find the Dog
Taking a breather after some intense experimenting with the morph transition! Here’s a simplified version of the classic shell game (I think that’s what it’s called?). I remember watching it as a kid — older guys would play it on the street, trying to earn a bit of extra cash. They’d use matchboxes, shuffle them around with a hidden object underneath. If you guessed right, you’d win a few coins. If not... well, better luck next time! I called it "Find a dog" for the purpose of this challenge. Find the DogMorphing? Why not!
I have to say, the morphing transition is pretty cool. I hadn’t really played with it before this challenge came up, but it’s been a fun learning experience. It definitely takes some time to get comfortable with — and even more time to really master. Like any feature, it has its ups and downs. One thing I noticed is that it doesn’t always behave consistently. That said, I’m holding off on calling it a bug until I’m sure I’m not just using it wrong (which is totally possible). I’ll keep experimenting with it whenever I have some spare time. So far, I’ve managed to put together a few simple examples. I’m guessing most of us have approached this in similar ways, so I won’t go too deep into the how-to. Example 1: Europe Example 2: Drinks Example 3: ZermattTravel Destinations Pop-Out
I had a hard time thinking of how to try out the pop-out effect using characters, so I decided to try it out with my own little twist of some landscapes instead! Since I was using landscapes with multiple pop-out pieces, I also incorporated some GIFs for movement which I really think take it that extra step to bring it to life! Check it out here!Scenario Exploration
For this challenge I combined the pop-up effect with the morph transition from an earlier challenge that I missed. I thought using a pop-up to choose a character would be an interesting way to explore compliance scenarios. The morph effect worked well on static images (e.g., the background for my characters), but the morph is interrupted a little bit on the built in characters when the morph meets a state change in the character. https://jodisdemos.s3.us-east-1.amazonaws.com/502+Pop+Up+Morph/story.htmlMindfulness
What do you do when your brain hits a wall? This project explores small, mindful actions to help you reset and reconnect. I used a soft pastel palette and flat icons to create a simple interaction where each tip gently morphs into view. The visual transitions are built around consistent layout and position changes to simulate a calm, flowing experience—no motion paths, just smooth shifts from one moment to the next. 🔗 View the Demo About Me Jayashree Ravi Curious about more e-learning innovations? Connect with me on LinkedIn to share ideas, discuss implementation techniques, or simply chat about instructional design challenges.
