Making Storyline courses feel like an app

Hi world,

I have recently entered to the world of instructional design and am currently trying to establish my own style/feel for my courses.

I subscribe to the various articulate blogs (brilliant!! don’t ever stop them) and received one about a week ago on making Storyline courses look like apps. This was great as the Apple user experience is so intuitive and something I would like to replicate. However, and this is a really small point, I have tired to replicate the transparent box with shading etc that sits over the icon as shown in the ‘How to’ guide but have failed miserably.

If anyone can provide some guidance on how to produce this I would be so so grateful. Additionally, if anyone has any good links for app-style icons that they could share that would save me a huge amount of time.

Thanks for now,

John

11 Replies
John Makinson-Sanders

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

John Makinson-Sanders

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

Steven Haigh

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.