Masking and Cutout Effects in E-Learning #356: Challenge | Recap
What Moves Gets Noticed
Animations are effective ways to draw focus and attention to an area of your slides. Moving on-sli...
Published 3 years ago
Version 1.0
Blog Post
Hi everyone!
Here's a simple interaction block I created for a Rise course about Trauma-Informed care. Previous to this block they are introduced to the concept that learning can't take place until a person feels both safe and connected. This block then helps them visualize the concept.
All the figures are cutouts.
https://360.articulate.com/review/content/f36c79b1-8426-4770-ab19-09f72cbf1ee8/review
Here's a simple interaction block I created for a Rise course about Trauma-Informed care. Previous to this block they are introduced to the concept that learning can't take place until a person feels both safe and connected. This block then helps them visualize the concept.
All the figures are cutouts.
https://360.articulate.com/review/content/f36c79b1-8426-4770-ab19-09f72cbf1ee8/review
- Very cool Karole. I love the animated light bulb and how the interaction is designed.
- Thanks Ron!
- Great use of sliders w/ cutouts, Karole.
How did you create your cutout graphics and pulsing lightbulb effect?- The two batteries and the lightbulb are just outlines with no fill. I created those in PowerPoint just as you show how to do above under "How Does the Effect Work." Behind the two batteries, I used state changes that show a bar with increasing heights as you move along the slider. Then for the light bulb, I used a GIF of a light flickering. The GIF stays hidden until the slider reaches that highest value.
Using the GIF was a gamechanger because I didn't have to create the flicker effect. Since it's a GIF, it's always flickering but you just don't see it because it's hidden until the final value is reached on the slider.
- Great effect with the light bulb. Good job, Karole!
- This was so cool Karole! I loved your use of sliders within the cut-outs. And I agree, the GIF definitely must have come in handy. Did you create the GIF yourself? If yes, what did you use to create it?
- No, I found a free one online.
- Nice!
- Love this! Short and sweet!
