Example
Morphing? 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: Zermatt
6 Replies
Those are all amazing, Nedim. The drink transitions were a great idea for creating the illusion everything is happning on the same slide. In my mind, I was mapping out the motion paths needed for something like that effect.
I've heard from a few folks of random behaviors. I haven't seen it yet but what you mentioned tracks with comments I've heard from a couple of users. If you can repro it or capture it with a short screencast, please do that and submit. Intermittent issues are tough to catch but I think there's something causing those issues. Thanks again for the terrific share this week.
Hi DavidAnderson ,
Thanks so much for your feedback on my samples - I appreciate it!
The issues I mentioned in my post are specifically related to my third example, "Zarmatt," and are tied to the behavior of morphed text boxes. Note that in the published example, the text boxes are not actual text boxes, they’ve been converted to high-res images. I decided to move away from using text boxes for reasons I explain further down.These inconsistencies are barely noticeable in Preview mode - unless you switch between slides multiple times. After doing that, you might notice that a random text box morphs correctly in one direction but not on return, or vice versa.
However, when published to the Web, these inconsistencies become much more noticeable. In many cases, the morph transition doesn’t work at all - it only affects the text box objects themselves, without animating the content as expected.
I’ve carefully checked all the object IDs to make sure they match across slides. Each of my text boxes contains different content (a title and body), uses different font sizes for title and content, and different font weights for each as well.
I’ve attached a basic sample that’s similar to the original project, which should help illustrate the issue. Other than that, I didn’t experience any issues with morphed objects such as pictures, shapes, shapes with picture fill, or even when creating a parallax effect using a single image across multiple slides.
These are amazing Nedim! Your designs are inspiring and draws one into the content.
Loved the Europe experience with the descriptions and music.
Drinks were fantastic--where did you find that voice--perfect!
Zermatt was great, loved the climber that moved you into each space.
Thank you so much for your detailed comment—I truly appreciate it! I'm really glad you enjoyed it. The voice used is Jessie, available in the Storyline voice library. I was aiming for a voice that would closely match the atmosphere of a bar—someone who reminds you of an older, experienced bartender in a blues club.
Thank you for sharing! That voice really invokes what you were intending. I still don't have Articulate AI yet, looking forward to when we do upgrade--on a work team where I am the main user and unfortunately the entire team has to upgrade. They can't do it by user.
Really nice examples.
Getting Started with the E-Learning Challenges
Find practical answers to common questions about the E-Learning Challenges, a weekly event that helps you build skills, create your portfolio, and grow as an e-learning professional.