Storyline Magic Series - Episode 13 Alpha Channel Masking For Objects And Layers

Discover our Advanced eLearning Developer Series courses over on the Discover eLearning website for more great learning opportunities for learning experience developers - https://discoverelearninguk.com/store...

We have another huge Storyline Magic Series episode for you! Chris Hodgson (  / chrishodgson44  ) will walk you through all the steps needed to apply alpha channel masking to any of your objects or layers in your Articulate Storyline 360 projects. All it takes is a bit of JavaScript magic, and you can even create and export your custom mask shapes directly in Storyline!

This technique opens up a whole world of creative possibilities in order to create unique and complex animation sequences and visualisations within your Articulate Storyline slides!

Are you interested in learning more object object masking by taking a full start-to-end creative project build in Articulate Storyline 360? Let us know in the comments if you would like to see more tutorial content like this in the future!

Chapters:

00:00 Introduction
01:24 The Scrolling Panel Masking Technique - Recap
02:14 The Slide Background Fill Masking Technique - Recap
03:29 Introducing The CSS 'Mask-Image' Property
03:55 Applying A Mask Image To A Storyline Object
06:55 Writing Your JavaScript Code
10:02 Apply Your Mask Image To A Video Object
11:15 Applying A Mask Image To The Slide Base Layer
12:25 Applying A Mask Image To Any Custom Slide Layer
15:30 Previewing The End Result
16:00 Further Learning And Sign Off

Music from Uppbeat (free for Creators!):
https://uppbeat.io/t/roo-walker/over-...
License code: KFUC2TIZHLMX7BOU

#articulatestoryline #storyline360 #articulate360 #CSS #javascript #gsap #gsapanimation #tutorial #elearning