Open8

Expo + Lottie を使うお話

izuchyizuchy

Lottie のアニメーションファイルを作るための方法

  1. Adobe のサイトから Bodymovin のプラグインを選択
    https://exchange.adobe.com/creativecloud.details.12557.html

  2. Creative Cloud上が立ち上がるのでプラグインをインストール

  3. After Effects を起動し、エクステンションに Bodymovin が追加されていることを確認

  4. Figma をインストールする
    https://www.figma.com/downloads/

  5. AUEX のプラグインをインストールする
    https://aeux.io/guide/download.html

  6. Figma を起動して、Plugin => Manage Plugin を選択し、+ ボタンから AUEX をインポートする

izuchyizuchy

BodyMovin で書き出し時にエラーになる

Could not export files
Is Preferences > Scripting & Expressions > Allow Scripts to Write Files and Access Network enabled?

Affer Effects の環境設定を開き矢印部分を有効にする

izuchyizuchy

AftterEffects 上のプレビュー表示と BodyMovin でエクスポートしたアニメーションと動きが異なる問題

izuchyizuchy

エクスポートされたものはブラウザ上でも確認可能