【AE】After Effectsのテキスト入門｜打つ・飾る・動かす＋デコーダー風に出現させる

まず全体像｜テキストは「打つ・飾る・動かす」の3層

After Effectsのテキストまわりには多くの機能がありますが、最初からすべてを覚える必要はありません。

まずは「打つ」「飾る」「動かす」の3つに分けて考えるだけで、どの設定が何のためにあるのか見えやすくなります。

飾るときに最初に触る5項目（見た目4＋中身1）

サナ

設定する場所がたくさんあって、どこを触れば見た目が変わるのかわからなくなります……。

シン

最初から全部を触らなくて大丈夫ですよ。まずは見た目を整える4項目と、文字の内容を扱うソーステキストを押さえましょう。

この5つがわかると、文字まわりの基本はかなり整理できます。

見た目を整える4項目（文字パネル・段落パネルで調整）：

文字内容そのものを扱う1項目：

見た目の4項目は文字の飾り方、ソーステキストは文字の中身です。役割を分けて覚えておくと、設定で迷いにくくなります。

実際に文字を打って、整えて、動かしてみる

ここからは手を動かしていきます。

新規コンポジション（「コンポジション／新規コンポジション」）を1つ用意し、背景は無しのままで進めます。

サイズや尺は、まず初期値のままで試してOKです。

実践①｜文字を打つ

サナ

そもそも、After Effectsだとどこから文字を入力するのかしら？

シン

横書き文字ツールを選んで、コンポジションパネルをクリックすれば入力できます。

クリックした場所から文字が入り、テキストレイヤーが1つ作られます。

横書き文字ツールを選び、コンポジションパネルをクリックして文字を入力します。この時点では、文字が画面に出せれば大丈夫です。見た目は次のステップで整えます。

実践②｜整える（5項目を調整する）

文字を入力できたら、次は見た目を整えていきます。

フォントやサイズなどの設定は、主に文字パネルと段落パネルで行います。表示されていない場合は、「ウィンドウ」メニューから表示できます。

数値は、最初から正解を探そうとしなくて大丈夫なので、まずは初期値から少しずつ変えて、プレビューで見ながら調整していきましょう。

※項目名や表示位置は、After EffectsのバージョンやUI設定によって異なる場合があります。画面と見比べながら進めてください。

実践③｜動かす：文字のオフセットでデコーダー風に出現させる

サナ

文字がランダムな記号からカチャカチャと正しい文字に変わって出てくる演出みたことあるのですが、私にもできるでしょうか？

シン

テキストアニメーターの「文字のオフセット」を使えば再現できますよ。

文字コードをずらして、時間とともに本来の文字に戻ってくる仕組みです。

テキストアニメーターの「文字のオフセット」で、デコーダー風の出現を作る

ここからは、After Effectsらしい文字を動かす設定に入ります。

テキストには専用のテキストアニメーターがあり、1文字ずつ変化させたり、順番に出現させたりできます。今回は、文字がスクランブルされた状態から正しい文字へ戻っていく、デコーダー風の出現を作ってみます。

次に広げるなら：このデコーダー風の出現にSlide（スライドイン）を組み合わせると、文字が現れるだけでなく、位置の動きも加えられます。出現と移動を合わせると、より映像らしい見せ方になります。

よくある失敗とコツ

まとめ｜押さえる3つのポイント

次の一歩｜短い言葉で1つ作ってみよう

サナ

「打つ・飾る・動かす」で分けて考えると、ぐっと整理できました。短い単語でデコーダーフェードインを1つ作ってみます！

シン

いいですね。まずは短い文字数で試すと、動きの変化が見やすいですよ。

慣れてきたらSlideと組み合わせて、出現に動きを足してみましょう。