砂になって消えていくテキストアニメーション

テキストアニメーションといえば、跳ねたり消えたり出てきたり、無数にあるのですが、今回はその中でも比較的簡単だけど、汎用性とカスタマイズ性が高いテキストアニメーションの作り方を紹介します。

今回紹介するテキストアニメーションは、「CC Particle SystemsII」を使用した粒子になって消えていくアニメーションです。

①テキストを準備

テキストを準備したら、プリコンポーズして「Text Comp」としておきます。
そして、このコンポジションにエフェクト「リニアワイプ」を適用します。
角度を90にしてテキストが徐々に消えていくようにキーフレームを設定します。
細かい調整は後ほどします。

②粒子の作成

「Text Comp」を複製し、「Text Effect」としておきます。
リニアワイプを削除し、「CC Particle SystemsII」を適用します。
位置にキーフレームを打ち、左から右に移動するように設定します。

③粒子の色

粒子の色は②のコンポジションに「色合い」を適用し設定します。

④最終調整

テキストのリニアワイプの設定を、粒子の動きに合わせて調整すると、
粒子になって消えると同時に文字も消えていくアニメーションになります。

ちなみにこのアニメーションを逆再生すると、粒子が文字になるアニメーションになります。

テキストを反射させよう!

反射させたいテキストを準備します。
テキストレイヤーをプリコンポーズして[Text]とし、3Dレイヤーにチェックをいれます。

[Text]コンプを複製し、これを[ReflectText]としておきます。

[ReflectText]のスケールを変更します。
縦横固定のチェックを外し、yの値を-100にします。

これで逆さまになります。
さらに「ブラー(方向)」を適用し、垂直方向にブラーをかけます。

ここで一旦位置を調整します。

新規平面レイヤーを作成し、「フラクタルノイズ」を適用します。
縦横比のチェックを外し、横へ広げます。
プリコンポーズし[floor]と名前を変更し、非表示にしておきます。

新規調整レイヤーを作成し「ブラー(合成)」を適用し、レイヤーを[floor]にします。

テキストにも図形にも使える!アフターエフェクトで作るLEDサイン

今回は「LEDサイン」を作りたいと思います。よく店頭などで見かけるLEDサインですが、アフターエフェクトで簡単に作ることができます。
もちろんプラグインはなし、難しいこともしていませんので、サイバーパンクな雰囲気を出したい時や、お店の店頭に出す動画としても使うことが出来る優れものです!

LEDサインに使うテキストを書きます。
テキストにカラーリングを施します。
調整レイヤーをテキストレイヤーの上に配置し、調整レイヤーに4色グラデーションをかけます。
これを「TEXT」コンポジションとしておきます。

「TEXT」コンポジションにエフェクト「ベガス」を適用します。
チャンネルをアルファに設定。

線分数(Segments)>線分数(Segments)は1

レンダリング(Rendering)>幹の幅(Width)を8
終了点の不透明度を上げることで輪郭全てが囲まれた状態になります。

レンダリング>描画モードを「ステンシル」に変更します。

イメージの輪郭>レンダリングを「選択した輪郭」に変更します。
選択した輪郭の数値を変更することで、文字の一部が表示されます。
今回の「たがしや」というテキストの場合は数値「7」以降は何も表示されません。

選択した輪郭を「1」にして最初にキーフレームを打ち、1秒後に数値「7」にしてキーフレームを打ちます。
1秒間の間に輪郭が切り替わって表示されるアニメーションができます。

次にこのアニメーションをループするよう設定をします。
「選択した輪郭」を選択し、メニューバー>アニメーション>エクスプレッションの追加を選択します。
追加するエクスプレッションは「loopOut」です。

これで点滅のアニメーションが常に表示されることになります。
2秒後にテキストを表示させたいので、2秒のところでCarl+Shift+Dでコンポジションを分割し、
2秒後のコンポジションのエフェクト「ベガス」を削除します。

点滅をさらにランダムにしたい場合は、2秒までのコンポジションを複製し、キーフレームをずらすことで点滅がランダムで複雑になります。

次に反射している文字を作ります。
TEXTコンポジションを全てプリコンポーズします。
片方のコンポジションのスケールのチェーンを外し、yの値を−100にし、位置を調整します。

反転させたコンポジションにブラー(方向)を適用します

さらに「リニアワイプ」を適用し、パラメータを調整します。
これでより反射がリアルに表現できます。

最後にLED表現をします。
新規平面レイヤーを作成し、「CC Ball Action」を適用します。
パラメータを調整し、コンポジションのトラックマットアルファを選択します。
この時に「CC Ball Action」のパラメータを調整して、お好みのドットにしてください。

そして、平面レイヤーをコピーして、反射しているコンポジションにも同様に適用させます。

これらを全てプリコンポーズし、「LED」とします。
この「LED」にエフェクト「グロー」を適用し、さらにコンポジションを複製します。

複製したコンポジションに、「チョーク」を適用し、チョークマットを2くらいに設定します。
次に「塗り」を適用し、白色にします。

そして、グローエフェクトを一番下に持ってきます。
これで、白色で発色している光源を作ることができます。

最後に調整レイヤーを作り、1番上に配置します。
ここにエフェクト「グロー」を適用して、全体的に発色させます。

いかがでしたでしょうか?出てくるエフェクトも多くなく、基本的なアクションでこんなにオシャレなLEDサインが作れてしまうのです。
やらない手はないですよね?

今回はテキストで作りましたが、図形に組み合わせてアニメーションをつけることで、インパクトあるシェイプアニメーションを作ることもできますので、オープニング作成などにも大いに活躍してくれることでしょう!

水面に揺れるテキストの作り方

①ソリッドレイヤーにフラクタルノイズを適用
・パラメータ
フラクタルタイプ:ダイナミック
ノイズタイプ:リニア
コントラスト:120
ブライトネス:−7
スケール:130
オフセット

②エフェクト「トライトーン」を適用

③waterレイヤーをプリコンポーズ

⑤プリコンポーズしたものにエフェクト「CC grass」を適用

⑥テキストを入力
描画モードをAddにする
不透明度を60%くらいにする
テキストカラーを水っぽくする

⑦テキストにエフェクト「CC Vector Blur」を適用

⑧Waterレイヤーをコピーして貼り付け
エフェクト「Tritons」を削除
このレイヤーをプリコンポーズする
このレイヤーは非表示にします。

⑨テキストレイヤーにエフェクト「Displasement Map」を適用
ディスプレイストメントマップのレイヤーの対象を⑧で作成したレイヤーにします。

⑩テキストレイヤーにブラーを適用
ブラーの値を表示させたい時間に合わせて小さくしていくことでふわっとテキストが浮き上がってくるようにできます。
それに合わせてテキストレイヤーの不透明度も0から100にするとより自然に表示させることができます。