Several weeks ago, I had the opportunity to explore the Wooden Shoe Tulip Farm in Woodburn, Oregon. The farm, which originally began in 1950, has since expanded to over 40 acres! The tulip fields are backed by Mt. Hood and offer a wonderful opportunity to get out of the city and explore the fresh air of the country. During my visit, I was able to get several photographs that I think you will like. For several weeks, these have been sitting on my computer’s hard drive but a recent Articulate challenge gave me a reason to bring them to life.
If you are interested in the technical details, read on; otherwise, click the image above and enjoy the gallery!
In this design, I chose not to use a slider for navigation. Instead, I took advantage of States and Move animations within Storyline 2. If you would like to see an example of another image gallery that uses the Slider feature, click here.
For the opening screen, I wanted to use the beautiful view of the tulip fields. I also added two buttons to the bottom of the screen for navigation. The Select an Image button triggers a line motion path animation from the top of the screen that brings the thumbnails into view. From the drop down “menu”, you have the option to choose the image you want to see. After making your selection, another trigger fires to change the state of the main image and exit the “menu”. Using this design approach, I was able to build the entire gallery (12 images) using a single slide without the use of layers. This could easily be expanded to support up to 24 images.
The Slideshow button provides an automated option for viewing the photographs. It uses Storyline’s fade transition effect and provides a background music track. For the slideshow, triggers were used to change the state of the image at certain points in the timeline based on the length of the music track. The slideshow was also built using a single slide with no layers.
As always, it’s fun trying to figure out different ways to present content using Storyline 2. I hope you enjoy this one.