In this video Emmanuel Henri demonstrates how to do complex animations with the prototype.
- Now let's take a look at the timeline…inside of InVision Studio,…and what you can do with it.…So right now we have some simple interactions…in between each of these screens,…but what if you wanted to customize the animation…between this screen and this screen?…Well, you can do so by looking at first the interaction…that you've created, so if we click on the welcome screen,…we have a timer that switches from this screen…to the sign-up screen.…But what you could do, is do motion instead of a preset.…And if you click on motion, and then click on edit timeline,…you can literally change how you would do…with the animation in between this screen and the next.…
So right now, we have only two things that we can customize…is the welcome to sign-up interaction and the background.…So everything that is gray-ed out,…you can create key frames here.…So this is how it works,…so if you want to switch the timeline…you can do so by the top here,…and if you want to make changes to the animation…so let's go ahead and play the animation,…
Released
12/3/2018- Finding inspiration for your project
- Demonstrating initial mockups with Balsamiq
- Creating the welcome and sign-up screens
- Exporting assets to InVision Studio
- Adding simple transitions and complex animations
- Using the InVision collaboration tools
Share this video
Embed this video
Video: Add complex animations