テキストアニメーターを使ったプロシージャルアニメーションを簡単に

あなたは、After EffectsのTextanimatorエンジンを全く新しい方法で利用する準備ができていますか？このガイドでは、多くのオブジェクトを創造的かつ効率的に手続き的にアニメーション化する方法を示します。これらのテクニックを使うことで、テキストやアイコンを遊び心たっぷりに演出し、あなたの アニメーション をより生き生きとさせることができます。さあ、早速始めて、Textanimatorエンジンの潜在能力を引き出しましょう。

主なポイント

• After EffectsのTextanimatorエンジンを使用すると、テキストだけでなく、アイコンやグラフィックも効果的にアニメーション化できます。
• アイコンはSVGファイルから作成し、その後フォントとしてインポートできます。
• アイコンをAfter Effects内で円に配置し、アニメーション化する方法を学びます。

ステップバイステップガイド

Textanimatorエンジンを理解する

After Effectsで既存のプロジェクトを開いて始めます。アニメーション効果を作成するためにTextanimatorエンジンに焦点を当てることができます。このエンジンが提供するさまざまな方法を探り、既存のテキストを編集する準備をしましょう。

ベースラインシフトを調整する

アニメーション化したいテキストを選択し、フォントのベースラインを正しく配置することに注意します。ここでは、ベースラインシフトのパラメータを利用してテキストの表示を最適化します。これらの値で実験して、均一な外観を得るようにしましょう。

アイコンを選択してインポートする

このアニメーションにはアイコンが必要です。アイコ/generatorを使用してSVGファイルをフォントに変換します。私はTelloアイコンフォントジェネレーターをお勧めします。そこで、希望のアイコンを見つけるか、独自のSVGファイルをアップロードして生成できます。このステップは慎重に行う必要があります。なぜなら、後でアイコンがアニメーションで中心的な役割を果たすからです。

フォントのインストール

アイコンをフォントとして生成した後、.ttfファイルをダウンロードし、コンピュータにインストールします。これには、オペレーティングシステムの設定にアクセスし、フォントをインストールする必要があります。これらのステップは重要です。なぜなら、アイコンがAfter Effectsで正しく表示されることを確保するからです。

テキストツールを使用する

さて、After Effectsを開き、テキストツールを有効にします。インストールしたフォントを追加し、アイコンの対応する文字を入力します。アイコンは小文字で設計されているため、小文字を使用するように注意しましょう。

アイコンをフォーマットする

フォーマットオプションを使用してアイコンを調整します。望ましいストロークや塗りを選択して、アイコンが最適に見えるようにします。外観と色で実験して、視覚的な結果に満足するまで調整しましょう。

円に配置する

アイコンを円に配置するために、Shiftキーを押しながら楕円を作成して、完璧な形を得ます。その後、楕円を中央に配置し、アイコンがこの中心の周りに均等にグループ化されるようにします。

テキストビデオオプションを調整する

テキストビデオオプションを有効にして、アイコンが楕円の内側で正しく表示されるようにします。アイコンの間にハーモニックな間隔を持たせるために、最初と最後のマージンの設定を調整することに注意してください。

アイコンの整列

アイコンが円に配置されたら、垂直整列を無効にして、アイコンを水平に配置できます。これにより、しばしばより美しく見え、視覚的な認識が容易になります。

アニメーションを準備する

最後に、アイコンをアニメーション化する準備が整いました。これは次のチュートリアルで扱われ、すでに配置されたアイコンに動きとダイナミクスを加える方法を学びます。

まとめ - アニメーションを簡単に：Textanimatorenの新しい使い方

このガイドでは、After EffectsのTextanimatorエンジンを使用して、創造的にテキストとアイコンをアニメーション化する方法を学びました。手順は、アイコンの選択とインストールから始まり、配置、アニメーションの準備に至ります。これらの基本的なテクニックを使用することで、印象的なアニメーションを作成し、観客に感動を与えることができるでしょう。