REC

動画撮影・制作・編集、機材メンテナンスのヒント

 WTVID >> ビデオ制作ガイド >  >> ビデオ編集 >> ビデオ編集ソフトウェア

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

溶けたインクや水が動いているように見える、滑らかで流れるテキスト アニメーションを見たことがあるでしょうか?これが、現在モーション グラフィックスで最もトレンディなスタイルの 1 つである After Effects リキッド テキストの魔法です。タイトルやロゴの表示をよりダイナミックで流動的にするためによく使用されます。

ただし、After Effects でリキッド テキスト アニメーションを最初から作成するのには時間がかかる場合があります。マスクの調整から歪みのアニメーション化まで、完璧な波及効果を実現するまでには多くの手順が必要です。

だからこそ、このAfter Effects リキッド テキスト チュートリアルは エフェクトの仕組みを詳しく説明します。また、 最高のリキッド テキスト After Effects テンプレートも共有しています。 (無料および有料) を使用すると、これらの流体アニメーションをより速く作成できます。始めましょう!

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

パート 1. 内訳:After Effects でリキッド テキスト アニメーションを作成する方法

After Effects のリキッドテキストエフェクトを使用すると、文字が溶けたインク、滴る絵の具、または流れる水のように見えます。単純なフェードやスライドの代わりに、テキストが曲がり、波打ち、変形します。標準的なテキスト アニメーションと比較して、より有機的に感じられます。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

このスタイルの人気の理由は、スムーズで自然な流れです。文字はただ現れるだけではありません。まるで生きている表面の一部であるかのように動きます。以下の場合に適しています。

  • クリエイティブな表現が必要なブランド ロゴ
  • モーション主導のデザインを使用したミュージック ビデオまたは歌詞ビジュアル
  • 短編映画や広告のタイトル シーケンス

After Effects でリキッドテキストアニメーションを作成するには、さまざまなディストーションツールを組み合わせます。最も一般的なものは次のとおりです。

  • 乱流の変位 :滑らかな波や波紋を追加して、テキストを滑らかに見せます。
  • 液化 :テキストの表面を押したり、引いたり、伸ばしたりして、滴りや溶けるエッジを形成できます。
  • ディスプレイスメント マップ :別のレイヤーを使用してテキストを変形させ、動きを追加します。
After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

キーフレームを使用して各エフェクトを制御し、時間の経過とともに動きの強さや柔らかさを調整します。プロジェクトによっては、複数のレイヤーを組み合わせて波や水滴をシミュレートし、動きと不透明度をブレンドして奥行きを増す必要がある場合があります。

これらのツールは柔軟性に優れていますが、あらゆる歪みとタイミングのバランスをとるには忍耐が必要です。ワークフローを高速化するには、リキッド テキスト After Effects テンプレートの無料および有料オプションを使用できます。必要な設定がすでに含まれているため、セットアップをスキップしてすぐにカスタマイズを開始できます。

パート 2. より迅速な結果:最高の After Effects リキッド テキスト テンプレート [無料および有料]

Motion Array や Envato Elements などのサードパーティ サイトでは、豊富なテンプレート オプションを見つけることができます。ほとんどのツールには無料とプレミアムの両方のオプションが含まれていますが、一部のクリエイターは YouTube で無料のプロジェクト ファイルを共有しています。

ここでは、試してみる価値のある After Effects の最高のリキッド テキスト エフェクトをいくつか紹介します。

1. BaseStudio によるリキッド シェイプ タイトル – モーション アレイ

このテンプレートには、アニメーション化されたテキストとスムーズに融合する、明るく滑らかなスタイルのタイトルが含まれています。リキッド モーション デザインは、オープナー、プロモーション、ソーシャル ビデオ、プレゼンテーションに適しています。 4K 出力をサポートし、プラグインなしで動作します。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

2.スライスされたパンによる詳細なタイトル – モーション アレイ

この After Effects リキッド テキスト パックは、全画面または下 3 分の 1 で使用できるようにカスタマイズできる、鮮やかなリキッド スタイルのタイトルを提供します。 4 つのカラー テーマから選択し、モジュラー アニメーションを組み合わせ、プリセット テクスチャを追加して、無数のタイトル バリエーションを作成します。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

3. FXBox によるリキッド タイトル – モーション アレイ

After Effects 用のこの液体テキスト アニメーションには、色を調整できる 10 個のプリセット アニメーションが用意されています。子供向けのビデオ、遊び心のあるローワー サード、または明るいモーション エフェクトが必要なプロジェクトに適しています。プラグインは必要ありません。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

4. Pitstud_motion による液体の溶けるテキスト効果 – Envato Elements

After Effects 用のこの液体テキストエフェクトを使用して、溶けるテキストアニメーションを作成します。映画、ポスター、ソーシャル メディア、音楽プロジェクトのタイトル、ロゴ、ビジュアルに適しており、すべて簡単にカスタマイズできます。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

5. Dots_design による渦巻き状の液体テキスト アニメーション – Envato Elements

After Effects 用の渦巻き状の液体テキスト アニメーションを使用して、タイトルにスムーズな動きを追加します。流れるようなトランジションとモダンなデザインが融合しており、ミュージック ビデオ、ファッション編集、クリエイティブなソーシャル メディア ビジュアルに最適です。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

これらのリキッド テキスト After Effects テンプレートの無料および有料オプションを使用すると、最初から開始しなくても、滑らかなモーションを実現できます。次のパートでは、After Effects 内でそれらを開いて編集し、独自のバージョンをレンダリングする方法を段階的に学習します。

パート 3. ステップバイステップ:After Effects でテンプレートを使用して滑らかなテキストを作成する方法

After Effects でリキッドテキストアニメーションを作成する際のプロセスを短縮するには、事前に作成されたテンプレートを使用します。これらには、必要な要素とキーフレームがすでに含まれています。テキストをカスタマイズするだけです。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

After Effects でリキッド テキスト エフェクトを作成するためのテンプレートの使用を開始するには、次の手順に従ってください。

ステップ 1

リキッドテキストテンプレートをダウンロード

  • Motion Array、Envato Elements、YouTube からリキッド テキストの After Effects テンプレートを無料または有料で選択します。
  • ダウンロードしたら、フォルダーを解凍し、後でアセットが失われないように、すべてのファイルをまとめて保管します。

ステップ 2

After Effects でテンプレートを開きます

  • After Effects を起動し、ダウンロードした .aep を開きます。 ファイル。
  • 3 つのメイン フォルダが表示されます:Edit Me完成したビジュアル無視します。 .

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

ステップ 3

テキストレイヤーを編集する

  • 編集を開きます フォルダ。 テキスト 1 という名前のテキスト カンプが多数見つかります。 、テキスト 2テキスト 3
  • 任意のテキスト レイヤー (テキスト 2 など) をダブルクリックし、既存のテキストを独自のテキストに置き換えます。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

  • 文字からフォントを変更することもできます。 パネルで、デザインに合うものが見つかるまで試してください。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

ステップ 4

変更をプレビューする

  • テキスト カンプを編集したら、完成したビジュアルに戻ります。> レンダリング 構成。ここでは、新しいテキストが液体アニメーションでどのように見えるかを確認できます。
  • 「Edit Me」フォルダ内のテキストを変更すると、アニメーションが自動的に更新されます。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

ステップ 5

最終アニメーションをレンダリングする

  • すべてがうまくいったら、レンダリングを開きます。 再び作曲します。
  • ファイルに移動します> エクスポート> レンダーキューに追加 。保存場所を選択し、出力の名前を変更し、[レンダリング] をクリックします。 .

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

レンダリングする前に、編集したバージョンを新しいプロジェクト ファイルとして保存します。これにより、元のリキッド テキスト アニメーション After Effects プロジェクトを将来の編集や再利用に備えた状態に保つことができます。

パート 4. リキッド テキスト アニメーションに After Effects を使用するメリットとデメリット

After Effects でテンプレートを使用してリキッド テキスト アニメーションを作成すると、多くの編集作業を行わずにタイトルにスタイリッシュな外観を与えることができます。プロセス自体は単純ですが、浮き沈みもあります。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

長所

  • 最小限の手動セットアップで、プロ並みの高品質な液体モーションを実現できます。
  • テンプレートを使用すると、テキスト、色、アニメーションのタイミングを柔軟にカスタマイズできます。
  • 幅広いリキッド スタイルにより、さまざまな動画テーマに合わせることができます。
  • After Effects 内の他のエフェクトやコンポジションとシームレスに連携します。

短所

  • 複数のサイトを参照する必要があるため、適切なテンプレートを検索するには時間がかかる場合があります。
  • 高品質のオプションの多くには、有料のサブスクリプションまたはライセンスが必要です。
  • After Effects は、簡単な液体タイトル アニメーションのみを必要とするユーザーにとっては重く感じることがあります。
  • ソフトウェアは強力なハードウェアで最適に動作しますが、単純な編集作業が遅くなる可能性があります。

Filmora の代替案:液体テキスト アニメーションをより速く簡単に作成

多くのリソースにわたって After Effects リキッド テキストのテンプレートを検索すると速度が低下する場合は、Wondershare Filmora でビデオを作成してみてください。 Filmora には、ワークフローを高速化するためのアニメーション タイトルが多数組み込まれています。フォント、色、サイズ、間隔、長さを簡単に調整できます。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル 安全なダウンロード

ここでは、Filmora でリキッド テキスト アニメーションを作成する方法のステップバイステップ ガイドを示します。

ステップ 1

テキストプリセットを検索

  • タイトルに移動します タブをクリックし、検索バーを使用します。液体、波、液体、インクなどのキーワードを試して、流れる動きを模倣したアニメーション テキストを見つけてください。

ステップ 2

プリセットをタイムラインに追加

  • 選択したプリセットをタイムラインにドラッグします。フレーム内にはっきりと表示されるように、背景クリップまたはカラーレイヤーの上に配置します。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

  • タイムライン上のタイトル トラックをクリックして、画面の右側に編集パネルを開きます。
  • テキストに移動します> 基本 、サンプル テキスト、フォントを変更し、デザインに合わせて色を調整できます。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

ステップ 4

アニメーションを強化する

アニメーションにさらに深みを加えたい場合は、テキストを下にスクロールします。> 基本 パネル。次に、テキストの背景、輪郭、影などの設定を有効にします。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

ステップ 5

アニメーション速度を調整

  • タイトル トラックの端を短くまたは延長して、モーション速度を制御します。
  • テキストを使用することもできます。> アニメーション タブをクリックして動きと流動性を調整します。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

Filmora のテキスト アニメーション ツールについて詳しくは、このビデオをご覧ください。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル 安全なダウンロード

結論

After Effects のリキッド テキストを作成すると、タイトル、イントロ、またはロゴに滑らかで流れるようなスタイルを与えることができます。ディストーション ツールを使用してすべての波紋を最初から形成することも、既製のテンプレートを選択して時間を節約することもできます。

After Effects でリキッド テキスト アニメーションを使用すると、セットアップにかかる時間を節約できます。プロジェクトに合ったものを選択し、テキストを置き換え、色を調整し、アニメーションをレンダリングします。

さらに高速なオプションとして、Filmora で作成してみてください。サードパーティのサイトを検索することなく、同じ液体の動きを模倣する組み込みのテンプレートが提供されます。今すぐ試して、画面上でテキストがどれだけ簡単に流れるかを確認してください。

After Effects リキッドテキストアニメーション:テンプレートとチュートリアル

フィルムモーラ

AI ビデオ編集アプリとソフトウェア

すべてのクリエイターにとって、どこでもビデオを作成できる最高のツールです!

Filmora AI は、前処理から仕上げまで、ビデオ編集のすべてのステップを簡素化します。

よくある質問

  • Premiere Pro や Photoshop などの他の Adobe アプリでリキッド テキスト エフェクトを使用できますか?

    Premiere Pro や Photoshop で完全な液体モーションを直接作成することはできません。ただし、After Effects で作成したクリップをインポートすることはできます。まず After Effects でリキッド テキスト アニメーションをレンダリングし、それから Premiere Pro タイムラインにドロップするか、Photoshop でオーバーレイとして使用します。

  • 液体エフェクトをテキストだけでなく、図形やロゴにも適用できますか?

    はい。液化や乱流ディスプレイスなどの同じ歪みツールは、どのレイヤーでも機能します。同じワークフローをテキストからロゴやベクター シェイプに適用して、動きに合わせて溶けたり、曲がったり、流れるようにすることができます。

  • 滑らかな液体テキスト表示アニメーションの理想的な長さはどれくらいですか?

    ほとんどのクリエイターは 3 ~ 6 秒の間に設定しています。短い時間はイントロやロゴの公開に適しており、長い時間は完全なタイトルや音楽ビジュアルに適しています。

  • 背景が透明な液体テキスト アニメーションをエクスポートできますか?

    はい。 After Effects では、QuickTime 形式を使用し、出力モジュール設定で RGB + アルファを選択します。これにより、リキッド テキストが透明に保たれるため、他の編集ソフトウェアの背景の上にテキストを配置できます。


  1. 2026 年のベスト TikTok 代替案:AI を活用したビデオ作成

  2. Lightroom HSL パネル:カラーグレーディングの包括的なガイド (2024)

  3. Photoshopで写真を絵画のように見せるための方法

  4. 画像を読み、結果を複製する方法を学ぶための4つのステップ

  5. DaVinciResolve16での編集ページの変更の概要

  6. Adobe Lightroom レビュー:機能、長所、写真家向けの最良の代替品

  7. レビュー:LaCie DJICopilotBOSS外付けハードドライブ

  8. FlipaClip レビュー 2024:今でも最高のモバイル アニメーション アプリですか?

  1. ACDSee PhotoStudioUltimateで白黒変換を行う方法

  2. 画像の低コスト印刷およびフレーミングオプションの7つのアイデア

  3. 鳥の写真を撮る方法

  4. リバースレンズマクロ–「後方思考」でマクロ写真を作成する方法

  5. Figma と Canva:2025 年の包括的なデザイン ツールの比較

  6. PowerDirector Mod APK:セキュリティ上の脅威とウォーターマークを削除する安全な代替手段

  7. あなたの創造性を刺激する15のプロジェクトのアイデア

  8. 後処理用のGoogleのNikコレクションフィルタの概要

ビデオ編集ソフトウェア