Product Animations

[EmiQ]

I absolutely adore the product animation on Zelt.app
I have tried asking different places, but to no avail. 

How would I can create animations like these and if GSAP the right tool for the job?

Could you give me some guidance as to how I get started with creating such cool animations?
 

Excuse me if this post is not fitting for this forum, let me know and I'll remove it. 

 

Here's a video of the animations in question:
https://watch.screencastify.com/v/vWsrNZg8SUa6RShOGS6E

Best

[mvaneijgen]

Hi @EmiQ welcome to the forum!

 

These are indeed not questions we can help with, but that said GSAP will be the perfect job for these kinds of animations. Unfortunately we just don't have the resources to provide free consulting for everyone who asks "how do I recreate this cool effect I saw on another site?". Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

My advise start small and check out these awesome getting starting guides. I don't want to crush your dreams, but keep in mind that these sites (and animations) are build by a team of skilled professionals, with probably a dedicated designer and developer with years of expirnace, so again start small.

 

https://greensock.com/get-started/

https://greensock.com/get-started-2

 

And if you need examples check out all these collections 

 

https://codepen.io/GreenSock/collections

 

And it looks like the animation your are linking are done with a CSS clip-path which are easy to animate with GSAP, just search the forum for clip-path

 

Just start building something on codepen and post back here when you are stuck. Hope it helps and happy tweening!