Family

Family Values

Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie animations in no time!

LottieFiles: Download Free lightweight animations for website & apps.

Can someone point me in the direction of resources/videos on how to create the iPhone/mockup/app looped animations family.co have on their site? 

Please & Thank you ♥️

Maybe! I wouldn’t be surprised if it’s all real brilliant app animation though. https://benji.org/family-values

Would they be screen recorded, or some emulation. The question is still the crisp recording and touch movements/UI etc. Feels like Rive or something else?

Ive done similar by making a basic Figma prototype, screen recording it, and then placing the screen into a phone mockup in after effects. You can then convert the mp4 into a gif!

Try check out lottiefiles.com, this should give you an idea of how the animations are created. They have lots of tools and tutorial videos as well.

Done this a few times in the past and noticed resolution loss but i’ll give it another go!

The key for resolution here is to screen record the prototype on your computer (not phone)

Try scaling the prototype as large as possible before recording!

Yeah I know Benji loves awesome UX and motion so no surprise there

Posts