タグ: テキストアニメーション

テキストアニメーションといえば、文字が回転したり、文字の位置が変化するアニメーションがイメージしやすいかと思いますが、今回のテキストアニメーションは、なんと！？文字の一部が変化してアニメーションするというものです！

百聞は一件に如かず。ということで早速やっていきましょう。

まずはテキストを作るのですが、今回はテキストを文字としては扱いません。
アニメーションさせたいテキストは、この準備段階で、しっかりと整えておく必要があります。

テキストが決まったら、次にこのテキストレイヤーをシェイプに変換します。

今回は、テキストをシェイプとして扱います。
メニューバーのレイヤー＞クリエイト＞テキストからシェイプを作る(私の直訳で申し訳ありませんw)

そうすると、パスが作られたのですが、ここからはもう簡単。

今回は、「TAGASHIYA」のTの文字の左側が伸びて、文字がフェードインしてきてから、
再度、Tの文字の左側が伸びて、テキストがフェードアウトするアニメーションを作ります。

シェイプレイヤーを選択し、ペンツールを選ぶと、引き伸ばしたいポイントを選択します。
これで一旦伸ばしてみましょう。

どうでしょう？[T]の左側が見事にみょーんと伸びましたね！

これをキーフレームを打ち、動かしながらテキスト自体も位置を動かすと無事アニメーションの完成です。

まず始めに、シェイプレイヤーのポジションをキーフレームを打ち、画面外から中央に来るようにアニメーションをつけます。

次に、テキストの一部を伸ばします。
画面外から『T』の一部が伸びてきて、テキスト全てが中心に移動してくると同時に伸ばした部分が縮むようにアニメーションを加えます。

テキストアニメーションをタイトルに使うことが多い昨今ですが、かくいう私もよく利用します。
てなわけで今回はリリックビデオのOPに簡単なテキストアニメーションを追加しました。

今回は「テキストが砂のようになって消える」です。

もう色々な人がチュートリアルを出しているモーションなので細かいことは今回は省きますが、作り方なんかはいつか出す機会があれば！

使ったエフェクトは「CC Particle Systems II」と「Linear Wipe」のみです。

もうこれだけで簡単に出来そうな気がしてきましたね！