After Effects│1つのコンポジションから複数の画面サイズに切り替えるエクスプレッション

2026年1月5日2026年1月10日

1つのコンポジションで複数の画面サイズに対応したい

AEはAdobeXDみたいにレスポンシブには対応していないので、16：9用と4：3用みたいに1コンポで複数画面サイズに対応して配置・形状修正などしてくれません。

頻繁に修正が入ることも考慮して、なるべく1コンポで複数画面サイズ対応できないか考えてみました。条件としてはAEPもコンポもコピーしないという方針です。

STEP1：スイッチの作成

switchと名付けたヌルを作成します。

switchにエフェクト＞エクスプレッション制御＞チェックボックス制御を追加します。

チェックボックスをON/OFFして、それぞれの画面サイズに対応して変化するようにします。

移動させたいオブジェクトに対応したヌルを作成して、親子関係に（ヌルを親に）します。

ヌルの位置のストップウォッチをAlt+クリックして下記のエクスプレッションを追加します。

if (comp("コンポ 1").layer("switch").effect("チェックボックス制御")("チェックボックス")==1) [800,1000] else [800,500]

コンポ名、切り替えするヌル名、チェックを入れる前と後の座標を入力します。

チェックを入れる前に表示したいオブジェクト：

if (comp("コンポ 1").layer("switch").effect("チェックボックス制御")("チェックボックス")==1) 100 else 0

チェックを入れた後に表示したいオブジェクト：

if (comp("コンポ 1").layer("switch").effect("チェックボックス制御")("チェックボックス")==1) 0 else 100

チェックボックス制御で画面サイズが切り替わるわけでもなくスクリプトで対応します。

「Selected_Comps_Changer.jsx」を下記のURLからダウンロードします。

変更したいコンポジションをまとめて選択して、スクリプトを実行します。ポップアップがでてくるので、画面サイズを入力します。

これで画面の中心を基準に、画面サイズが変更されます。

※やってみて気がついたのですが、座標の基準が変わるので、シェイプの位置が変化してます！

よかったらシェアしてね！