UI Motion Design in Invision Studio

In this video, I demonstrate how to create some smooth and seamless transitions from screen to screen inside of Invision Studio. I hope you enjoy, and you learn something valuable!
______
Please take a moment to fill out my UI Motion Course Survey. Provide your email for a discount when it's released!
Survey: docs.google.com/forms/d/13lCS...
______
Inquiries: jpdesignacademgmail.com

[@njengathegeek]

Amazing work jpd

[@emilythornberg2170]

Seriously so cool lol thank you!!!

[@marac.7077]

Great job. , I'm new at Studio and really learning so much thanks to your videos. Please, continue this motion flow !!!!

[@JakePomperDesign]

Mara C. Thank you so much! So happy you’re finding these tutorials helpful. More on the way for sure!

[@Wellgraf]

Man such a clear and great tutorial! 🔥

[@JakePomperDesign]

Thanks a lot man! I appreciate you

[@jaymkultra]

Awesome as always mate!

[@JakePomperDesign]

Thanks so much!

[@irabanana8755]

Thanks, was very helpful! Please continue with the interactions ;-)

[@fmaldonado]

This helps so much! Any chance you can talk a little about where you get your layers? As in, did you cut out each player from a hi-res photo, or do you source them from somewhere? Thanks again!

[@JakePomperDesign]

Fernando Maldonado hi there! Thank you and I’m happy you found this video helpful!
Some of these were pngs that I literally downloaded off of google, while others were photos that I cut out in photoshop prior to bringing into Studio.
Hope that helps!
Jake

[@tomwatson1625]

Amazing work! How would you then go about exporting an animation like this as Invision annoyingly don't have an export that I know of?

[@JakePomperDesign]

Thanks a lot man! Agreed it is annoying - I’ve been told this is coming in the next release. But you can still just record your screen while interacting with the prototype with something like QuickTime in the meantime

[@Shyloo]

Hello, I am a application developer, I would like to know if these desgins that u make, that is it stil needs to be programmed or that u just can upload this as a website? Thanks a lot for all the information!

[@JakePomperDesign]

Hi there! These are just designs - a developer would still need to code this to turn it into a functioning website

[@Helloji-hieji-kaisshoji]

Hi ..is it possible to import a screen from XD to Studio?

[@JakePomperDesign]

Not directly but you can export assets a png’s and work with them inside of studio. It’s manual but it works

[@deipty222]

Just found out that Studio no longer exists! :(