• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Jackie Van Nice

E-Learning Goodness by Jackie Van Nice

  • Home
  • About
  • Blog
  • Portfolio
    • Articulate’s ELH Challenges
    • Sales Mobility Software
    • Product Sales
    • Sexual Harassment
    • Code of Conduct
  • Freebies
    • Free Storyline Templates
    • Free PowerPoint Templates
    • Free Images
    • Freelancing Tips
    • Free Resources to Help Get Started in eLearning
  • Work With Me
  • Contact

Buttoned-Down Design (+Free Storyline File!)

June 26, 2015 By Jackie Van Nice 11 Comments

Select Image to Launch Demo

Select Image to Launch Demo

This week’s challenge is to create some cool button styles. My goal was to keep it quick and do something I haven’t done before. Not hard since I usually give my buttons short shrift.

The Idea

I simply wanted to see if I could figure out how to make something like David Anderson’s cool button example.

So I Did a Version Starting In PowerPoint…

Since it looked to me like cutout shapes were involved, I started in PowerPoint to create them, then essentially animated them in Storyline.

They were fine, but I wasn’t thrilled because they weren’t buttons you could easily copy, paste, and edit.

Then Kortenbosch Shared a Little Something…

Once Jeff Kortenbosch posted his button challenge entry, along with a fabulous how-to video, I decided to see if I could make better buttony buttons like he did – natively in Storyline.

Turns out I could. Thank you, Jeff!

Select Image to Launch Demo

Select Image to Launch Demo

Check ‘Em Out!

So that’s what happened. If you’d like to see my result – version 2! – you can see them right here!

Download The Free File!

If you’d like to use my updated Storyline buttons, feel free to grab the customizable file. The download page is right here.

Share this:

  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on X (Opens in new window) X
  • Click to share on Pinterest (Opens in new window) Pinterest
  • Click to share on Tumblr (Opens in new window) Tumblr
  • Click to email a link to a friend (Opens in new window) Email
  • Click to print (Opens in new window) Print
  • More
  • Click to share on Reddit (Opens in new window) Reddit
  • Click to share on Pocket (Opens in new window) Pocket

Like this:

Like Loading...

Related

Filed Under: E-Learning Tagged With: Articulate Storyline, Context, E-Learning Design, ELHChallenge, Show Your Work, Visual Design

Previous Post: « Storyline 1 to 2: Passport Makeover Edition
Next Post: I’m on Fakecation! »

Reader Interactions

Comments

  1. Richard Watson says

    June 26, 2015 at 6:37 pm

    Good stuff Jackie. Simple yet elegant. :)

    Loading...
    Reply
    • Jackie Van Nice says

      June 26, 2015 at 6:41 pm

      Thanks, Richard! Maybe you’ll get a chance to make some too?

      Loading...
      Reply
      • Richard Watson says

        June 26, 2015 at 6:42 pm

        I might. Just trying to finish up my Guru submission but (as usual) will be pushing the timeline up to the very end. :)

        Loading...
        Reply
        • Jackie Van Nice says

          June 26, 2015 at 6:46 pm

          Well just that you have time for the Gurus is impressive enough! Good job entering. :)

          Loading...
          Reply
  2. Richard Watson says

    June 26, 2015 at 6:47 pm

    And you too my friend.

    Loading...
    Reply
  3. David Anderson (@elearning) says

    June 26, 2015 at 7:13 pm

    Nicely done, my friend! Cutout shapes for the win in this effect. I went with states for my animated effects rather than slide layers. Cool to see a couple different approaches!

    Loading...
    Reply
    • Jackie Van Nice says

      June 26, 2015 at 7:24 pm

      Well I’m happy I was in the ballpark! I started with animated states too, but for some reason (now lost to the ages) ended up with layers.

      Thanks for the inspiration!

      Loading...
      Reply
  4. englishinlife says

    June 27, 2015 at 3:05 am

    This is cool. You are really fast, Jackie.

    Loading...
    Reply
    • Jackie Van Nice says

      June 27, 2015 at 9:56 am

      Thanks, Ridvan! Glad you like it. :)

      Loading...
      Reply
  5. Jeff Kortenbosch says

    June 27, 2015 at 11:24 am

    Nicely done Jackie!

    Loading...
    Reply
    • Jackie Van Nice says

      June 27, 2015 at 11:56 am

      Thanks Jeff! For a hurried experiment this worked out just fine – but I love how you created yours! Brilliant!

      Loading...
      Reply

What do you think?Cancel reply

Primary Sidebar

Welcome!

I’m an award-winning instructional designer and proud Articulate Super Hero who creates e-learning for large organizations. I blog to explain my design process, share tips and tricks, and help others succeed. I hope you enjoy my refreshing gallery of e-learning goodness!

  • View jackietrains’s profile on Instagram
  • View jackievannice’s profile on LinkedIn

Tags

Articulate 360 Articulate Rise Articulate Storyline Articulate Studio Audio Avatars CCAF Characters Community Context Design Makeover Dials Drag & Drop E-Learning Design ELHChallenge Emotional Engagement Free Download Freelancing Games German Glossary Instructional Design Languages Makeover Menu Mobile Motivation Pantone Portfolio PowerPoint Professional Development Quick Reference Quizzes Sales Training Scenarios Show Your Work Software Training Storyline 360 Tables Technical Training Templates Typography Video Visual Design Voiceover

Top Posts & Pages

  • Portfolio
    Portfolio
  • Home
    Home
  • Sexual Harassment Training
    Sexual Harassment Training
  • Sales Mobility Software Training
    Sales Mobility Software Training
  • Navigating a Tasty Circular Menu
    Navigating a Tasty Circular Menu
  • Articulate's E-Learning Heroes Challenges
    Articulate's E-Learning Heroes Challenges
  • About
    About
  • Free Visual Storyboard Template
    Free Visual Storyboard Template
  • Free Storyline Templates
    Free Storyline Templates
  • How to Go Full-Screen & Lose the Player in Storyline
    How to Go Full-Screen & Lose the Player in Storyline

Copyright © 2025 Jackie Van Nice and E-Learning Goodness by Jackie Van Nice

%d