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