動態的なタイポグラフィを開始する最も簡単な方法はAdobe After Effectsです。これは、テキストの周りをスライドする最も簡単なプログラムであり、キーフレームを使用して簡単に行うことができます。 After Effectsには、カイネティックタイプをよりよく、よりダイナミックにしながら、同時に仕事を簡単にするツールが組み込まれています。
Adobe After Effectsでキネティックタイポグラフィを作成する
-
After Effectsを開いたら、新しいコンポジションを作成します。開始するサイズの例は、長さ2秒で1920 x 1080です。
-
次に、テキストを編集する必要があります。今のところ、ボイスオーバーやオーディオなしで作業し、テキストアニメーターの仕組みを学ぶことに焦点を当てることが最善です。
-
画面上部のツールバーでテキストツールを選択するか、コマンドTを押します。フォントやテキストの色を変更する場合は、「文字」ウィンドウを開きます。注：アニメーションレイアウトでは、このウィンドウはデフォルトでは開きません。しかし、それを開くには、WindowとCharacterを選択してこのツールボックスをオンにすることができます。これにより、お気に入りのフォントと色を選択できます。
-
次に、コンポジションをクリックすると、新しいテキストフィールドが表示されます。今のところ好きなものを入力したら、After Effectsで別のウィンドウをクリックして入力を無効にします。 1つの方法は、タイムラインをクリックすることですが、コンポジションウィンドウの外のどこかをクリックすることができます。
-
テキストがキーフレームを使用してアニメートできる場所になったので、テキストアニメーターを使用して、その機能をいくつか追加してください。テキストアニメーターを見つけるには、ドロップダウン矢印を押して、タイムラインのテキストレイヤーの属性を表示させます。さらに2つのドロップダウンメニューが表示されます：テキストとトランスフォーム。同じ行に、テキストドロップダウンが表示され、右側に小さな矢印が付いた円の横に「アニメート」が表示されます。これはテキストアニメーターです。
-
この矢印をクリックすると、テキストアニメーターオプションが表示され、位置、スケール、回転、不透明度などの多くのオプションが表示されます。テキストアニメーターは、テキストアニメーター内で別々にテキストをアニメートし、必要な数のアニメーターを適用することができます。
-
サンプルを試してみるには、回転を選択して、回転アニメーターをテキストに追加します。あなたのタイムラインでAnimator 1の下にRange Selector 1とRotationが表示されます。アニメーターの仕組みは、回転やその他の属性をテキストに適用し、範囲セレクターがアニメーションを制御することです。 Range Selectorのドロップダウンをクリックすると、Start EndとOffsetが表示されます。
-
あなたの手紙がすべて横になるように、テキストの回転を変更してください。しかし、キーフレームを使用してアニメートする必要はありません。それはレンジセレクターのためのものです。完了したら、オフセットの横にある0％をクリックして前後にスライドさせます。手紙が横たわって立ち上がる様子を見てみましょうか？ゼロパーセントはアニメーションの始まりであり、100パーセントはアニメーションの終わりです。次に、オフセットに2つのキーフレーム、1つは0、もう1つは100に追加します。
-
これは、これらのすべてを手動でアニメーション化するよりも簡単ですが、本当に便利な場所は、他の属性を追加することです。アニメーター1の隣に別の矢印付きの追加があります。その矢印をクリックし、不透明度を選択します。不透明度を0にしてアニメーションをもう一度見てください。
テキストアニメーターを使用するメリット
テキストアニメーターは、運動的なタイポグラフィーを作成する作業をはるかに簡単にします。上の例を使用すると、ただ一つのボタンをクリックするだけで、ある値を変更する以外に何もせずに不透明アニメーションをテキストに追加しました。テキストアニメーターのメリットは、アニメーションを素早く調整して変更できるだけでなく、アニメーションを微調整することなくテキストを変更できることです。単語を変更したい場合は、新しい単語を入力するだけで、アニメーションとタイミングは同じままです。
