文字を書き順通りに塗りつぶしていくアニメーションが必要になったので、After Effectsを使ってアニメーション(動画)を作成しました。After Effectsは、あまり使う機会がなく、たぶんすぐ使い方を忘れてしまうと思うので、今後のために作り方をブログに残しておきたいと思います。 「文字を書き順通りに塗りつぶす」と言っても、単なる(After Effects上の)テキストではなく、Illustrator で作成したレイヤーに、件のアニメーションを施すという作業になります。 After Effectsの基本的な部分も含め、AIデータの配置から動画のレンダリングまで細かく紹介していきます。 追記:これと同じアニメーションをSVGとJavaScriptで実装した場合の記事も書きました。 完成動画 まずは、完成した動画から。以下のようなアニメーションを作成します。再生ボタンをクリックでアニ
![[After Effects] 文字を書き順通りに徐々に表示させるアニメーションの作り方 | UNORTHODOX WORKBOOK | Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/c1c2e761c20f70f37427e734f6353f3196a5337e/height=288;version=1;width=512/https%3A%2F%2Ftheorthodoxworks.com%2Fwordpress%2Fwp-content%2Fuploads%2F2015%2F09%2Fcatch-line-effect.jpg)