チュートリアル記事

中級

5 分

タイトルをアニメーションで表示する

Adobe Illustratorで作成した、レイヤー化されたタイトルデザインから開始し、Adobe After Effectsでトラックマットを適用してデザインの各部分を徐々に表示します。

水平の枝(Horizontal Branchレイヤー)には既にアニメーションが適用されているので、垂直方向の枝(Vertical Branchレイヤー)にも同様のアニメーションを設定します。Vertical Branchレイヤーを選択し、レイヤーのオブジェクト全体を隠す新しい平面レイヤーを任意のカラーで作成します(250 x 860ピクセル)。2:00の位置で、この平面の位置のキーフレームを設定します(OptionまたはAlt +Shift + Pキー)。タイムラインの先頭で、平面を上部の幹の上に移動します。Vertical Branchレイヤーが、上の平面をアルファマットとして使用するよう設定します。

青い葉(Blue Leaf Pre-comp 1)には既にアニメーションが適用されているので、緑の葉(Grean Leafレイヤー)にも同様のアニメーションを設定します。Shiftキーを押したまま2つのGreen Leafレイヤーを選択し、プリコンポーズします(CommandまたはCtrl + Shift + Cキー)。そのプリコンポーズレイヤーを複製し(CommandまたはCtrl + Dキー)名前を「Green Leaf Pre-comp 1」とします。この2つを区別するため、上のレイヤーを右クリックし、「名前を変更」を選択して名前を「Green Leaf Pre-comp 2」とします。2:00の位置で、Green Leaf Pre-comp 2のレイヤーのスケールのキーフレームを設定します(OptionまたはAlt +Shift + Sキー)。タイムラインの先頭でスケールを0%に変更します。Green Leaf Pre-comp1レイヤーが、上のGreen Leaf Pre-comp2レイヤーをアルファマットとして使用するよう設定します。

Gold Circle Pre-comp 1レイヤーを選択して複製します。上のレイヤーの名前を「Gold Circle Pre-comp2」に変更します。2:00の位置で、Gold Circle Pre-comp2レイヤーの回転のキーフレーム(OptionまたはAlt + Shift +Rキー)を追加し、回転を25度に設定します。先頭に戻り、回転を0に設定します。今度は、Gold Circle Pre-comp1レイヤーが、上のGold Circle Pre-comp2レイヤーをアルファ反転マットとして使用するよう設定します。

Naturalistsレイヤーが選択された状態で、テキストを覆う新しい平面(400 x 100)を作成します。2:00の位置で、平面の位置のキーフレーム(OptionまたはAlt + Shift + Pキー)を設定します。タイムラインの先頭で、平面をテキストのすぐ下に移動します。Naturalistsレイヤーが、上の平面をアルファマットとして使用するよう設定します。

これで、タイトルデザインが徐々に表示されていって最終的な形が作られるようになります。キーフレームの位置を様々に変えて各要素の相対的な速度を調整し、より自然に表示されるようにしましょう。


2023年5月24日

After Effects でこれらのチュートリアルをお試しください

ビジュアルエフェクトやモーショングラフィックスを作成