【AE】モーション周期表のリンク（Link）アニメーションを再現する

この記事では、After Effectsのモーションを整理した「モーション周期表」を再現する過程で、ChatGPTの協力を得ながら再現し学んだ情報を紹介します。

◇リンクを作る方法は主に3つ

①親子付けを使う

②ピックウィップでプロパティをリンクさせる

③【上級者向け】エクスプレッションで値を直接参照する

※ここからは、ChatGPTの説明を参考にしつつ、記事用に再構成しています。

回答と説明内容が若干異なる可能性がありますので、ご了承ください。

①「リンク（Link）」などに名前を変更（コンポジションの内容を見分けるため）

②開始タイムコードを0秒、デュレーションを4秒に設定

①「レイヤー」から「新規」を開いて、「シェイプレイヤー」を選択。

②楕円形ツールから円を作る：塗り「あり」・線「なし」・正円（80×80px）・色の変更

③レイヤー名を「Main」で設定

※色は図形の区別ができればどの色でも大丈夫です。

今回は「子レイヤーを２つ作成」①「レイヤー」から「新規」を開いて、「シェイプレイヤー」を選択。

②長方形ツールから正方形を作る：塗り「あり」・線「なし」・正方形（40×40px）・色の変更

③レイヤー名を「Follower」で設定

※この「子レイヤー（Follower）」は、後ほどピックウィップを使って親子付けするレイヤーになります。

①３で作成した子レイヤーを複製（Ctrl＋D）

②正方形の色とレイヤー名を変更（レイヤー名を「Delay」で設定）

※この子レイヤー（Delay）は、後ほどエクスプレッションを用いてリンクアニメーションを行うレイヤーになります。

✅アンカーポイントを中央へ：Ctrl+Alt＋Home

✅位置を中央へ：Ctrl+Home

✅レイヤー（Main）をクリックして、位置（P）を開く

✅0秒と2秒、4秒地点で位置を指定して、それぞれキーフレームを追加する
（ChatGPTの回答どおり、0秒と4秒地点を左の位置に、2秒地点を右の位置に指定）

✅動きを滑らかにしたい場合は、キーフレームにイージーイーズ（F９）を活用。
（キーフレームを右クリック→キーフレーム補助→イージーイーズでも可）

◇図形を水平もしくは垂直に移動させたいとき

「Shiftキー」を押しながら移動させると、水平・垂直に動かせます。

✅親レイヤー（Main）の右下へ２０～３０px移動させる（任意の数値でOK）

✅子レイヤー（Follower）を「親とリンク」欄の「ピックウィップ」で親レイヤー（Main）の上までドラッグする

✅子レイヤー（Delay）をクリックして、位置（P）を開く

✅Altキーを押しながらストップウォッチをクリック

✅エクスプレッションに式を入力する

thisComp.layer(“Main”).transform.position.valueAtTime(time – 0.15)

※この式で「親の動きを0.15秒遅らせた動き」をコピーできます。そのため、「ピックウィップで親子付けしないこと」がポイントです。

◇この式は何を示す？

①thisComp.layer(“Main”).transform.position②.valueAtTime(time – 0.15)

①レイヤーを参照する部分
この部分が「このコンポの中における『Mainレイヤーの位置』」を示しています。

②時間を遅らせる部分

この部分が、現在の時間より0.15秒前の位置を参照しています。

※もし、時間だけでなく「位置もずらしたい場合」は、以下のような文章を追加します。（＋[X軸,Y軸]）

thisComp.layer(“Main”).transform.position.valueAtTime(time – 0.15)+[40, 40]