Applying for January classes? App/scholarship deadline extended through December 9th. Click here
Search Icon A magnifying glass icon.
Search Icon A magnifying glass icon.
Subject
Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Graphic Design Degree Courses
Discover Sessions Graphic Design Hub

Professional Certificates

Explore Graphic Design Career Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Web Design Degree Courses
Discover Sessions Web Design Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Web Design Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub

Professional Certificates

Explore Digital Media Career Courses

DEGREES

Next Start:
January 6, 2025
Explore Digital Media Degree Courses
Discover Sessions Digital Media Hub
You can deepen your software skills and keep up with the latest Adobe CC updates in our online Digital Arts courses.
Contact Admissions

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Digital Photography Degree Courses
Discover Sessions Digital Photography Hub

DEGREES

Next Start:
January 1, 2025
Explore Fine Arts Degree Courses

DEGREES

Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Illustration Degree Courses
Discover Sessions Illustration Hub

Professional Certificates

Next Start:
January 1, 2025
Explore Illustration Career Courses

DEGREES

Explore Advertising & Marketing Degree Courses
Discover Sessions Advertising & Marketing Hub

Professional Certificates

Explore Advertising and Marketing Career Courses

CERTIFICATES

Next Start:
January 1, 2025
Next Start:
January 1, 2025
Explore Sessions Career Courses
Professional Cert PLUS
Next Start:
January 1, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Next Start:
January 6, 2025
Explore Sessions Bachelor's Degrees
Next Start:
January 6, 2025
Next Start:
January 6, 2025

AirBnB’s Lottie Brings Animation to Apps

by Margaret Penney | September 4, 2017


AirBnB is already well-known for their smart user interface and graphic design. Now they lead the way again with Lottie, an open-source animation tool that makes creating motion graphic animations for Android, iOS, and React Native apps simple.

Lottie does this by rendering After FX animations in real-time and by allowing the apps to treat the animations like they would static images. Lottie takes data exported from After FX as JSON files from the open-source AE plugin Bodymovin. The extension has a Javascript player already bundled that makes it easy to create animations that are ready-made for playing on the web and in apps.

Animations for apps using Lottie are distinctly different than those previously seen with Flash or with any web-based motion graphic environment. It creates animations that are incredibly fluid, with no load time issues and no lag in frames (frame movements are fast and incredibly precise.)

Lottie is a work-in-progress and plans to add enhancements to the app over time, like more support for type, gradients, and images. AirBnB made Lotte open-source to ensure that it can constantly improve and reflect what people want. Lottie already has a robust community of designers and developers working on the tool.

Learn more about Lottie at https://airbnb.design/lottie/.

Download the BodyMovin plugin at GitHub https://github.com/bodymovin/bodymovin.

 

 

Margaret Penney is a former Managing Editor of Notes on Design. Margaret is a teacher, designer, writer and new media artist and founder of Hello Creative Co. Read more articles by Margaret.

 

For creatives seeking a thorough training in web coding and front end design, Sessions College offers accredited fully online web design certificate and web design degree programs. Contact Admissions for more information.

This blog is powered by Sessions College, the leading online school of visual arts.

©2024 Sessions College for Professional Design  All rights reserved

Terms & Conditions       Privacy Policy