This creative example combines multiple sliders and masking effects to create an interactive infographic.
Published 5 years ago
Version 1.0
Blog Post
- Hope you enjoy and let me know if you have any questions!
Here's a simplified demo: https://360.articulate.com/review/content/a252222f-1718-4099-8a5f-593a75aaa163/review and the source file: https://articulateusercontent.com/review/uploads/TwqZ1Vgp5L2t8kvO/slider-mask-effect-montse.story - Very nice. I hope to one day make such wonderful contributions.
- 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? - 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.
- Ha! So clever and beautifully designed, Montse!
- Like it Montse! :)
Thanks for sharing!! - I just downloaded and played around with your file. It's absolutely brilliant. Thanks for the share. You make great e-learning.
- Very nice. thanks.
- Brilliant!
- 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 :-)
