【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 | ティブる！
TOP デザイン 【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 アニメーションを作る できる事・できない事 さあ後は作るだけだろう！といきたいのですが、Lottieには出来ないことがあります。 サポートされているAfterEffectsの機能 特に厄介なのはillustratorのAiファイルが、そのままだとLottieで読み込めない事です。 なので一度AfterEffects内でシェイプにする必要があります。 AiデータをAfter Effects上でシェイプに変換する まずはシェイプにしたい部分をillustrator上でレイヤーに分けます。 （レイヤー名はちゃんとつけた方が良いですが見逃してください…） レイヤーを分けた
Lottieで作ったアニメーションをWebサイトで実装（レスポンシブ対応） | ティブる！
Lottieでjsonファイルとして書き出されたアニメーションをWebサイトで表示させてみたいと思います。 https://airbnb.design/lottie/ After Effectsでjson形式で書き出すまでの記事やスマホアプリに組み込む記事はちらほらあったのですが、webで表示させるための手順はあまりなかったので実際にWebページで実装してみたいと思います。 といっても、もうできあがっているアニメーションを表示させるだけなので難しいことはありませんでした。 After Effectsでjson形式で書き出すまではこちらの記事をご覧ください。 【After Effectsで手軽にWeb用アニメーション】Lottieを使えるようにするまで – インストール編 【After Effectsで手軽にWebアニメーション】Lottieを使えるようにするまで – 制作編 ファイルを用意
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
