【AfterEffects】おしゃれなテキストアニメーションの作り方その❸ | チュートリアル動画

2023年10月18日

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

おしゃれなテキストアニメーションを
3つご紹介します！

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

■プリセット保存方法■
【Win＆MAC対応!】Aftereffects プリセットの保存方法

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

▶Chapter
00:00 テキストアニメーション一覧
00:10 インパルス
04:18 上下スライド
07:33 下から横回転

■テキストアニメーションの説明と応用■
❶インパルス
テキストが瞬時に上下左右に移動し、画面中央で静止する
かっこいい要素も兼ね備えたテキストアニメーションです。
メッセージ性のある歌詞や、強調した文字に使用すると効果的です。
❷上下スライド
テキストが上下から交差して一文字ずつ登場する、
おしゃれなテキストアニメーションです。
よく見るパターンなので、MVでもよく使われています。
❸下から横軸回転
下から横に回転しながら一文字ずつ登場する、
おしゃれなテキストアニメーションです。
くるんと回転するアニメーションのため、
かわいい系のMV動画とも相性がよいです。

■テキストアニメーションのレシピ■
＜インパルス＞
❶テキストを中心に整列
❷トランスフォーム追加＆調整例
・0f位置/スケール：8,40/292
・1f　　　　　　:1504,920/136
・2f　　　　　　：524,540/361
・3f　　　　　　：1516,160/152
・4f　　　　　　：392,924/306
・5f　　　　　　：808,332/70
・6f　　　　　　：960,540/100

＜上下スライド＞
❶位置追加＆調整
・位置(Y)：100
・0fオフセット：-100%
・2秒fオフセット：100%
・シェイプ：上へ傾斜
・イーズ(低く)：100%
❷アニメーター1エクスプレッション
追加＆調整
・量：下記エクスプレッション追加
　if((textIndex%2)==0){

selectorValue;

}else{

-selectorValue;

}
❸1秒地点でテキストを囲むように
マスクを作成する。

＜下から横軸回転＞
❶アニメーターすべての
トランスフォームプロパティ追加
❷文字単位の3D化を使用を適用
❸アニメーター不透明度追加
❸アニメーター1調整
・位置(Y)：500px
・Y回転：-360°
・不透明度：0%
・0fオフセット：-100%
・1秒オフセット：100%
・シェイプ：上へ傾斜
：イーズ(低く)：100%

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