記事内に広告を含みます

【After Effects】アフターエフェクツで文字を徐々に出現させる方法【Adobe】

アフターエフェクツで文字を徐々に出現させる方法

 

文字を徐々に出現させたいカメ

アフターエフェクツで文字を徐々に出現させたいな

AdobeのAfter Effectsのアニメーターで簡単にできるよ♪

学び続けるウサギ

文字を徐々に出現させたいカメ

少しずつ文字を表示させたかったんだ〜♫

教えてよ〜♪

「After Effectsで文字を徐々に出現させたい

と思われる方に役立つ記事になります。

今回はAdobeAfter Effects(アフターエフェクツ)で文字(テキスト)を徐々に出現させる方法についてご紹介していきたいと思います。

After Effects(アフターエフェクツ)で文字を徐々に出現させる方法

文字を徐々に出現させる手順
  1. タイムラインのテキストレイヤーの右側の方にあるアニメーターの▶︎をクリック
  2. 不透明度(T)をクリック
  3. アニメーター1→範囲セレクター1の下に表示される不透明度を0%にする
  4. 範囲セレクター1を展開し、開始のストップウォッチをクリックして(0%)、終了点を決めて100%に設定

面倒な設定をしなくてもテンポ良く文字が一文字ずつ動かせるのが便利ですね。

コツとしては、範囲セレクター1のストップウォッチの終了は動かさなくて開始だけで設定することです。不透明度のストップウォッチではないです

ややこしいですがこれで動きます。

テキストツール(文字ツール)で文字を描く

アフターエフェクツで文字を徐々に出現させる方法1

まずはテキストツールを選択します。

今回は縦書き文字ツール(Cmd+ T)を使っていきたいと思います。

アフターエフェクツで文字を徐々に出現させる方法2

タイムラインに空白のテキストレイヤーが追加されました。

アフターエフェクツで文字を徐々に出現させる方法3

文字パネルから文字や色などをそれぞれ調整していきます。

アニメーターの不透明度を設定する

アフターエフェクツで文字を徐々に出現させる方法4

文字を書くとテキストレイヤーにも文字が反映されていますね。

アフターエフェクツで文字を徐々に出現させる方法4

テキストレイヤーのマークをクリックしてレイヤーオプションを開きます。

アフターエフェクツで文字を徐々に出現させる方法5

レイヤーオプションを開けたらテキストレイヤーのアニメーターの▶︎ボタンをクリックします。

アフターエフェクツで文字を徐々に出現させる方法6

不透明度を選択してクリックします。

アフターエフェクツで文字を徐々に出現させる方法7

アニメーター1の範囲セレクター1の下に不透明度が追加されましたね。

アフターエフェクツで文字を徐々に出現させる方法8

100%になっている不透明度を0%にして文字を透明の状態にします。

中央のコンポジションパネルに反映され文字が消えたのが確認できましたね。

範囲セレクター1の開始を設定する

アフターエフェクツで文字を徐々に出現させる方法9

次に上にある範囲セレクター1を開き、開始を0%のままでストップウォッチをクリックします。

アフターエフェクツで文字を徐々に出現させる方法10

タイムラインで終点(今回は5秒の箇所を終点)を決めて開始を0%から100%に変更します。

アフターエフェクツで文字を徐々に出現させる方法11

設定が完了したので再生してみると文字が徐々に出現するようになりましたね。

ちなみに文字自体を変えても適用されるのが便利です。

文字の順序をランダム化させて表示させる方法

アフターエフェクツで文字を徐々に出現させる方法12

範囲セレクター1の高度から順序をランダム化オンにするとランダムで文字が出現して表示されるので面白いですね。

ランダムシード

ランダムシードで時間設定してもカッコよくなるのでオススメです。

まとめ:アドビのアフターエフェクツで文字を徐々に出現させてみよう!

今回はAdobeAfter Effects(アフターエフェクツ)で文字を徐々に出現させる方法についてご紹介してきました。

アドビのアフターエフェクツを使うとテキストアニメーションで文字を徐々に出現させることが簡単にできるので楽しいですね。

少しでも参考になれば幸いです。 Adobe CCを安く使う方法 Adobe CCコンプリートプランを安く・お得に使う方法【Creative Cloud】

\ 編集用にオススメのSSD /

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です