Storyline: Simple Motion Graphics Template

Allison LaMotte
Allison LaMotte
8,672 Downloads
Download

Whether you’re an e-learning newbie or a seasoned expert, it can be hard to come up with new ideas to catch your learners’ attention. Videos with motion graphics like this one are really clever, but I’ve always felt too intimidated to try and recreate that effect in my e-learning courses … until now! With some simple shapes and animations in Storyline, I was able to create a simple yet eye-catching introduction for an e-learning course.

See this project in action.

I tried to keep this Storyline* template as generic as possible so it’d be easy for you to pop in your own content and hit the ground running.

If you like the fonts I’ve used here, you can download them for free:

Enjoy!

P.S. If you’re looking for a more complex example of motion graphics created in Storyline, check out this impressive demo by community member Ian Monk.

*This template will work for folks using Storyline 360 (included in Articulate 360). Want to try it out? Get a free trial of Articulate 360.

49 Comments
Lisa Peppers
almost 5 years ago04/11/18 at 1:38 pm (UTC)
Hello there Allison! Thank you so much for responding to my comment. I get the following message when I try to open the motion graphics in 360. "This project uses features that are not available in this version of Storyline. Please upgrade to the latest version in order to open this project." An "OK" button appears and when I click it, nothing happens.
Allison LaMotte
almost 5 years ago04/20/18 at 7:32 am (UTC)
Hi Natalie, There's no tutorial, however I used mostly enter and exit animations, with a couple fade, zoom in/out animations (on the End slide), and a path animation thrown in there (on Slide 1). Here's a version of it with the progress bar so you can pause it: https://360.articulate.com/review/content/13e70110-13be-48ca-a163-bd496812f8da/review Hope that helps make it easier for you to rebuild it in Storyline 3! :)
Peter Brown
almost 5 years ago04/11/18 at 4:06 am (UTC)

Hi @Eric I'm not sure if a reliable metric exists as a guideline to answer your question. Even if it does I'm not sure I'd take too much notice of it; there are potentially too many variables that are likely to impact it. If it were me, I'd be inclined to put myself in my audience's shoes and consider things like, word count, message complexity/density/familiarity, audience education/literacy skill, concurrent on-screen audio (music, narration, volume), concurrent on-screen activity/animation whiz-bangery, likely physical environment distractions, overall presentation duration (attention may flag over time), is this an isolated presentation or is it in the middle of a longer session... After objectively considering stuff like that and wearing your audience persona, I think a reali... Expand

Allison LaMotte
almost 5 years ago04/11/18 at 10:17 am (UTC)
I'm not sure if any specific guidelines exist, it's basically trial and error for me. I put a duration that I think will be long enough, and then preview it. When I preview it, I try to read the text and see if I have enough time. Since I'm also the person that wrote it, I tack on an extra second or so since I may be reading it faster because I know what it says. I also send my course to someone else and try to get their feedback about whether or not it's on the screen long enough (or for too long!). I wish there was an easy answer to this question, but there really is no magic formula.
gg person
almost 5 years ago04/11/18 at 10:35 am (UTC)
I do both things that Allison and Pete wrote. I also take into account that the Learner will probably be distracted once in a while and not be able to read the text. I provide the refresh button that is on the seek bar, if there is a question that the Learner might not catch everything the first time. However, if the text isn't there long enough, my experience has been someone will let you know.
joanne k
almost 5 years ago04/12/18 at 3:20 pm (UTC)
Hi Allison, I was just starting my search for some good examples of motion graphics when I found yours and absolutely love it. It's perfect....except we are still using S2 and I cannot download your template. We have initiated the request for 360 (YAYYYYY!!!!) but it'll be awhile before we get it. Is there anyway you can re-save the template to be available for earlier versions? Or...add a player with controls to pause and refresh, so I can play just that part again. I can figure out the triggers in S2 to mimic, it would just be so much easier to have your template or be able to pause and review.
Allison LaMotte
almost 5 years ago04/12/18 at 4:21 pm (UTC)
Hi Joanne! I'm so glad you like my template. It's too bad you don't have Storyline 360 yet! Unfortunately there's no way to just re-save the template so that it works for Storyline 2, I would have to rebuild it from the ground up. FYI I used mostly enter and exit animations, with a couple fade, zoom in/out animations (on the End slide), and a path animation thrown in there (on Slide 1). Here's a version of it with the progress bar so you can pause it: https://360.articulate.com/review/content/13e70110-13be-48ca-a163-bd496812f8da/review Hope that helps make it easier for you to rebuild it in Storyline 2! :) When you're done if you feel like sharing, I'm sure there are other Storyline 2 users who would be super grateful.
Michael Cattanach
almost 5 years ago04/28/18 at 6:46 am (UTC)
Thanks Allison, I really appreciate examples like this. As a newbie, I'm always wondering 'how was that created'? Examples like this allow me to break each component down and practice the process logically and methodically, thus enhancing my skill set. A big thank you for sharing and, as previous comments have stated, for doing the hard work.
Rachael Evans
over 4 years ago10/19/18 at 11:11 am (UTC)
Hi Allison, As previously mentioned in this thread I am unable to access this file as it uses features not available in my storyline 3 version. I then tried to access the hyperlink you provided to Natalie and Lisa with the demo in a progress bar so I could pause it, but unfortunately these links are no longer working. I get a message stating 'the file is no longer available'. Would you kindly re-upload the file in a progress bar format so I can see how you created this ? Many thanks
Sign In to Comment