AfterEffects｜テキストアニメーションの作り方を解説

AfterEffects（AE）で「GG分解」スクリプトを使用するためには、まずこちらのサイトからダウンロードが必要です。このスクリプトは無料バージョンも提供されているため、初心者からプロまで利用しやすいです。

ダウンロードとインストールの手順

ステップ	説明
サイトにアクセス	GG分解スクリプトを提供しているサイト（aescripts.com）にアクセスし、ダウンロードページへ進みます。このサイトにはAfterEffects向けの無料およびプレミアのスクリプトが豊富に揃っており、2024年以降も多くのクリエイターに支持されています。
スクリプトの選択	無料バージョンまたはプロ仕様のプレミアオプションを選択し、必要なバージョンをダウンロードします。AfterEffectsや他の編集ソフト（aviutl、capcut、davinci resolve）でも同様の選択が可能です。
AfterEffectsへの追加	ダウンロードしたスクリプトをAfterEffects（AE）の「スクリプトファイルを実行」から追加します。操作手順はAEのユーザーマニュアルにも記載されているため、特に初めての方はガイドを確認することをおすすめします。

AfterEffectsの画面にスクリプトが表示されれば、インストールは成功です。これでGG分解スクリプトを使って、プロフェッショナルな動画編集が可能になります。

よく使われる機能とカスタマイズ

機能	説明
プリセット	AfterEffects内で使用できる多彩なプリセットを提供し、簡単にプロフェッショナルな映像表現が可能です。無料のものからプレミア専用まで様々なプリセットが利用できます。
テキストボックス編集	動画のテキストボックスに動きをつける機能を活用することで、AEで動的なテキストアニメーションが可能になります。
動きのエフェクト	AfterEffectsのエフェクト機能と組み合わせることで、テキストやオブジェクトの動きを簡単に追加・調整できます。特にテキストボックスを動かしたり、色の変化を加えたりすることが可能です。

AfterEffectsでのGG分解スクリプトを使用することで、テキストやエフェクトのカスタマイズが簡単になり、プロ仕様の映像を制作することが可能です。これらの機能を使いこなすことで、制作の幅が大きく広がるでしょう。

新規コンポジション作成

まずは、AfterEffects（AE）で新規コンポジションを作成します。ここでは「プロフェッショナルなテキストアニメーション」を作るための準備として、コンポジションのサイズやデュレーションを設定します。設定は以下の通りです。

設定項目	詳細
コンポジション名	カッコいいテキストアニメーション
解像度	1920×1080（フルHD）
フレームレート	30fps
デュレーション	5秒
背景色	黒

このコンポジション設定により、スムーズで高品質なアニメーション制作が可能になります。AfterEffectsのプリセットや無料のエフェクトも活用し、動きのあるダイナミックな映像を目指します。

背景作成

背景にはAfterEffectsのグラデーションエフェクトを適用した平面レイヤーを使用します。この背景は、動画のテキストボックスやプリセットに合わせた色合いにカスタマイズすることで、映像全体の印象を高めることができます。具体的な操作方法については、こちらの記事をご参照ください。

テキスト入力

AfterEffectsの「文字ツール」を使って、テキストを入力していきます。ここでは、フォントサイズ140pxの「ヒラギノ角ゴシック」を使用し、テキストを画面中央に配置します。この設定で、次のステップでGG分解を行う準備が整います。

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

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

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

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

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

それぞれの機能

丸いマーク

これはテキストを1つのシェイプレイヤーに変更してくれます。丸いマークを選択し、左のTマークで決定します。するとテキストがシェイプレイヤーに変わります。これで文字の変形も自由自在です。自分オリジナルの文字を作成したり、フォントだけでは自分の作成したい文字を表現できない時などに使えます。

---

2つの楕円形マーク

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

---

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

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

---

丸が4つ並んでるマーク

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

---

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

これは1番細かく分解してシェイプレイヤーを作ってくれます。先ほどのシェイプレイヤーを消して、決定ボタンを押します。するとテキストが細かくシェイプレイヤーに分解されます。

機能のまとめと活用方法

ボタンの種類	説明と活用方法
丸いマーク	テキスト全体を1つのオブジェクトとして扱い、全体の動きや配置調整に最適。プレミアムなプリセットと組み合わせることで、スムーズなシーン移動が可能です。
2つの楕円形マーク	改行ごとに分割し、行ごとの動きを強調する際に便利。例えば、タイトルや見出しテキストで異なる動きをつけて、動画の視認性を向上させることができます。
楕円が横に2つ 並んでいるマーク	改行やスペースごとに分割し、単語単位での動きを実現。会話や説明テキストでそれぞれの単語に異なるエフェクトをつけることで、視覚的なアクセントを加えられます。
丸が4つ 並んでいるマーク	文字ごとに分割し、文字単位でのアニメーションが可能。イントロやエンディングなど、インパクトのある演出に適しています。
丸に十字が 入っているマーク	最も細かく分割し、パーツごとに自由な動きを設定可能。複雑な構成を持つプロジェクトで高い表現力を発揮し、AfterEffectsの動的な編集が一層引き立ちます。

これらの操作ボタンを効果的に使うことで、AfterEffectsでの編集が一層効率的かつクリエイティブになります。特にプロフェッショナルな仕上がりを求める場合には、各ボタンの特徴を理解して活用することが重要です。

AfterEffectsの「GG分解」スクリプトを使用してテキストを分解したら、次はテキストにカッコいいアニメーションを追加します。ここでは、分解したテキストを集めたり、位置や色を変えることで、ダイナミックなアニメーションを作成します。

最初に、シェイプレイヤーごとにキーフレームを設定して動きをつけます。Shiftキーを押しながら全てのシェイプレイヤーを選択し、ショートカットキー「P」を押して位置のプロパティを表示します。タイムライン上で15フレーム後にキーフレームを設定し、その後0フレームに戻して各シェイプレイヤーの位置をお好みの位置に配置し、キーフレームを打ちます。

すべてのキーフレームを選択し、ショートカットキー「F9」を押して「イージーイーズ」を適用します。アニメーションの動きが滑らかになります。次に、グラフエディターを使って動きの速度を調整します。今回は、開始時にスピードが速く、徐々に遅くなるように設定し、ダイナミックな効果を強調します。

再生して確認してみましょう。バラバラになったテキストが中央に集まり、カッコいいアニメーションが完成しました。集まった瞬間にテキストの色が変わると、さらにインパクトのある効果が加わります。色の変化を設定するには、テキストが中央に集まったフレームでカラーを変更するキーフレームを打ちます。

テキストの色が集まった瞬間に変わるように設定したり、少しずつ色が変化するアニメーションを追加することもできます。一手間加えることで、よりプロフェッショナルな仕上がりになり、視覚的な印象が強まります。ぜひ色々なテクニックを試して、オリジナル性のある動画を作成してみてください。

手順	説明
キーフレーム設定	各シェイプレイヤーにキーフレームを打ち、動きを開始するポイントと終了するポイントを指定。位置調整や動きの基盤を形成する重要なステップです。
イージーイーズ	キーフレームの速度を滑らかに変化させるための設定。グラフエディターでスピードの変化を調整することで、より自然な動きが実現します。
色の変化	アニメーション中に色が変わるエフェクトを追加。視覚的なインパクトを高め、テキストが集まった瞬間の印象を強調します。
一手間のアレンジ	さらなる効果として、色の変化や位置の微調整を行い、アニメーションに個性を加える。視覚的な完成度を高めるためのクリエイティブな工夫です。

上記の手順を踏むことで、AfterEffectsにおいてカッコいいテキストアニメーションが完成します。スクリプトやプラグインを活用して、自分だけの表現を試してみてください。

After Effects（AE）は、動画編集やAnimation制作の分野で多くのクリエイターに愛用されているツールです。 特に「おしゃれ」なテキストAnimationを作成する際には、AEの豊富な機能と直感的な操作性が役立ちます。ここでは、AEを活用して洗練されたおしゃれなテキストAnimationを作る方法を解説します。

1. 新規コンポジションの作成: おしゃれなAnimationの第一歩として、新規コンポジションを設定します。解像度やフレームレートを調整して、最適なビジュアルを目指しましょう。
2. テキストレイヤーを追加: 「おしゃれ」を意識したフォントを選びます。細字のサンセリフ体やモダンなスクリプトフォントが特におすすめです。
3. アニメーションプリセットを適用: AEには多くのプリセットが用意されており、「Fade In+Out」や「Typewriter」を活用するだけでおしゃれな効果を手軽に追加できます。
4. キーフレームを使った細かな調整: キーフレームを用いて動きをカスタマイズします。文字がスムーズに現れたり、色がグラデーションで変化するなど、洗練された動きを演出できます。
5. エフェクトを追加: グロー効果やモーションブラーを加えることで、おしゃれな雰囲気をさらに強調できます。背景に合わせて色や光の強さを調整しましょう。

テクニック	おしゃれな仕上がりにするコツ
カラーパレット	落ち着いたトーンのカラーパレットを使用することで、全体的におしゃれで統一感のあるAnimationが作れます。
レイヤーマスク	文字をマスクで部分的に隠しながら動きを加えることで、おしゃれな出現エフェクトを作ることができます。
モーションブラー	動きにモーションブラーを加えることで、自然で洗練されたおしゃれな印象を演出します。
3Dテキスト	AEの3Dレイヤー機能を活用し、奥行きを感じさせるテキストAnimationでおしゃれ度をアップ。

After Effectsを使用することで、「おしゃれ」を意識したテキストAnimationを簡単に作成できます。フォント選びからエフェクトの調整まで、細部にこだわることで独自のスタイルを表現することが可能です。

他のツールと比較して、AEは自由度が非常に高いため、「おしゃれ」なデザインを追求するには最適な選択肢です。ぜひAEを使いこなし、洗練された映像表現を実現してください。

Final Cut Pro（ファイナルカットプロ）は、Macユーザーに人気のプロフェッショナル動画編集ソフトウェアです。直感的な操作性と豊富なエフェクトライブラリを活用して、洗練されたテキストAnimationを簡単に作成できます。 ここでは、Final Cut Proを使用したテキストAnimationの作成方法やポイントを解説します。

1. プロジェクトの準備: Final Cut Proを起動し、新しいプロジェクトを作成します。タイムラインに動画素材を追加し、テキストAnimationを適用するシーンを選択します。
2. テキストの追加: タイムライン上の対象の位置にカーソルを合わせ、「テキスト」ツールを選択します。テンプレートから目的に合ったスタイルを選び、文字を入力します。
3. アニメーションの設定: 「インスペクタ」を使って、テキストの位置、サイズ、透明度を調整します。続けて、エフェクトライブラリから「モーション」や「トランジション」を適用して、Animation効果を追加します。
4. キーフレームを使用した詳細調整: キーフレームを設定して、テキストの動きをカスタマイズします。例えば、文字が徐々に画面中央に拡大しながらフェードインするような効果を作れます。
5. カラーグレーディング: テキストに色の変化を付け加えることで、ビジュアルインパクトを高めることが可能です。グラデーションや色相を調整して、全体のトーンに統一感を持たせます。

エフェクト名	特徴と使用例
Typewriter	一文字ずつ文字が表示されるエフェクトで、ドキュメントやニュース風の演出に最適です。
Fade In/Out	テキストがゆっくりフェードイン・フェードアウトする効果で、滑らかな印象を与えます。
Motion Blur	動きにブラーを加えることで、ダイナミックな動きを演出します。タイトルシーンにおすすめです。
Bounce	テキストがバウンドするような動きで、ポップな雰囲気を作り出します。

Final Cut ProのテキストAnimationは、初心者からプロフェッショナルまで幅広いユーザーに対応可能です。キーフレームや豊富なテンプレートを活用することで、オリジナル性の高い映像表現を実現できます。

他の動画編集ツールと比較すると、Final Cut ProはApple製品との連携に優れており、パフォーマンスの高さが際立ちます。Final Cut Proを使いこなして、より魅力的なテキストAnimationを作成しましょう。

Davinci Resolve（ダヴィンチリゾルブ）は、プロフェッショナルな動画編集ソフトウェアとして、多機能なテキスト Animationの作成が可能です。 特に「一文字ずつ」表示させるエフェクトは、視覚的なインパクトを強調できます。ここでは、Resolveのテキスト機能を中心に、他の動画編集ツールとの違いも解説します。

ツール	機能の特徴
Davinci Resolve	ダヴィンチリゾルブは、テキストに一文字ずつAnimationをつけたり、色や位置を自由に調整する機能を備えています。映像の品質をさらに高めることが可能です。
Capcut	Capcut（キャップカット）は、初心者でも使いやすいインターフェイスが特徴で、特にSNS向けの短い動画編集に向いています。シンプルなテキスト Animationも簡単に作成可能です。
PowerDirector	PowerDirector（パワーディレクター）は、テキストやエフェクトのプリセットが豊富で、視覚効果を短時間で追加できます。特に「ホバー」効果などが簡単に適用可能です。
Filmora	Filmora（フィモーラ）は、多数のエフェクトと直感的な操作性があり、初心者でも簡単にテキストAnimationができます。ファイナルカットプロに似たインターフェースで人気です。
Unity	Unityはゲーム開発に使用されるツールですが、テキストの動きをプログラムでコントロールすることが可能で、特定のシーンにダイナミックなAnimationを適用できます。
OBS	OBSは、ライブ配信中にリアルタイムでテキストAnimationを適用することが可能です。パワーディレクターやDavinci Resolveの編集後のデータを組み合わせることもできます。
AviUtl	AviUtlは、無料で多機能な動画編集ができるツールで、特に字幕やテキストのカスタマイズが可能です。ShotcutやEDIUSといったソフトと併用するユーザーも多いです。
Figma	Figmaは、デザインツールですが、Animation効果を加えたUI要素やプロトタイプの作成が可能です。UE4やUnityで使用する素材を作る際にも便利です。

上記のツールを組み合わせて使用することで、クリエイティブな表現の幅がさらに広がります。 ダヴィンチリゾルブやPowerDirector、Capcutといったソフトを使い分けることで、さまざまなニーズに対応できるプロ顔負けの映像制作が可能になります。

このコラムでは、AfterEffects（AE）を使用したGG分解スクリプトによるカッコいいテキストAnimationの作成方法を解説しました。各手順を通じて、AEの多機能さやプロフェッショナルな表現の幅を広げるためのポイントを確認しました。以下に、重要なポイントを表でまとめましたので参考にしてください。

ポイント	詳細説明
スクリプトのダウンロード	AfterEffects用の「GG分解」スクリプトは、無料バージョンもあり、簡単にダウンロードして使用することができます。プレミアバージョンでは追加機能が利用できるため、プロのクリエイターにもおすすめです。
テキストボックス の分解と設定	AE内でテキストを1文字ずつ、または改行や空白ごとに分解することで、自由なAnimation表現が可能になります。テキストボックスを細かく設定することで、プロフェッショナルな映像が作成できます。
キーフレームと イージーイーズ	キーフレームとイージーイーズを使用して、動きのスムーズなAnimationを実現します。特に、AEのグラフエディターで速度を調整することで、より自然な動きが得られます。
カラーエフェクトの追加	色の変化やグラデーションを適用することで、視覚的なインパクトを強めることができます。AEには多彩なカラーオプションがあるため、プロジェクトのテーマに応じた表現が可能です。
プリセットの活用	AE内の無料およびプレミアプリセットを活用することで、編集効率が向上します。特に初心者はプリセットを使用することで簡単にプロフェッショナルな仕上がりを得ることができます。

今回の手順を通して、AEの「GG分解」スクリプトを使ったテキストAnimationの基本操作から応用までを学びました。AfterEffectsは、プロ仕様の映像を制作するための多機能なツールであり、使いこなすことでクリエイティブな表現が広がります。ぜひ、今回の知識を活かして独自のAnimationを作成してみてください。