カラフルな背景にバースデーケーキがあり、テキストは モーションプリセットでアニメーション化しました 今度は音楽を追加して、アニメーションを同期させます ここに、短くした曲を読み込んであり 表示されるテキストと同じ歌詞が歌われています これをタイムラインに追加して、アニメーションを同期させます 新規レイヤーを作成し、曲をペーストボードにドラッグします どの位置でもかまいません ライブラリからドラッグされるとすぐに レイヤーにその波形が表示されます 波形を見やすくするために レイヤーを右クリックして プロパティを開き 「レイヤーの高さ」を変更します フレームの幅も広げましょう プロパティの「サウンド」セクションで、「同期」を「ストリーミング」に 設定すると、曲がタイムラインと同期されます またこの設定では、タイムラインをスクラブして曲を再生できます Enterキーを押して、タイムラインを再生してみましょう すべてのアニメーションが同時に表示されますが それぞれを歌詞に合わせたいと思います アニメーションのスピードを上げた方が タイミングが合うので Shiftキーを押しながら3つのレイヤーを一度に選択し スパンの終わりにカーソルを合わせ 左にドラッグして短くします 長さを12フレームにすると 「IT’S」の表示を、曲で歌われる寸前に完了できます 「YOUR」も同様に配置します 波形を見ると、およそのタイミングがわかります 「BIRTHDAY」も、歌われる寸前までドラッグします 確認しましょう テキストはすべて、曲の終わりまで表示したいので 3つのレイヤーで最後のフレームを選択し 右クリックして「キーフレームの挿入」を選択するか F6キーを押して、キーフレームを挿入します うまくいきましたね 音楽と同期させたアニメーションにカメラの動きも加えると より本格的でダイナミックなアニメーションを作成できます
Animate でこれらのチュートリアルをお試しください
ゲーム、アプリ、web 向けのインタラクティブなアニメーションを作成
