エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
SVGアニメーションをAfterEffectsで作ろう!|ケーワンプラス|ケーワン・エンタープライズStaffブログ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
SVGアニメーションをAfterEffectsで作ろう!|ケーワンプラス|ケーワン・エンタープライズStaffブログ
みなさんこんにちは!編集部です。 寒くなってきましたが、しっかり保湿していますか? 今回はAdobe Aft... みなさんこんにちは!編集部です。 寒くなってきましたが、しっかり保湿していますか? 今回はAdobe AfterEffects(以下Ae)を使用してSVGアニメーションを制作する方法をご紹介したいと思います。 Bodymovinをインストールする まずAeのプラグインBodymovinをAdobeストアからDLします。 DLできない場合はLottieのGITHUBからもDLできます。 動かしたいベクターをAi形式で保存する SVGはベクターデータに動きをプラスしていくのでpngやJpgなどは使えません。 動かしたい画像は事前にベクターデータを用意しておきましょう。 ベクターデータをAdobe Illustrator(以下Ai)で開き、新規HDTVにペーストして保存します。 通常のアートボードでも問題ないと思いますがAe用のAiデータはこっちの方がいいって偉い人が言ってたのでわたしはこの形式