文字を徐々に出現させたいカメ
学び続けるウサギ
文字を徐々に出現させたいカメ
教えてよ〜♪
と思われる方に役立つ記事になります。
今回はAdobeのAfter Effects(アフターエフェクツ)で文字(テキスト)を徐々に出現させる方法についてご紹介していきたいと思います。
目次
After Effects(アフターエフェクツ)で文字を徐々に出現させる方法
- タイムラインのテキストレイヤーの右側の方にあるアニメーターの▶︎をクリック
- 不透明度(T)をクリック
- アニメーター1→範囲セレクター1の下に表示される不透明度を0%にする
- 範囲セレクター1を展開し、開始のストップウォッチをクリックして(0%)、終了点を決めて100%に設定
面倒な設定をしなくてもテンポ良く文字が一文字ずつ動かせるのが便利ですね。
コツとしては、範囲セレクター1のストップウォッチの終了は動かさなくて開始だけで設定することです。(不透明度のストップウォッチではないです)
ややこしいですがこれで動きます。
テキストツール(文字ツール)で文字を描く
まずはテキストツールを選択します。
今回は縦書き文字ツール(Cmd+ T)を使っていきたいと思います。
タイムラインに空白のテキストレイヤーが追加されました。
文字パネルから文字や色などをそれぞれ調整していきます。
アニメーターの不透明度を設定する
文字を書くとテキストレイヤーにも文字が反映されていますね。
テキストレイヤーの>マークをクリックしてレイヤーオプションを開きます。
レイヤーオプションを開けたらテキストレイヤーのアニメーターの▶︎ボタンをクリックします。
不透明度を選択してクリックします。
アニメーター1の範囲セレクター1の下に不透明度が追加されましたね。
100%になっている不透明度を0%にして文字を透明の状態にします。
中央のコンポジションパネルに反映され文字が消えたのが確認できましたね。
範囲セレクター1の開始を設定する
次に上にある範囲セレクター1を開き、開始を0%のままでストップウォッチをクリックします。
タイムラインで終点(今回は5秒の箇所を終点)を決めて開始を0%から100%に変更します。
設定が完了したので再生してみると文字が徐々に出現するようになりましたね。
ちなみに文字自体を変えても適用されるのが便利です。
文字の順序をランダム化させて表示させる方法
範囲セレクター1の高度から順序をランダム化をオンにするとランダムで文字が出現して表示されるので面白いですね。
ランダムシード
ランダムシードで時間設定してもカッコよくなるのでオススメです。
まとめ:アドビのアフターエフェクツで文字を徐々に出現させてみよう!
今回はAdobeのAfter Effects(アフターエフェクツ)で文字を徐々に出現させる方法についてご紹介してきました。
アドビのアフターエフェクツを使うとテキストアニメーションで文字を徐々に出現させることが簡単にできるので楽しいですね。
少しでも参考になれば幸いです。 Adobe CCコンプリートプランを安く・お得に使う方法【Creative Cloud】