I ordered a drone last year thinking that it might be easier for people to learn certain tasks if they could view the steps from a higher vantage point. The drone company went bust so that put an end to that big idea, at least for the time being. I still believe that using the aerial perspective has a place in training especially for teaching activities like driver training so I created a simple lesson on parallel parking using Storyline instead. Click the picture to check it out. A video version would have been slicker but I think this does the trick.Continue Reading No Comments
Not only do you get to see some pretty pictures from my garden but you also get to see a nifty custom built drop-down menu in Storyline 360. What could be better!
Click on the picture to launch the demo.
How I did it
I started by creating two variables in Storyline: One is a boolean (True/False) variable called menu and the other is a numeric variable called menuToggle.
Next, I turned off all the default tabs in the Storyline player and added my own custom tab called Toggle Menu – ok so that is the easy part.
Here is the code.
That’s all for the custom tab.
Now on to the Slide Master
First I created a layer in the Slide Master that contains the toggle menu (the menu is just some rectangle shapes with hover states and triggers to jump to specific slides when clicked. I added Fly In enter and Fly Out exit animations to each of the topics.
To keep the menu from flying out before the user clicks, I used a Cue Point to pause the timeline until the user clicks one of the topics.
I then added a couple more triggers to the base Slide Master: one trigger to show the menu layer when the variable menu changes if the value of menu is equal to true and another trigger to resume the timeline on the menu layer (remember I paused it using a cue point) when the variable menu changes if the value of menu is false.
Finally, I published and then crossed my fingers that it worked on all the different browsers and devices. (It did test on IE 11, Edge, Chrome and Safari on the iPad and it seems good to go.)
Continue Reading No Comments
Just click the image to launch the calculator.
I’ve included the Storyline (360) source file here for those of you who are interested in seeing how it was done.Continue Reading No Comments
This is a single screen from a client project. It shows one way to integrate animation, audio and text to tell a story. As you can see, I try to keep onscreen text to a minimum and whenever possible I like to use multiple voices to create a more conversational tone.Continue Reading No Comments
Over the holidays I spent some time learning Adobe Character Animator CC – The application is still in beta and has a few rough edges especially when it comes to animating scenes but overall I really love how easy it is to create animated characters in this tool.
In my first attempt, I created the characters and the grocery scene in Animator and then pulled it into Articulate Storyline 360 to create the quiz functionality. You know the drill, click the picture to view the demo.Continue Reading 2 Comments
There are all kinds of techniques you can apply to stock photo images to shake up your design. Here are a few of my go-to image treatments for when I want something more than a simple image fade. In a later post, I’ll step you through how I created each of these effects but for now just click on the image and enjoy!Continue Reading No Comments