Fragments 2017

A conference on the mobile ecosystem in India

Lottie: Animating the bridge between Designers and Developers

Submitted by Chetan Sachdeva (@chetsachdeva) on Sunday, 2 July 2017

videocam
Preview video

Technical level

Intermediate

Section

Crisp Talk

Status

Confirmed & Scheduled

View proposal in schedule

Vote on this proposal

Login to vote

Total votes:  +5

Abstract

Creating complex animations in mobile can be laborious. They might as well not commensurate with the designs provided. Lottie is an animation tool by Airbnb which instills in us the superpower to create cool animations in no time.

In this session, Chetan will expound on how to create an animation in Adobe After Effects using BodyMovin and run it on AndroidStudio/XCode. There’s a lot more we can do with Lottie. To check out, join the session!

Outline

Dine in or take away:

  • Install BodyMovin Plugin in Adobe After Effects.
  • Create an Animation and render it using BodyMovin.
  • Create cool Animations in Android/iOS using Lottie.

Requirements

  • Lotte Choco Pie
  • Adobe After Effects
  • Android Studio/XCode

Speaker bio

Chetan is an Android enthusiast who likes to dabble in sundry state of the art technologies. He works for Fueled and finds it fascinating how code can create great stuff. Whether it be tech or real life, he likes to learn, innovate and experience new things.

Links

Slides

https://drive.google.com/file/d/0B-Y3oJxVshZzNVE0VjlHUnpBcWs/view?usp=sharing

Preview video

https://www.youtube.com/watch?v=T4v72xJqNpQ

Comments

  • 1
    Manan (@marv) a year ago

    @chetsachdeva, Are you just talking about how to put lottie in your app, nothing else? Please consider things like how does rendering works in lottie, structure of bodymovin JSON, problems in lottie, etc.

  • 1
    Chetan Sachdeva (@chetsachdeva) Proposer a year ago (edited a year ago)

    As the title defines, it will be a small talk on how to bridge the gap between Designers and Developers. Designers will get to know how to use Bodymovin and ship the JSON files to Developers. But yes, we can cover the above mentioned scenarios too. Reference Videos:
    Install BodyMovin Plugin in Adobe After Effects

    Create an Animation in After Effects and render it using BodyMovin

    Create cool Animations in Android using Lottie

Login with Twitter or Google to leave a comment