FEATURES

Lottieとは

jsonベースのsvgアニメーション

Lottie（公式サイト：https://airbnb.design/lottie/）とは、Airbnbが開発しているAndroid、iOS、Web、Windows用アニメーションライブラリです。
このサイトのヒーローイメージ・デモは、Lottieでアニメーションをレンダリングしています。

AdobeのIllustratorとAfter Effects、After Effectsの拡張機能のBodymovinを利用します。svgアニメーションなので、動画のmovファイルやgifアニメーションに比べ、ファイルサイズが軽量で、拡大縮小も自由自在です。

• Adobe Illustratorでaiファイルを作成
• Adobe After Effectsでアニメーションを作成
• アニメーションをjsonファイルで書き出す
• jsonファイルを実装（HTML、CSS、JavaScriptなど）