After Effects│コンポジションをループさせる方法

2017年2月26日2026年10月3日

プリコンポジションのタイムリマップを使い、短いアニメーションを長いコンポジション内で繰り返します。

繰り返す素材の長さと、レイヤーを表示する長さは別々に設定します。

2秒の素材を6秒のコンポで繰り返す準備

練習用に640×360・24fps・2秒のコンポ「LOOP_SOURCE」を作り、青い平面と動く図形を配置します。

最後まで青い背景が存在するようにします。

別に同じサイズ・24fps・6秒のコンポ「LOOP_MAIN」を作り、LOOP_SOURCEを1枚入れます。

素材は音声なし、ストレッチ100%、レイヤーのIN点0秒で練習します。

先にAEPを別名保存します。

LOOP_MAINでプリコンポのレイヤーを選択し、「レイヤー」→「時間」→「タイムリマップ使用可能」を実行します。

WindowsはCtrl+Alt+T、MacはCommand+Option+Tです。

自動で追加される開始・終了キーは、そのまま残して構いません。

素材の長さを周期にする式

タイムリマップのストップウォッチをAltクリック（MacはOptionクリック）し、次の式を貼ります。

位置や不透明度へ貼る式ではありません。

タイムリマップの式を有効にしている間は、下の式が返す素材時刻を使います。

// プリコンポのタイムリマップへ貼付。等速・素材先頭から反復する例。
var duration = thisLayer.source.duration;
var frame = thisLayer.source.frameDuration;
var elapsed = time - inPoint;
var sourceTime = ((elapsed % duration) + duration) % duration;
Math.min(sourceTime, Math.max(0, duration - frame));

この例はレイヤーのIN点から素材の先頭を再生し、素材のdurationを周期にします。

素材末尾の時刻は、最後に表示できるフレームへ収めます。

素材の途中から始める編集、可変速、音声のつながりは別途調整してください。

LOOP_MAINでレイヤーの右端を6秒まで伸ばします。

元のレイヤーが2秒で終わったままでは、式を入れても2秒以降は表示されません。

必要ならコンポジション設定のデュレーションも伸ばします。

親コンポのフレーム	素材のフレーム	確認する位置
0	0	先頭
47	47	1周目の最後
48	0	2周目の先頭
95	47	2周目の最後
96	0	3周目の先頭

表は24fps・2秒=48フレームの数値例です。

まず0秒、1秒23フレーム、2秒、3秒23フレーム、4秒を静止して調べます。

青い背景が消える瞬間や、先頭が二重になる箇所がないか確認してからプレビューします。

数値の計算は確認しましたが、今回この練習をAE本体で再生・書き出ししてはいません。

loopOutでキーの区間を繰り返す場合

loopOut("cycle", 0);

loopOutはタイムリマップにあるキーの区間を繰り返します。

上の素材durationによる式とは周期の決め方が異なります。

既存のキーで速度を調整している場合は、キーの区間を使う方法を検討します。

終端キーが素材の表示できる範囲を超える時刻を指していると、周期の境目で空白になることがあります。

最終表示フレームへ直すだけでは、キー間隔も1フレーム短くなることがあるため、期待する周期と端点の値を両方確認します。

素材尺をそのまま周期にしたい今回の等速練習では、前節の式を使います。

繰り返さない・境目が空白になるとき

症状	確認する設定
2秒で消える	レイヤーのOUT点と親コンポの尺を6秒へ伸ばす
式のエラー	入力先がタイムリマップか、sourceがプリコンポかを確認
途中の動きだけ繰り返す	loopOutのキー区間と素材のdurationを混同していないか確認
境目が跳ねる	素材の最初と最後の動き・背景・カメラがつながるか確認

戻すときはまず式の有効スイッチをOFFにして、保持したキーの動作と比較します。

練習を始めた直後の状態へ戻す場合は保存したAEPを開き直します。

タイムリマップ自体を解除する操作では、そのプロパティの編集も失うため、必要なキーは先に保存してください。