Using Reverse to Slide in and Slide Out an Animation
One animation can serve to both show and hide the same object.
You have an object and a couple of buttons (labeled “More” and “Less”), and you want to object to fly in when you click More, and fly out when you click “Less”. It’s easy to apply an animation — say Fly in From Left — to the object in the Animation panel. And it’s easy to set up the first button to Play the animation. But how do you make the object “fly out” again?
This seems tricky at first because you can only apply one animation to an object at a time. There are some workarounds where you can apply one animation to an object, then group that object with another invisible object and apply another animation to the group?
But there’s a much easier way: Select the “less” button (the one you want to make the object fly out again) and then choose the Animation action. But this time, instead of using the Play Option, choose Reverse from the Options pop-up menu:

Now this button will play the very same animation? but in reverse, sending it out “off stage” again.
Sometimes it’s the little things that we miss, but which can help the most!
This article was last modified on December 21, 2021
This article was first published on July 16, 2012
Commenting is easier and faster when you're logged in!
Recommended for you
CreativePro Video: Stacking Animations in PowerPoint
In this week’s CreativePro video, Jole Simmons shows how to stack multiple anima...
Tip of the Week: Creating Custom Motion Paths for Animation
This tip was sent to Tip of the Week email subscribers on December 10, 2015. Sig...
The Photoshop User’s Guide to Motion and Video
Get your design work moving with an app you already know and love!
