Blog Post
JoeS
Community Member
I'll shed some light on how this came together:
https://josephsuarez.com/portfolio/ELC/273/reveal
It uses a couple masking techniques and strategically places objects behind, inside, or above the scrolling panel. Things inside move, things behind or above stay in place.
The map (inside) is a PNG image created in Photoshop and only the trail is transparent. This allows a simple shape in Storyline (behind) to show through and give the illusion that it animates as it scrolls.
The text for the states (inside) is masked by a couple white shapes (above). Since the shapes were white they blended into background and looked invisible. I also used a subtle gradient fill on these shapes from white to transparent to make it look like the text was fading in and out.
https://josephsuarez.com/portfolio/ELC/273/reveal
It uses a couple masking techniques and strategically places objects behind, inside, or above the scrolling panel. Things inside move, things behind or above stay in place.
The map (inside) is a PNG image created in Photoshop and only the trail is transparent. This allows a simple shape in Storyline (behind) to show through and give the illusion that it animates as it scrolls.
The text for the states (inside) is masked by a couple white shapes (above). Since the shapes were white they blended into background and looked invisible. I also used a subtle gradient fill on these shapes from white to transparent to make it look like the text was fading in and out.
Jonathan_Hill
5 years agoSuper Hero
Great explanation of a great method, thanks Joseph.