Wanted to see if this was possible in Storyline and IT IS!

May 15, 2012

I came across this interaction on the LA Times Entertainment section. After playing around with it for a minute or two, I wondered if it was possible to recreate it in Storyline and it is!

Here is what I did: Voice Over Interaction

The Storyline development was a piece of cake. Loading videos, setting the triggers, and creating layers was easy! The Photoshop element was a lot more time consuming. I used hotspots in order to avoid too much graphics work.

UPDATE: I reworked it for you as a template you can use.

Happy storylining!

Montse

41 Replies

Annick Rivkine

almost 12 years ago05/23/12 at 12:42 am (UTC)

Thank you so much for sharing Montse, I love it!

Oliver Eisele

almost 12 years ago05/23/12 at 12:53 am (UTC)

Very good job!

& thx for sharing!

Stefano Posti

almost 12 years ago05/23/12 at 1:08 am (UTC)

Great work! thanks a lot for sharing!

Eimear O Neill

almost 12 years ago05/24/12 at 10:20 pm (UTC)

Ooh that's slick! I love this I'm thinking website portfolio hmmm...Montse thank you for generously sharing your masterpiece with us. Kudos to you!

Alex Watson

almost 12 years ago05/25/12 at 6:36 am (UTC)

I've only just downloaded the demo and havent had a chance to use it yet, but it's great to see what ots capable of. How long did it take you to recreate?

Leslie Bofill

almost 12 years ago05/25/12 at 7:22 am (UTC)

Thank you for sharing this Montse! Very generous of you to share your work!

I am new to Storyline and Articulate products, so I can't wait to use this.

Georges Bornschlegl

almost 12 years ago05/25/12 at 9:17 am (UTC)

Thanks a lot, very cool!

Montse
Author

almost 12 years ago05/25/12 at 10:42 am (UTC)

Alex Watson said:

I've only just downloaded the demo and havent had a chance to use it yet, but it's great to see what ots capable of. How long did it take you to recreate?

Hi Alex,

Reproducing the LA Times version took quite a while because it involved taking screen shots of the original and recreating many of the graphics in Photoshop. The actual Storyline work was rather quick. Once I had my images organized, it was just a matter of putting it all together in Storyline, creating the triggers, states, layers, and embedding video. The graphics work was a long process since I wanted everything to look really good and I didn't have the source images so there was quite a bit of improvising involved!

Creating the template did not take as long - maybe an hour or so.

I hope that was helpful! Start playing around in Storyline already- it's awesome! I'm hooked and I dream of states and triggers now!

mitesh mistry

almost 12 years ago05/28/12 at 1:03 am (UTC)

nice template. thanks for sharing it.

Sandra Rank

almost 12 years ago05/30/12 at 8:58 am (UTC)

Thanks for the template, Montse!

Dean Phillips

almost 12 years ago06/03/12 at 5:00 pm (UTC)

Montse,

I have a storyline course with about 220 slides, Would it be possible to use this interaction, where each of the 6 boxes displays a different scene, without mousing over the PNGs? It would really be great, if I could have 1 storyline presentation with 1 slide, and navigate to 6 other storyline presentations. The graphics in this course are big.... But I don't think this is possible.

I did download the example, and experimented with it. Another possibility is:

The interaction is:

1.When the user clicks, jump to scene..

I would like these boxes to display the 1st slide, for each one of these scenes (like portraits on a wall)... when they click the box, then it goes to the 1st slide in the scene...

One of these boxes will be a web object...

Best,

Dean