Making Storyline courses feel like an app

John,

As far as icon resources, one of my favorites is http://www.smashingmagazine.com (look under the tag "Freebies").

~Dave!~

Hi Dave,

Thanks for sharing that link and I'll check it out.

Cheers,

John

Here's  a quick Screenr on how you can set up the selector graphic using Storyline or even PowerPoint:

And here's the source file used in the tutorial

Hi David,

I've returned to my desk after lunch and have just picked up your post. I really can't thank you enough for it and attaching the source file too. It has saved me a ton of time because as hard as I tired (hours spent toiling last night) I couldn't quite get it looking right. I can now integrate this into my existing template for a much more professional feel.

Thanks again,

John

Thanks a lot John. This is one of those things that seems simple yet relies on several effects. It's much easier in Photoshop or Fireworks, but what's most cool is that by manually creating it in Storyline, you get to appreciate how those lighting effects work.

I saved the simple method for last:

Hi David,

That is another great way of doing it (I had not considered that way). With this approach you can nicely added the shadow/lighting effect without the issues of it disappearing when you lift the transparency level required to see the icon below.

I have to admit that the first thing I did with the source file was to have a look at the covering to see how you did it. I wasn't a million miles away with my version as I was putting lines over the top of a graded shadowed box, with each line also have a shadow but I just never looked great. I’m learning all the time about the use of lighting and your example is another great tip for me to take on board.

I am genuinely grateful for your time with this and it only continues to confirm what a great product Storyline is, backed up by a brilliant company.

Thanks again,

John

I just want to say a big "thank you" to John, Dave and David for your tips and ideas in this post. Like John, I was also struggling with getting this to work correctly, so this information has helped me a lot. Thanks so much!

This Storyline template has the Apple iOS look and feel, but not sure if that is what you are looking for. 

Hi,

This thread is really useful, although I am trying to do something similar but cannot get it to work.

I am trying to get a bit of an ipad feel in my elearning and I have changed the state of the button when pressed as well as linking this to another screen, unfortunately it imediately goes to the next screen and therefore you do not see the change in state of the button (i.e. it you don't see the button being pressed).

Is there anyway that I can delay the trigger to the next screen by a fraction of a second so that you can see the change of state on the button.

I hope that makes sense, it is difficult to explain.

Hi Steven,

How have you got your states set up? Are you using the states tab next to the timeline on the bottom of the page? It sound like you have a trigger to change both the state and advance to the screen.

Thanks,

John