This creative example combines multiple sliders and masking effects to create an interactive infographic.
Published 5 years ago
Version 1.0
Blog Post
- Thanks for all of the resources! I have been using Storyline for years, but you have taught me a lot of new things!
Thank you, Montse!!!!! :-) - I can't figure out how you "attached" the shape to the slider so they interact.
- Hi, Dr Victoria - Two main techniques are used to create this effect:
1) Create a custom slider by replacing the default slider thumb with your own image. Here's how that works: https://training.articulate.com/webinars/using-sliders-in-storyline-360#t=2259
2) Connect the sliders so they use the same variable. Here's how that works: https://training.articulate.com/webinars/create-parallax-effects-with-sliders-in-storyline-360#t=1144
Download this simplified version: https://articulateusercontent.com/review/uploads/TwqZ1Vgp5L2t8kvO/slider-mask-effect-montse.story. Let me know if you still have questions. I should probably make a quick video on this.- Thank you so much, @Montse! I will try it out today and let you know how I go! I really appreciate the help :-)
- How did you get both sets of numbers to react in that way?? I've attempted to replicate it and can't figure it out. I'm new to articulate so if it's super simple, forgive the newbie.
- Very clever, love it! I'm intrigued, though... the transparent cut-out? Is that innately supported in SL somehow? Is this something i never new? Or did you bring it in from other software/format?
The objects panel thinks it's a "freeform" and i can change fill and line properties ... soit behaves like a SL shape would. But there's no connecting lines from box perimeter to person outline, so it wasn't just drawn well as a single freeform in SL itself? Can you share the secret? - Brilliant!
- Very nice. thanks.
- I just downloaded and played around with your file. It's absolutely brilliant. Thanks for the share. You make great e-learning.
- Very nice. I hope to one day make such wonderful contributions.
- Like it Montse! :)
Thanks for sharing!! - Ha! So clever and beautifully designed, Montse!
