【めちゃ使う】一文字ずつ現れるテキストアニメーションの作り方 | AfterEffectsチュートリアル動画

2023年9月27日

チャンネル登録お願いします！
https://www.youtube.com/@animers412?sub_confirmation=1

アニメーション動画でよく見かける、一文字ずつ現れる、
基本のテキストアニメーションの作り方を3つご紹介します！

このテキストアニメーションはテンプレートとして使える、
プリセット保存が可能な作り方です。

■プリセット保存方法■

■テキストアニメーションプリセットの使い方■
【導入方法】
●Windows
Program FilesAdobeAdobe After Effects 20〇〇Support FilesPresets
●Mac
ApplicationsAdobe After Effects 20〇〇Presets
※〇〇にはCCの年数字です。

▶Chapter
00:00 テキストアニメーション一覧
00:12 横回転
03:31 左上からフェード
05:50 下から上へ

■テキストアニメーションの説明と応用■
❶横回転
テキストが左に傾いて登場し、右に傾いて消失する
かわいい系のテキストアニメーションです。
動く範囲が狭いため、テロップ向けのアニメーションで、
汎用性が高いです。
回転の軸を変更したい場合、詳細オプションの
アンカーポイント、Y軸側を変更することで、
回転軸を手軽に変更できます。
❷左上からフェード
テキストが左上からフェードで現れ、右下へフェードして
消失するおしゃれでかっこいいテキストアニメーションです。
テロップ向けではありますが、左上からフェードで現れ、
かつ、比較的ゆったりとした印象を与えるため、
スローテンポ系動画との相性がよいです。
アニメーター1、2の位置を変更すれば、
お好みの角度から登場、消失させられます。
❸下から上へ
下から上へゆっくりと登場し、上へ消失する
おしゃれなテキストアニメーションです。
こちらは縦書き文字用のアニメーションで、
文字PVやリリック系などの歌詞動画に使えます。

■テキストアニメーションのレシピ■
＜横回転＞
①アンカーポイントの配置を中心に
②アニメーター回転＆不透明度追加
③アニメーター1調整
・オフセット　：0fで-100%ON
・1秒オフセット：100%
・シェイプ　　：上へ傾斜
・イーズ(低く) ：100%
・回転　　　　：90°
・不透明度　　：0%
④アニメーター1複製
⑤アニメーター2調整
・オフセット：3秒へ移動
・シェイプ　：下へ傾斜
・回転　　　：-90°

＜左から上へフェード＞
①アニメーター位置＆不透明度追加
②アニメーター1調整
・位置　　　　：-100,-100
・不透明度　　：0%
・オフセット　：0fで-100%ON
・1秒オフセット：100%
・シェイプ　　：上へ傾斜
・イーズ(低く) ：100%
③アニメーター1複製
④アニメーター2調整
・オフセット：3秒へ移動
・シェイプ　：下へ傾斜
・位置　　　：100,100

＜下から上へ＞
①縦書き文字ツールに切り替え
②段落形式：上揃え
④アニメーター位置＆不透明度追加
⑤アニメーター1調整
・位置(Y)：300px
・不透明度：0%
・0fオフセット：-100%
・2秒オフセット：100%
・シェイプ：上へ傾斜
・イーズ(低く)：100%
⑥アニメーター1複製
⑦アニメーター2調整
・位置＆不透明度：削除
・字送り追加
・トラッキングの量：80
・キーフレーム頭：0%
・キーフレーム後：4秒へ
・基準　　　　　：単語
・イーズ(低く)：50%
⑧アニメーター1複製
⑨アニメーター3調整
・シェイプ：下へ傾斜
・オフセットKf：6秒へ移動

■他のチュートリアルはこちら！
【AfterEffects】おしゃれなテキストアニメーション3選【アフターエフェクトチュートリアル】
https://youtu.be/KfaCHE411go
【AfterEffects】かわいいが作れるテキストアニメーション3選
https://youtu.be/vkKbXQBZHiw
【動画師愛用】AfterEffectsかわいいテキストアニメーションの作り方 | AfterEffects チュートリアル動画