Forum Discussion

LisaLambertin-4's avatar
LisaLambertin-4
Community Member
20 days ago

Using picture as slider, not only thumb (slider itself invisible)

Hello everyone, 


I'm not very advanced in using Storyline yet, but I hope that my question is not too obvious. I have tried searching but have not found an answer under my keywords. 

I would like to animate a fly swatter as a slider. It should scare away a fly on a window and I would like to use a slider for the movement (but the typical slider should be invisible). I thought this would work because I found a very similar example on YouTube (a hand with a computer mouse moving back and forth on a desk - picture attached. It is a tutorial, but I don't get, how he has done the slider itself). I can certainly solve this differently (e.g. via motion path), but the whole exercise was really just to see how I can create really individual sliders that no longer look like sliders at all. So it's not just about filling the thumb of the slider with an image. 

Does anyone have the crucial hint for me? 

Many thanks in advance!

  • To create an invisible slider in Storyline that animates a fly swatter, follow these steps: Design a custom slider with transparent elements, so only the fly swatter is visible. Use layers or states to make the fly disappear when the swatter reaches it. Ensure the slider thumb is set to 0% opacity, and adjust its size to fit your design.

  • Jhonleo02's avatar
    Jhonleo02
    Community Member

    To create an invisible slider in Storyline that animates a fly swatter, follow these steps: Design a custom slider with transparent elements, so only the fly swatter is visible. Use layers or states to make the fly disappear when the swatter reaches it. Ensure the slider thumb is set to 0% opacity, and adjust its size to fit your design.

    • LisaLambertin-4's avatar
      LisaLambertin-4
      Community Member

      Thanks a lot for your reply! It took me a while, but then i figured it out. Changing the thumb of the slider is indeed the way, but first I couldn`t find a way, how to hide the bar and resize the picture. Now it works and my fly is very busy dodging in time. :D