Categories: After Effects

標準エフェクト「線」で作る手書き風テキストアニメーション

テキストレイヤーを作成

テキストレイヤーを作成します。

ペンツールで文字をなぞる

テキストレイヤーを選択した状態で、ペンツールですべての文字をなぞります。

多少ずれても大丈夫ですが、なるべく文字のラインの中心を意識してなぞります。

エフェクト「線」を適用

テキストレイヤーにエフェクト「描画」から「線」を適用します。

パラメータを調整します。

  • 「すべてのマスク」のチェックをONにします。
  • 「終了」: 0.0
  • 「ペイントスタイル」を「元のイメージを表示」に設定します。

次に、【0秒】のところで「終了」にキーフレームを打ちます。

続いて、【2秒】のところで「終了」を「100%」にしてキーフレームを打ちます。

すると、このようなアニメーションになります。

元の線の太さになるように、パラメータを調整します。

  • 「ブラシのサイズ」: 25.0
  • 「ブラシの硬さ」: 50%

「ブラシのサイズ」は、お使いのフォントや文字の太さに合わせて調整してください。

今回の例では、文字に太いところと細いところがあるフォントを使用しているので、「ブラシのサイズ」を若干太めにして、「ブラシの硬さ」を50%にすることにより少しエッジをぼかします。

完成

するとこのような文字が書かれて現れるテキストアニメーションが出来ました。

よっしー

2018年7月に起業、株式会社RIoT Products代表。 3DCG、映像等デザイン全般事業、WEB サービス、システム開発事業を軸にメディアサイト運営、「ポートフォリオを持ち運ぼう」をコンセプトにした自社SNSサービスを新規開発中。本格開発に向けCTO、エンジニア、デザイナー絶賛募集中!仕事、求人ともに連絡求む!