【After Effects】文字を書き順で手書きしたように表示させる方法

After Effectsでは、文字を書き順で表示させるアニメーションが作成可能です。

今回の記事では、動画のように文字を書き順で表示させる方法を紹介します。
初心者の方でも分かりやすいように、簡単に解説しておりますので興味のある方はぜひご覧ください。

下記のステップで作成していきます。

STEP.1
テキスト入力
STEP.2
ペンツールで書き順にパスを作成
STEP.3
エフェクトから線を追加
STEP.4
線の終了にキーフレームを追加

Step1.テキスト入力

テキスト入力

まずは、テキストを入力します。
文字の色やフォントは自由で構いません。


Step2.ペンツールで書き順にパスを作成

文字の上にパスを作成

次にペンツールを使って文字の上にパスを作成していきます。
塗りと線をなしに設定します。
テキストレイヤーを選択状態にして、作成していきましょう。


パスを分けて作成

コツとしては、曲がるときにパスを分けて作成することです。
後でアニメーションを追加するときに、自然な流れになります。


Step3.エフェクトから線を追加

線をクリック

全てのパスを作成したら、画面上部のメニューからエフェクト>描画>線をクリックします。


線が追加されていることを確認

テキストレイヤーのエフェクトの中に、線が追加されていることを確認しましょう。


エフェクトコントロールパネルを開いて編集

エフェクトコントロールパネルを開いて編集します。
「すべてのマスク」にチェックマークを入れて、ブラシサイズを拡大しましょう。
文字が見えなくなるまで拡大しましょう。


Step4.線の終了にキーフレームを追加

最後にキーフレームを追加して、アニメーションを作成します。

時計マークをクリック

レイヤーパネルで線を開きます。
終了の時計マークをクリックして、数値を0%にします。


キーフレームを追加

タイムラインインジケーターを、動画の後半部分に移動させてキーフレームを追加します。
そして、数値を100%にします。


元のイメージを表示

エフェクトコントロールパネルを開いて、ペイントスタイルを「元のイメージを表示」を選択します。


これで完成です。


クオリティを上げるテクニック

ここでは、作成したアニメーションのクオリティを上げるテクニックについて紹介します。

動きに緩急をつける

まずは、動きに緩急をつける方法について紹介します。

イージーイーズをクリック

キーフレームを右クリックして、キーフレーム補助>イージーイーズをクリックします。


曲線を調整

グラフエディターを開いて、曲線を調整しましょう。

イージーイーズの詳しい使い方は下記の記事で、詳しく紹介しておりますので興味のある方はぜひご覧ください。

After Effects(アフターエフェクト)のイージーイーズ|使い方や種類、調整方法

文字が出てくる先端をぼかす

CC Force Motion Blur

エフェクトから時間>CC Force Motion Blurを追加すると、文字が表示される先端をぼかすことができます。
細かくクオリティを上げたい人に最適です。

手書き風に加工する

最後に文字を手書き風に加工する方法について紹介します。

ラフエッジを選択

エフェクトからスタイライズ>ラフエッジを選択します。
縁や複雑度の項目を調整すると、文字が手書き風に擦れます。
エッジの種類を変更すれば、色々な表現が可能なのでぜひ試してみてください。


おまけ:パスのトリミングを使った作成方法

パスのトリミングを使えば、動画のように文字のアウトラインを一文字ずつ表示できます。
下記の記事で、詳しい作成方法を紹介しておりますので興味のある方はぜひご覧ください。

After Effects(アフターエフェクト)パスのトリミングとは?使い方を紹介

ただ副業してもダメ!?
動画編集だけに専念して収入も増やせる方法とは?

今回の記事を読んだ方は、動画編集者もしくは動画編集者見習いという人が多いのではありませんか。
今の会社や収入に不満があり、動画編集の副業をして収入を増やそうと考える人もいるでしょう。
しかし、実際に副業をしても

「クラウドソーシングで探しても倍率が高く採用されない…」
「案件を取るために自分で営業しても上手くいかない…」
「単発の案件ばかりで継続的に稼げない…」
「営業や事務作業などの無駄な時間が多い…」

という悩みを持ったことはありませんか。

副業やフリーランスの場合、営業や事務対応など全ての作業を自分で行なわないといけないため大変ですよね。
そんな時に、「案件を紹介してくれたり、仕事中のサポートをしてくれる人」がいたら副業も上手くいくと思いませんか。

今回紹介する「レバテッククリエイター」を使用すれば、未経験者でも動画編集だけに専念して収入UPが可能です。
レバテッククリエイター」はクリエイター向けの案件紹介サイトです。

特長的なのは自分に適した案件を紹介してくれるため動画編集に専念できる点と、キャリアプランや仕事の進め方、果ては次回プロジェクトについての相談が可能な点です。

それら全てのサービスを無料で使用できます。
そのため、動画編集に専念して収入を増やしたい人自分で営業したくない人は、ぜひ一度試してみてほしいサービスとなっております。

おすすめポイント
  • 営業の手間を省いて動画編集の作業だけで収入UPできる!
  • 無料のキャリア相談でより良い働き方を実現できる!
  • フリーランスでも継続して案件がもらえるので安心!

レバテッククリエイターは60秒で簡単に無料登録が可能です。
登録すれば、すぐに担当者がついてキャリアプランや案件について相談可能なので、ぜひお早めに登録してみてください。

60秒でレバテッククリエイターに無料登録

スマホの方はこちらからチェック!

レバテッククリエイターについてもっと詳しく知りたい方はこちら!

まとめ:パスの作成を丁寧に

パスを丁寧に作成すれば、綺麗なアニメーションが出来上がります。
ぜひ今回紹介した内容を参考にして、制作に役立ててください。

また、当サイトでは2020年からIllustratorやPremiere Proなど、Adobeソフト関連の使い方に関する記事を投稿しております。
画像加工や動画編集に関する情報や知識に興味のある方は、ぜひチェックしてみてください。