Could be a really silly question but this doesn't seem to be covered in any tutorials... Can someone please help me with how to animate drawn lines and shapes in Storyline?
For example - you have two text boxes and you want to draw a line between the two so when the learner looks at it they see the line being drawn from one box to the other.
The animations you could apply to slides or items are detailed here, so I'm not sure if one of those would work for you but you may want to look at the information also in regards to motion paths.
For drawing lines, I always use the wipe animation on lines and it looks like it is being drawn out. If you are looking to give users something more interactive to do, something like the attached could be useful. The colored boxes are guides for how everything should line up, and I would make them transparent before I published my courses.
If you are using storyline 1 than its not possible in it but if you are using Storyline 2 then you can do it by using "Wipe animation effect " on the line.
Attached is a storyfile example, I hope it helps you.
To ensure you get the most up-to-date guidance, could you share more about what you're looking to design?
In the meantime, I've attached a sample slide inspired by Priyanka's file that features animated lines and shapes created with Storyline 360 and created this quick video demo. We also have these resources:
thanks for the video, very informative. I take it that I could use a trigger to set off the line rather than just the timeline. I am wanting to do something similar showing the path along a circuit depending on the selections made however I will need to have more than one line and they wouldn't all be straight, I was thinking that I would be grouping these together and then they would all flow after that, hopefully, what do you think?
I'm happy to help! It sounds like a great plan. However, I want to point out that you would want to add a trigger for each line since groups can't be triggered.
10 Replies
Hi Caroline,
The animations you could apply to slides or items are detailed here, so I'm not sure if one of those would work for you but you may want to look at the information also in regards to motion paths.
For drawing lines, I always use the wipe animation on lines and it looks like it is being drawn out. If you are looking to give users something more interactive to do, something like the attached could be useful. The colored boxes are guides for how everything should line up, and I would make them transparent before I published my courses.
Good luck.
Thank you so much! Both fantastic tips :)
Hi Caroline,
Here is a sample animation as an answer to your query. Let me know if this is helpful to you.
If you are using storyline 1 than its not possible in it but if you are using Storyline 2 then you can do it by using "Wipe animation effect " on the line.
Attached is a storyfile example, I hope it helps you.
The wipe animation doesn't work on Ipads, so I'm avoiding it. if you are really desperate you can try a frame by frame animation on the time line
This thread is from such a long time ago, but this is exactly what I want to do. Is there a more current way to do it in 360?
Good morning, Melissa!
To ensure you get the most up-to-date guidance, could you share more about what you're looking to design?
In the meantime, I've attached a sample slide inspired by Priyanka's file that features animated lines and shapes created with Storyline 360 and created this quick video demo. We also have these resources:
Looking forward to hearing from you!
Hi Katie,
thanks for the video, very informative. I take it that I could use a trigger to set off the line rather than just the timeline. I am wanting to do something similar showing the path along a circuit depending on the selections made however I will need to have more than one line and they wouldn't all be straight, I was thinking that I would be grouping these together and then they would all flow after that, hopefully, what do you think?
Hi Anthony!
I'm happy to help! It sounds like a great plan. However, I want to point out that you would want to add a trigger for each line since groups can't be triggered.
Let us know how it goes!