Moving object to fade out when clicked

Hi Ria

rough sample but...

is this the sort of thing you mean - I've used a motion path for each object and added an exit animation when the user clicks.

Yes, that's exactly what I mean! How did you trigger the exit animation on clicking? I don't see the option to trigger an exit animation on click :(

Hi Ria

I added an exit animation to each object and a trigger to change state of object to hidden when user clicks.

Here is the story file. Hope that helps

Thank you for this, Wendy! It's really strange. I've tried to replicate what you did, but it doesn't seem to work. I opened your file and it works. I don't know if I'm doing something wrong/differently.

Hi Ria

what is not working? Do you want to share the slide and I'll take a look

Hi Wendy,

I almost forgot to answer to this! I was able to get your solution working. Would just like to thank you for your help! :)

Glad to hear you got it sorted Ria - all the best with your project.

Hi Wendy,

Is there a way to prevent the objects from disappearing if the user doesn't click on them?

Hi JC

had to refresh my memory with this one...these are the triggers. 

So if the user doesn't click then the object state won't change to hidden - is that what you are asking?

I think the problem JC is having is that the object will exit at the end of the timeline. There is a way to prevent this happening. 

An object will always disappear at the end of its timeline unless it appears after its timeline has ended, I would settle object to hidden and set its length on the timeline to 1 second (at the beginning of the timeline) add an exit and entrance animation.

Add a trigger to change the object to normal when timeline reaches 1 second and it should only disappear when you set it to hidden.

Hi Phil, 

It works perfectly! This solves a problem I've been trying to resolve for some time. I would never have thought of this solution.

Thanks!

Hii,

When we click the next button then all the screen object fade out how it is to done??

As Storyline uses GSAP TweenLite for all its animation its easy to use yourself for fading, hiding and more complex animations too.

Check this sample that does that.
https://360.articulate.com/review/content/ed275685-0970-4148-b7dc-af35332b6670/review

To use it in your own projects, the syntax is easy.
TweenLite.to( element2Animate , 1.5, {autoAlpha:0});
Where offcourse element2Animate is your SL-object and 1.5 is the duration of the fade. On other types of animation, scaling, moving etc. you can use eases. On fading that is not visible.

Adding the above sample...