Zooming and Magnifying Images in E-Learning #374: Challenge | Recap
A typical design challenge for course designers involves working with high-resolution images in a smaller, mobile-friendly screen size. You can run with Storyline 360's zoom region, markers, and zoom picture tools for quick-hit solutions. All three will quickly give learners a close-up view of detailed images.
But when you're looking for more custom solutions, you have to get creative. And that's what this week's challenge is all about! But first, let's take a look at a few examples.
Using Sliders to Magnify Parts of a Photo
Sliders are most often used to let learners explore cause-and-effect relationships or manipulate data and numeric values. In this example, the slider is used to reveal parts of the photo.
Here's a neat example that simulates a motion blur effect to zoom into parts of a painting. The zoom blur effect is created by layering multiple images with varying blur values and progressively revealing each image as the timeline plays.
Comments: Use the comments section below to share a link to your published example and blog post.
Forums: Start your own thread and share a link to your published example..
Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.
Last Week’s Challenge:
Before you zoom into this week’s challenge, check out the restaurant menu inspired examples your fellow challengers shared over the past week:
Restaurant Menu Inspired Course Starters #373: Challenge | Recap
New to the E-Learning Challenges?
The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challengesanytime you want. I’ll update the recap posts to include your demos.
Learn more about the challenges in this Q&A post and why and how to participate in this helpful article.
Pretty new to Articulate here. I have looked at others' entries before but this is my first time trying to create something for an E-Learning challenge. Definitely learned some new features in Storyline making this.
I'm (finally) just getting into learning Storyline. I figured, what better way to explore than use the E-Learning Challenges as my training projects. Without further ado, my first complete Storyline product:
This is a great starting project. I appreciate how you explored and demonstrated various ways to use a zoom effect in Storyline; that is truly a brilliant way to learn the application along with participating in the community through challenges.
very cool interaction. I never spent time learning about the parts of a sword and this example does a great job of zooming in on the various components.
Just getting back. This is an excerpt from the FIRST course I ever created in Storyline for work. I added the Zoom feature based on the instructor's audio. Oh, and I added a motion path at the end after watching a webinar with Dave on using them.
Hi Heroes, This is my first-ever submission for challenges. Due to the limit of time, I only add Zoom effect on Van Gogh's Starry Night painting. I tried to add the theme song "Vincent" thorough the course (not be interrupted when changing slide) but I couldn't. Any related help would be much appreciated :)
Here is my mini gallery: https://hbelearning.s3.ap-southeast-1.amazonaws.com/Van+Gogh's+iconic+paintings+-+Storyline+output/story_html5.html
I frequently use music throughout short Storyline courses by putting everything on one slide, using layers rather than a series of separate slides.
The music track is on the base layer, and plays while users visit the various layers.
*Don't forget to make sure you have the right to play the music you select, and follow all copyright laws. And always include the volume icon, so users have an easy/quick way to turn off or lower the volume of the music.
Hi Tracy, Thank you for your suggestion! (and the important notes ;) ). I will definitely try this approach. In fact, I have tried putting music on the base layer and when moving to the other layers of the same slide, the music stopped. Guess I had made some mistakes here.
I recently heard about a customized map maker, Felt.com, and explored a few of its features to recreate my hiking experience at Lost Maples State Natural Area. I used the park trail map for descriptions and pinned sites, as well as trail color coding, then inserted my own photos from my experiences in the park for a more interactive version of the park's PDF and paper map.