【After Effects】カッコいいテキストアニメーション『スクリプト』

アイキャッチ

今回は【After Effects】のGG分解というスクリプト機能を使って上の動画のようなかっこいいテキストアニメーションを作成していきたいと思います。

GG文字分解はテキストアニメーション制作に欠かせないと言っていいほどのスクリプトです。テキストアニメーションの自由度が格段に上がりますのでぜひマスターしてください!

1.GG分解ダウンロードの仕方

ダウンロードサイト

GG分解のスクリプトはこちらのサイトからダウンロードできますので、作成前にダウンロードしておいてください!

それではやっていきましょう!!

2.アニメーションの準備

新規コンポジション作成

新規コンポジション

まずは、新規コンポジションを作成します。コンポジション名は「カッコいいテキストアニメーション」としましょう。縦横比は1920×1080、デュレーションは5秒で設定します。

背景作成

blank

背景はグラデーションを適用した平面レイヤーを準備しましょう!

グラデーションを適用した平面レイヤーの作り方については前回の記事をご覧ください!

テキストアニメーションなどは背景にグラデーションをつけると高級感が出ますので積極的に使っていきましょう!

次にテキストを入力しましょう!

テキスト入力

テキスト入力

ペンツールに持ち替えて「テキストアニメーション」と入力していきしょう!

ここは分解したらカッコ良さそうな文字ならなんでもOKです。

フォントは定番のヒラギノ角ゴシックにします。ピクセルは140に設定しましょう!

テキスト入力が終わりましたら、整列で中央に文字を揃えます。

これで準備完了となります。それではいよいよGG分解スクリプトを使っていきましょう!

3.GG分解スクリプト

GG分解

先ほどサイトからダウンロードしていただいたと思いますので、上部メニューバーのファイルからスクリプト→スクリプトファイルを実行をクリックします。その後、ダウンロードしていただいたGG分解のスクリプトファイルをクリックします。そうすると、After Effects中にGG分解のスクリプトが表示されました。

GG分解スクリプト

左のTマークのボタンが適用する際に使う決定ボタンになります。

真ん中のボタンはテキストレイヤーをどうシェイプ化するかを選べるボタンになります。

右のボタンが作成したシェイプレイヤーをコンポジションにまとめるボタンになります。

それでは、真ん中のボタンの種類を順に説明していきます。

それぞれの機能

丸いマーク

GG分解1

これはテキストを1つのシェイプレイヤーに変更してくれます。丸いマークを選択し、左のTマークで決定します。するとテキストがシェイプレイヤーに変わります。これで文字の変形も自由自在です。


2つの楕円形マーク

GG分解2

これは改行ごとにシェイプレイヤーを作成してくれます。

テキストを2行に改行します。

先ほどと同じように2つの楕円形マークを選択し、左のTマークで決定します。すると改行ごとにシェイプレイヤーが作成されます。


楕円が横に2つ並んでるマーク

GG分解3

これは改行、スペースごとにシェイプレイヤーを作成してくれます。

テキストに改行、空白を入れてみてください。

先ほどと同じように決定ボタンを押します。すると改行、スペースごとにシェイプレイヤーが作成されます。


丸が4つ並んでるマーク

GG分解4

これは1文字ずつ事にシェイプレイヤーを作成してくれます。

テキストを最初の1列に戻してもらい、先ほどと同じように決定ボタンを押します。すると1文字ずつシェイプレイヤーが作成されます。

1文字だけ遅れてくるアニメーションだったり、1つ1つの文字にアニメーションが付けれるようになりますので、他とは被らない、オリジナリティの溢れるアニメーションが作れること間違いなしです!

私もよくアニメーションで広告動画を作成する際に、この機能はよく使っております。ぜひ皆様も活用してみてください!


丸に十字が入っているマーク

GG分解5

これは1番細かく分解してシェイプレイヤーを作ってくれます。先ほどのシェイプレイヤーを消して、決定ボタンを押します。するとテキストが細かくシェイプレイヤーに分解されます。上の動画でも分かるように一気に画面がシェイプレイヤーで埋め尽くされましたね!

GG分解スクリプトは大体理解できましたでしょうか?

今回は最後のシェイプを使ってテキストアニメーションを作っていきます。

4.カッコいいテキストアニメーションをつける

それでは最後にGG分解したテキストがバラバラから一気に集まるアニメーションを作成していきたいと思います。

GG分解スクリプトはもう使わないので、端っこに寄せておくか、バツ印で消しましょう!

キーフレームを打つ

位置調整

shiftキーで全てのシェイプレイヤーを選択し、ショートカットキーのpを押し、位置のプロパティパネルを開きます。タイムライン線を15フレーム後に動かしキーフレームを打ちます。0フレームに戻しそれぞれのシェイプレイヤーをお好みの位置においてキーフレームを打ちましょう!少し数が多いですが、カッコいいテキストアニメーションを作れると思って頑張っていきましょう!

グラフエディター

全てのキーフレームを打ち終えましたら、全てのキーフレームを選択してイージーイーズをかけましょう。その後、グラフエディターでアニメーションを調整していきます。今回は最初にスピードが速くなって徐々にスピードが遅くなるように調整していきましょう!

テキストアニメーション

再生して確認してみましょう!バラバラなテキストが中央に集まるカッコいいアニメーションができましたね!下の動画のような集まった瞬間色が変わるようにしてもかっこいいかもしれませんね!色々試してみて下さい!

白から黒へ

まとめ

いかがでしたでしょうか?

GG分解スクリプトを使ってカッコいいアニメーションができましたでしょうか?

スクリプトやプラグインは使い方を覚えると大変便利となっておりますので、ぜひ覚えてどんどん使っていってください!

今後もスクリプトやプラグインについての情報をお伝えできればと思いますので、ぜひ見ていただけたらと思います。

お疲れ様でした!

関連記事一覧

関連記事はありません。