Hi Rohit, you can't post your own template here. The folks at Articulate use this space to post the templates that they want to make available to the community. If you have a template that you want to contribute try posting it in one of the forums.
Hi Zehra, that is a good question. The first thing I did was use PowerPoint to create group all of the individual pictures together and then right-clicked and did a save as picture.
I then used the image as the thumb fill for slider 1 in Storyline.
So the best way to change the current picture is to click on the picture - you should notice that slider 1 is selected in the timeline and the Storyline toolbar as the top should be showing the Design and Format Slider Tools. Click on FORMAT and then in the Thumb Fill dropdown, select Picture. This will enable you to swap in your own picture for the one that is already there.
What an excellent work. May I know more of 'how did you relate slider 2 to slider 1'? I researched your example for a while but still confused how you did that
Hi JoJo, take a look at the DESGIN tab under the SLIDER TOOLs for slider 1 - at the left side of the toolbar you will see the slider properties - take a look at the Variable: it says Slider1. Ok now take a look at the slider properties for slider 2. The Variable field also says Slider1. You connect the sliders together by using the same slider variable.
Usually when I create a slider I set the start at 0 and the initial step at 0 or 1 but when I did that for this one, the image was not displaying on the screen so I just played around with the settings until I liked the start position and the end position. I wanted to make sure that there was part of the image on the screen at all times.
If I have less pictures than the original template, how do I go about changing the top slider so that there isn't a gap at the beginning and end of the main image slider?
Thanks:)
Hi Amy, I think this will work best if the pictures you are using are wider than the actual story width but if they are not as wide as mine then I think the easiest thing for you to do is change the width of slider 1. The slider is much larger than the slide so if you select slider 1 and then look to the left and the right of the slide you will see the outline for the slider. Try resizing it by dragging the left and right sides in closer to the slide. You will have to play around with this a bit to get it right for your example and I suggest making a copy of your file before doing this just in case.
Thanks for your help Nancy!
I have managed to get it to work, however once I try to import that story file where I have the template working into my project, the sliders no longer work. The pictures don't move and the text doesn't change.
Is there any reason why when importing the story file into another story, it wouldn't work?
Thanks
Ams
Do you have other sliders in your course? If you do this might be the problem. When you imported the template into your project it probably renamed the slider variables.
So if you already had a slider in your project it would have a variable called slider 1 by default. When you imported my template it would have renamed the slider variables to slider 2 and slider 3 or something like that.
To check this go to the slide that has the sliders you imported - select slider 1 and make sure the SLIDER TOOLs tab is selected at the top. Look to the left side of the tool bar - there is a variable field. If the variable listed does not say Slider 1 when that is the problem.
To fix the problem change the variable for slider 2 to whatever the new slider variable name is for slider 1.
That is really clever! I might have to use the same concept in my upcoming project. Though I'm just getting started with Storyline period, so I'll probably have to work up to something like this. I'm so overwhelmed with all of the options! O.O
This design is very creative , original and beautiful. I have not figured out how to use and adopt the template until having seen the illustration of Tom Kuhlmann using this example in last Friday's webinar. Yesterday I was blind and now I can see (and successfully use it with adaption)!
Thank you Nancy, thanks Tom and thanks David!
Mega Thanks Nancy! I had spent several hours trying to create a slider like this. Didn't think of the thumb nail and a second slider. Absolutely brilliant!
I'm trying to adopt this interaction and make it my own, but the photos that I'm using keep getting squished when I import the photo group as the thumb style. Can anyone offer suggestions for how to avoid this and/or fix it?
Oh my gosh, I love this and I'm trying to manipulate the image to my own. But when I do go to PowerPoint and add five images (screenshots in my example) they show up crisp and clean on the slide itself. But, during the preview and published version they are super blurry. Do you have any tips and adding the new images so they don't preview/publish blurry? Dimensions of the images, etc.?
Hi Devin, I used high-resolution stock images to start with. The dimensions of the original images varied but were large (one was 2700 by 2700). I resized and cropped them in snagit editor to get the size I wanted before importing them into PowerPoint.
I have not tried this with screencaps but I know screencaps are tricky beasts to work with. I often struggle with getting screencaps looking crisp.
The trick with screencaps is to not scale them. They show best when using the classic browser locked at optimal size with no scaling.
Don't worry about too much about fuzziness in preview (preview does not give the same experience as the published output) or even if you are using Review because the Review window scales the course.
31 Comments