Creating a Spotlight

If anyone is wondering how to create a spotlight effect in Storyline 360, here is a YouTube video that helped me!

Essentially, you have to 

1) make the primary image the background using format background - fill as picture

2) add shape over top - black with transparency to create dark box

3) add another shape over the section you want to spotlight. Go to format shape and make the fill "background fill". This will essentially allow the box to cut through anything underneath.

Now you can move the shape anywhere you please and it will "highlight" the background underneath while keeping the rest of the screen in the dark.

Previous E-learning heroes discussions said to use the frame or donut shape to create this, but that didn't work for me - mainly because the opening was always centered and sometimes I needed to highlight sections in a corner or on a side.

Hope this helps!

3 Replies
Maria Costa-Stienstra

Hi, Alessio, and welcome to E-Learning Heroes! ✨

Which version of Storyline are you using? I followed the tutorial using Storyline 360 (latest build  3.50.24668.0), and it worked both when previewing and publishing.

Are you working from a local hard drive? Working on a network drive can cause erratic behavior. 

If possible, can you share your .story file here so we can take a look at what's going on?