DTPやってみる!

(66) 【Ae】 一文字ずつ順に表示する。

6,156 views

この記事は最終更新から 2328日 が経過しています。

1. やりたいこと

Adobe AfterEffect上で
テキストを一文字ずつ表示するアニメーション
を作りたい。

2. やってみる

1) 文字ツールでテキストを入力する。

2) 「アニメーター」-「不透明度」メニューを選択する。

3) アニメーション開始位置に「不透明度=0%」を設定する。
・タイムライン上のマーカーをアニメーション開始地点に移動する。(図ではタイムラインの左端に設定)
・「範囲セレクター」を開く。
・「開始」の左の時計アイコンをクリックする。

4) アニメーション終了位置に「不透明度=100%」を設定する。
・タイムライン上のマーカーをアニメーション終了地点に移動する。(図では 1秒の地点)
・「開始」の左の●アイコン(現時間でキーフレームを加える)をクリックする。
・「開始」の右の透過度を 100%に設定する。

5) 最後に「不透明度」を 0%に設定する。

できた!
https://www.dogrow.net/dtp/sample/0066/blog66.mp4


アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2025-10-19: 0回
  • 2025-10-18: 2回
  • 2025-10-17: 4回
  • 2025-10-16: 0回
  • 2025-10-15: 0回
  • 2025-10-14: 1回
  • 2025-10-13: 1回
  • モバイルバージョンを終了