Last week, I provided a free Photo Slider that I hope you all enjoyed. If you missed it, you can find it here. I think it may have inspired David Anderson @Articulate to make the slider feature a focus of his latest challenge.
In this week’s challenge, the goal was to show creative ways to use sliders in online learning. Although he offered several examples, I decided to go another route. I’ve always enjoyed seeing how much you can create with Storyline and wanted to create a mock-up of an old radio using the slider as a way to move between stations. Here’s the process I used to create this week’s submission.
Although I found a few examples, I really didn’t like what was available. To address this, I used Photoshop to create an old-time radio. I must confess, I did use a step-by-step tutorial to create the radio with a few minor changes along the way.
Step 2: Add radio image to Slide Master
I brought the image into Storyline 2 and added it as a background via the Slide Master.
The slider was added to the base layer with the track style set to No Fill. In the original Photoshop image, I created a slider track to replace the Storyline 2 track. So, basically, the only thing you see in the final image is the slider thumb.
Step 3: Setting up the Base Layer
After adding the slider to the base layer, I created a different layer for each radio frequency/channel. For each of those layers, I made sure that the Slider was the only item visible on the base layer.
From there, most of the work involved setting up triggers to show the specific layer depending upon the value of the slider. For example, Show Layer 91.3 when the slider moves if RadioSlider is equal to x, show layer 97.5 when the slider moves if Radio Slider is equal to y, etc.
I also wanted to mimic the sound of a real radio. For example, when you turn an old radio on, you usually hear a buzz sound and then the music will start. You will hear this when you first click the Power On button. Of course, “back in the day” when you switched between channels, you didn’t always get something. To mimic this, I included the channel changing noise you get when you switch between different channels. Of course, this is a modern version of an “old-time” radio, so I tried to add a digital read-out to show the channel as well as the name of the artist/song. There is also a funny commercial on one of the channels (97.5) and on some, you may even hear silence after the music stops. Why you ask? Well, when I was growing up, it was not uncommon to be listening to a radio station late at night and the D.J. didn’t make it back to the mike on time. Hence, radio silence similar to the one found on 91.3.
There is a lot of things going on in this one but let’s see what you guys think about it. Click the image to launch the demo!