【AfterEffects】簡単シェイプアニメーションを作る【動画編集】

執筆当時の環境

背景作成

背景を配置します。まだコンボジションを作成したばかりですので、背景が透明です。透明かどうかは、ここのボタン（透明グリッド）で確認できます。

①「command　+　Y」で、平面設定を開き、背景を作成します。わかりやすいように名前を「BG」にし、背景をコンポジションサイズと同じにするため「コンポジション作成」をクリックします。「OK」をクリックして作成します。

②色を変えたい場合、「Command + Shift + Y」で設定画面を開き、色を変更できます。

③背景レイヤーが動かないようにロックします。

うっかり動かしてしまっても「Option ＋　Command + F」で、レイヤーをコンポジションにフィットさせてくれます。

シェイプ作成

①「楕円形ツール」を選択し、正円を描画します。

②塗りを白・線をなしにし、shiftキーを押しならがドラッグします。すると、正円のシェイプができます。

③アンカーポイントツールをクリックし、アンカーポイントを移動します。「Command　＋　fn　＋　◁」を押すと、自動でコンポジション中央に移動します。

④何もないところから円が拡大していく演出をしたいので、タイムラインが０フレーム目にあることを確認します。シェイプレイヤー１＞コンテンツ＞楕円形１＞楕円形パス１を開き、サイズを0に設定します。そして、左側のストップウォッチのアイコンをクリックします。

キーフレームが作成され、０フレーム目でサイズ０が記憶されました。タイムラインに菱形のマークが表示されます。

⑤15フレーム目で円を拡大させます。タイムラインにカーソルを持ってきたら「Command + ▶︎」を入力します。すると、１フレームずつ時間のインジケーターが移動します。

⑥15フレーム目まで移動したら、シェイプのサイズを350に変更します。一度キーフレームを打ったので、サイズを変更すると自動的に15フレーム目でキーフレームが作成されます。

⑦再生確認します。現在タイムライン全てが再生範囲に設定されています。

「N」をクリクスると、再生範囲が１５フレーム目（インジケーターの場所）まで縮小します。

後は、「Spaceキー」で再生が可能です。

アニメーションに緩急をつける

円のアニメーションはできましたが、動きが一定です。アニメーションに緩急をつける設定を行います。

①キーフレームが２つある状態ですので、ドラッグして２つを選択します。

②F9（またはcontrol + クリック　→　キーフレーム補助 → イージーイーズ）を押すと、イージーイーズが適用され、少し緩急がつきますが、これでは足りません。

※キーフレームが砂時計の形になります。

③0フレーム目のキーフレームを選択した状態で、「Shift + Command + K」を押します。すると、キーフレーム速度が表示されます。出る速度の影響を80にしてOKを押します。

④同じく、15フレーム目のキーフレームを選択し、キーフレーム速度を表示します。１５フレーム目のキーフレームに近づくときの速度を変更したいので、入る速度を80に設定します。

円が外に消えていくアニメーションを追加

円が広がるアニメーションに加えて、線の円が外に消えていくアニメーションを追加します。

①円のシェイプレイヤーを選択し、「control + D」を押してシェイプレイヤーを複製します。

②鍵マークの左側にある枠をクリックし、ソロにします。これをすると、対象のレイヤーだけが表示されます。

③①で作成したシェイプを、ツールバーから線100px、塗りOFFに変更します。