After effects 書き順通りに文字を出現させてみよう！

どーもこんにちは、デジタルサイネージ大好きTeam DISITです。

 

お盆は・・いや夏休みは、皆様いかが過ごされましたでしょうか？

年々気温が上がっています、、体調にはくれぐれもお気をつけください。

さて、今回はAfter effectsで文字を出現させる際、

ペンで書いているようにアニメーションさせる方法です！

 

世界中のどなたか一人にでもお役に立てれば幸いです！

ではさっそく作ってみましょう。

イラストレーターで、手書き風の文字を用意しましょう。

イラストレーターで作業する際に、

文字はひとつひとつレイヤーに分けておきましょう。

分けたほうが後々文字間のタイミングなど調整しやすいので。

そして読み込んだら、各文字をペンツールでなぞっていきましょう

DやTは2回に分けてなぞりましょう。

全ての文字が終わりましたら、

エフェクト→描画→線を選択します。

エフェクト「線」を当てたら、

エフェクトコントロールでまず、

「全てのマスク」チェックを入れましょう、

「カラー」を選択し、分かりやすく赤などに変更しましょう。

次に「ブラシのサイズ」を調整します。

文字がギリギリ隠れるぐらいに太くしましょう。

ここが書き順アニメの元になります。

他の文字も同じように設定します。

そして最後に「ペイントスタイル」を「元のイメージを表示」にしましょう、

この設定で元のイメージが出現してくるアニメーションになります。

ここから動きをつけます。

「線」エフェクトの「終了」部分に

0→100でキーフレームを打ちます。

キーフレームにF9（イーズー設定）は忘れずに。

全ての文字に同じように設定していきましょう。

タイミングは文字ごとに良い感じに調整してください。

完成。

いかがでしたか？

以外と簡単だったような気がしませんか？

もう少し細かい感じの漢字ですとか試してみても面白いかもしれませんね！

 

最後までご覧いただいた方ありがとうございました！

またお会いしましょう♪