15 Replies
Katie Riggio

Hey Kristen. Happy to help!

It sounds like you're looking to have an object fly in and then fly out after 5~ seconds. Is that right?

Animations are based on an object's Entrance and Exit animations, so it will depend on the timeline. With your goal in mind, I think I found a way. Check out this quick Peek 360 recording!

Let me know if I'm off-base, as I'm happy to help!

Katie Riggio

Glad I could help, Kristen!

In regard to the grayed out animation tab: An animation is set to occur when an object makes an appearance on the timeline, so a state won't change when it appears on the timeline.

This is where that trick comes into play: Insert an object > add the Entrance and Exit animations to it > create a new state for it by clicking on the Duplicate State icon (you're spot-on!) > set up a trigger that changes the state of that object to the new state when the timeline reaches X.

If there's anything else I can answer, I'll be here!

Peter Mattsson

Hm ... Isn't it possible to solve this by determining the length of an object on the timeline. Set the length to 5 seconds, when the object's length is over, then the animation takes place. To solve this, you need to right-click on the object and deselect "Show until end". 

Or ... am I missing something here?

Alyssa Gomez

Hi Peter!

Yes, you can certainly adjust the objects end time on the timeline. That will cause the object to "animate out" at whatever time you choose.

Adding an animated state is a great option if you want to bring the object back later when the user clicks something, or if you want the object to animate-on-click.

John Morris

I am trying to figure this out and can't seem to make it work.  What I am stuck on is "copied over."  What exactly is that?  How does one copy over an object to a state?

Does "Duplicate State" do something similar?  If so, I have done (or I think I have) what is in the video and the exit animation does not execute until the end, not at the five second mark.  What am I doing wrong?

Ashley Terwilliger

Hi John,

When you're inside a state you can copy/paste objects or other pieces into that state. 

You can also duplicate a state to create a new state entirely that's a replica of the original. 

Since it sounds like you're still stuck on this, we'd be happy to take a look at the file and find where things are going wrong! Can you share a copy of it here with us? 

John Morris

Thanks for your response.

The first reply in this thread, from Katie G., included a Peek video in which she used a state and a change state trigger to make an exit animation execute.  

The purpose of my post was to ask for help doing what Katie G. had done in her video, not to simply change the timeline duration of a rectangle from 10 seconds to 5 seconds.  

I make a point of learning a few new things every week and this thread jumped out at me as it contained something that I heretofore thought was not possible.  Katie G. appears to have done it, and after studying her video, I was not able to duplicate her results using her method.

The file that I posted was my attempt to do what Katie G. had done in her video.


Katie Riggio

Greetings, John. Thanks for the additional context, and you're so close!

If you're looking to match the example in my recording, all you need to do is change the entrance and exit animation's Effect Options and adjust the oval's timeline duration to 5 seconds.

I've attached the .story file from my example, and here's a quick Peek 360 recording to show you how your slide plays after these changes. As Alyssa shared:

Adding an animated state is a great option if you want to bring the object back later when the user clicks something, or if you want the object to animate-on-click.

Let me know if that helps clear things up! By the way, very cool habit of learning new tricks every week. Happy creating and growing! 🌟

John Morris

Thanks for your response, Katie.

In the very first response in this thread, you provided a video in which you use a state called "Animation" and a trigger that changes the state of the shape to that state at 5 seconds. (See attachment)

I know how entrance and exit animations work.  What you demonstrate, I do every day, multiple times, as I design eLearning for my employer.

What I do not know is why, in the video provided in the first response to this post, did you use a state called "Animation" and a trigger that changed the shape to that state at 5 seconds.

You did something there that, to me, is new and I am trying to understand it.


Katie Riggio

Appreciate your follow-up, John!

I believe I understand what you're trying to understand now: Why create a state and trigger rather than have the object's duration on the timeline last 5 seconds and use the entrance/exit animations? 

That's an excellent question. Since the author of this discussion mentioned having trouble with the timeline, I explored an alternative way to have an object fly in and then out after 5 seconds. (Bonus: if you need the object to animate on click, then this is one of many possible options!) If you're using the timeline approach and it's working A-OK, then no need to swap.

As you know, Storyline is a blank canvas and the possibilities are endless. Happy learning and if there's anything else I can answer, I'll be here! 🎨