![Cleo_firstview](https://yoshiyuki-takahashi.com/wp-content/uploads/2022/05/Cleo_firstview.png)
【実務】モーショングラフィックスデザイン
Cleo様のLPのイラストとインフォグラフィックスのモーショングラフィックスアニメーションを制作しました。
https://ozone.cleoinc.jp/
Xdのデザインカンプからモーショングラフィックスする部分をAfter effectsへ出力しシェイプアニメーションをしてJavascriptの「Lottie」で実装しております。
![](https://yoshiyuki-takahashi.com/wp-content/uploads/2022/05/Cleo_motiongrapihcs01.png)
![](https://yoshiyuki-takahashi.com/wp-content/uploads/2022/05/Cleo_motiongrapihcs02-1024x483.png)
![](https://yoshiyuki-takahashi.com/wp-content/uploads/2022/05/Cleo_motiongrapihcs03-1024x906.png)
![](https://yoshiyuki-takahashi.com/wp-content/uploads/2022/05/Cleo_motiongrapihcs04-1024x665.png)
カテゴリー
Cleo様のLPのイラストとインフォグラフィックスのモーショングラフィックスアニメーションを制作しました。
https://ozone.cleoinc.jp/
Xdのデザインカンプからモーショングラフィックスする部分をAfter effectsへ出力しシェイプアニメーションをしてJavascriptの「Lottie」で実装しております。