How to animate an object so it looks like it minimizes and expands directly into and out of another object?
Dec 30, 2015
Here's an example screenshot of what I'm working with:
When the user clicks the question mark, I want the blue tipbox to expand out of the question mark. When they click the "x" on the tipbox, I want the tipbox to minimize back into the question mark. In other words, I want the same effect as when you minimize a browser window and it looks like it minimizes directly into the (e.g. Firefox, Chrome) icon on your dock.
The closest I've gotten to making this happen is to use the "Fly in" animation effect. To make this work, I've put the tipbox on two layers.
Layer 1 has an Entrance Animation that flies in from the bottom-left corner when the slide starts.
Layer 2 has an Exit Animation that does the opposite when a user clicks the "x" object. It also hides Layer 1.
It looks okay... but not great. It looks like it expands and minimizes from the bottom left corner, but I really want it to look like the tipbox expands and minimizes directly into and out of the "?" icon. Does that make sense?
Help would be greatly appreciated! Thank you.
2 Replies
Hi Lauren!
If you would be able to share a sample slide of your .story file, perhaps that would allow someone to better assist you with your design request.
Hi Lauren,
You were pretty close with the double layer solution, i suggest using paths to animate exactly where you want your box to go!
Check the below file attached. You can fine tweak it as much as you like :)
Have a nice NYE
This discussion is closed. You can start a new discussion or contact Articulate Support.