Forum Discussion
Creating a Spotlight
If anyone is wondering how to create a spotlight effect in Storyline 360, here is a YouTube video that helped me!
https://www.youtube.com/watch?v=be2T95BMVjc
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!
15 Replies
- CarrieAnders421Community Member
Hi, I just created a quick spotlight for Storyline 360 using JavaScript and CSS with AI assistance. You can apply it to any shape, adjust the color and transparency, and animate it.