Watch the tutorial here: https://www.invisionapp.com/studio/learn/advanced-animation-using-motion-transition
Studio automatically matches layers that are the same objects between two screens and animates the differences in the properties between those two screens.
For example, if an image is small in screen 1, and the same image is large in screen 2, Studio will animate the size difference. Same goes for color. If the background in screen 1 is white, and the background in screen 2 is black, Studio will gradually darken the background to black as you transition.
For example, if an image is small in screen 1, and the same image is large in screen 2, Studio will animate the size difference. Same goes for color. If the background in screen 1 is white, and the background in screen 2 is black, Studio will gradually darken the background to black as you transition.
Here's how to do it:
Let's say you're going from small image in screen 1 to the same large image in screen 2. Paste the large image from screen 2 onto screen one, then send it to the back so it's not visible.
Set your small image (or whatever you want) as the trigger and create an interaction. Make sure the interaction is set to "motion."
Now, when you click on the small image, Studio will automatically animate that transition. Boom. Done.
For a more detailed walkthrough, visit the link at the top of the page.