《自動取得で効率化！》他のレイヤー位置を一定間隔でランダム取得する方法

エクスプレッション, オリジナル処理

オリジナル処理

AfterEffectsのエクスプレッションで、ランダムに動作するような処理を手作業で作成すると手間がかかります。このランダム処理を自動化して制作の手間を省く方法をご紹介します。

今回は、他のレイヤーの位置を自動的に取得して、その位置に対象レイヤーを瞬間移動させる場合について解説していきたいと思います。

1 実現イメージ
2 処理イメージ
3 事前準備
4 処理内容
- 4.1 関数の使い方
- 4.2 関数の処理内容
5 まとめ

実現イメージ

今回は、この動画の赤い波紋のように、次のレイヤー位置をランダムに取得する部分の説明です。

処理イメージ

「layer0001」から「layer0006」の位置に、1秒間隔でランダムに「moveLayer」が表示されます。

移動アニメーションはなく、瞬間移動するようなイメージです。

事前準備

① 新規コンポジションを作成（1920×1080）

② シェイプレイヤーを作成し、「楕円形」「塗り」を適用して、名前を「layer0001」に変更。

② このシェイプレイヤーをコピーして7個にし、コンポジション内で一番上が「layer0001」、一番下が「layer0007」になるように並び替えます。

③ 「layer0001」から「layer0006」を、[トランスフォーム] – [位置 ]で重複しないようにずらして配置します。

④ 「layer0007」の名前を「moveLayer」に変更し、 [コンテンツ] – [塗り] – [カラー] で色を変更し、[コンテンツ] – [楕円形パス] – [サイズ] で少し大きくすれば準備完了です。

※ 「moveLayer」の位置はどこでもOKです。
※ 「moveLayer」は他のレイヤーの背面になるので、色とサイズを変更しています。

処理内容

ランダムにレイヤーオブジェクトを取得する関数を作成しました。

※ 関数については以下の記事で説明していますのでご覧ください。

《関数も使用可能！》自作関数を使って処理を再利用する方法

AfterEffectsのエクスプレッション内で、時間計算など、同じ処理を何度もする場合もあると思います。そんな時は、関数を使うと記述量を大幅に減らせる可能性があります。この関数の使い方についてご紹介します。関数と[…]

「moveLayer」の [トランスフォーム] – [位置] に以下のコードをコピペします。

//© 2021 COLORCODE-AE
//ランダムにレイヤーオブジェクトを取得
function getRandomLayerObject(nFps, nMinIndex, nMaxIndex){
    posterizeTime(nFps);
    var nIndex = Math.floor(random(nMinIndex, nMaxIndex+0.999));
    return thisComp.layer(nIndex);
}
var oLayer = getRandomLayerObject(1, 1, 6);
oLayer.transform.position;