Creating Animated Buttons in Storyline

Hey Everyone,

In this post I’ll share how you can add that little extra to your project by animating your buttons. In this weeks Articulate eLearning Challenge Community Manager David Anderson set the challenge to create creative buttons and he shared some awesome examples he found on the web.

Having seen these examples I set out to recreate some of those effects in Articulate Storyline 2… and it was easy!

Check out my demo and view the video tutorial to learn how to create these kick-*ss buttons! Feel free to download the Storyline 2 file to see how I put these buttons together.

View Demo    Video Tutorial    Download Source File

Note that HTML5 does not support all Storyline animations. Be sure to try out different animations before creating your buttons.

If you like this post or have some questions please leave me a comment below and feel free to share this post.

4 Comments On This Topic
  1. Jackie Van Nice
    June 27, 2015

    All cool stuff – but really love the video! Next time I’m taking a page from the Jeff Book of Better Button Building. 🙂

    • Jeff
      June 27, 2015

      Thank you Jackie, your cut-out shapes solution was pretty cool too.

  2. jason hicks
    June 27, 2015

    Love the effects, Jeff…what animation did you use on the bottom-right button?

  3. Anju
    June 27, 2015

    Thanks Jeff for Sharing these animated buttons

Leave a Reply