Before-and-After Examples in E-Learning #335: Challenge | Recap
How do you show a contrast of two images without overloading your slide with text? Similarly, how do you present before and a...
Published 4 years ago
Version 1.0
Blog Post
The Atacama Desert, Chile, before and after the rains, and some info about its role re: Movies, Mars, ESO and NASA. Demo: https://360.articulate.com/review/content/7ccceb4f-6963-44ed-80ef-8fc705823ffd/review
- Ang: I'm trying to dissect this.
One of the things I admired about the journalism examples that were provided for this challenge was the seamless way that the images transition, and I was wondering how you could do that with a slider in Articulate. I'm guessing the answer is: you don't; you remove some of the user control, but in doing so enhance the visual impact of the transition.
So I'm guessing this is a triggered Wipe animation? With a motion path for the slider line?- Hi Paul, Yes, motion path and wipe at same speeds. But there is a way (from what I've read a few ways) to add user control of reveal. This one uses a slider and states, which is simple and effective, albeit somewhat labor intensive. Here is a link http://blog.keypointlearn.com/2015/02/18/before-after-image-slider-in-storyline-2-an-experiment. The .story file is provided in the article. I create slices in PS for precision and to maintain seamless. Here is the author's finished product: http://dev.keypointlearn.com/xcl73_SL2/Wall/V4/story.html
Joanna Kurpiewska (her challenge is towards the top) has provided a youtube link to another method that uses scrolling panels, the author (Nejc Zorga Dulmin ) says it can be used with a slider, or buttons, so the user can interact and control the reveal. Haven't tried this one yet.
