Forum Discussion
Sliders and States
This is my first time participating in a challenge and this week's was a choose-your-own. I decided to utilize sliders and states to create an interactive short course on The Exposure Triangle.
My aim was to allow the user to manipulate an image to see the effect of shutter speed, ISO levels, and aperture. I used sliders and dials to create a fun interactive process. I set triggers to change the image's states based on the slider position.
- For shutter speed, I made different image states with varying levels of brightness.
- For ISO, I added a textured rectangle over the image and changed it's transparency across different states so it added more grain over the image when the slider was moved.
- For aperture I created different states for the backround image with increasing blur effect (completed outside of Storyline) and added a character on top so she stayed in focus while the background blurred. The aperture slider was the most complicated!
I think one way I could try to take it further is to figure out how to get multiple sliders to work together on the same image. For example, allowing the learner to have a shutter slider, ISO slider, and aperture slider on the same image to find the exact perfect settings.
Thanks for reviewing! Any feedback is helpful!
3 Replies
Finally found something that explains ISO etc. clearly! Loved the sliders and the dial on the camera. This has taught me something both as a learning designer and as a beginner photographer. What tools did you use outside of Storyline?
MaddieRich thanks so much for sharing your first challenge entry! I actually never knew that that's what "over-exposed" and "under-exposed" meant, even though I feel like I know what they mean colloquially!
I really like the way you used the slider & states to make this element of learning interactive, really creative application and I can see how it could really apply to any learning with a visual element and a more/less element.
Really cool share! JohnathanPoertn I feel like you would like this one :)Hi MaddieRich, I'm so excited that you participated in your first challenge and came and shared it here! Welcome 🎉
I love how interactive this is. I agree with Noele, this is a great example of something people could adapt for lots of use cases, from compliance to accessibility and beyond.
Quick note: I added an image to your post to help it stand out more. Feel free to swap it for a different one if you'd like.
We'll also be featuring this in an upcoming community newsletter!
