目次

複数のコンポジションを切り替える

目次

AfterEffects で複数のコンポジションを切り替える手順を紹介します。

手順

下図のコンポジションを作成します。コンポジションを作成し、水色の平面レイヤーを作成します。 テキストツールで「シーン1です」の文字列を配置します。
複数のコンポジションを切り替える:画像1

続いて、別のコンポジションを作成します。コンポジションを作成し、ピンク色の平面レイヤーを作成します。 テキストツールで「シーン2です」の文字列を配置します。
複数のコンポジションを切り替える:画像2

さらに別のコンポジションを作成します。このコンポジションに先ほど作成した2つのコンポジションを配置します。
複数のコンポジションを切り替える:画像3

プロジェクトパネルから、先ほど作成したコンポジションをドラッグしてタイムラインのパネルに配置します。
複数のコンポジションを切り替える:画像4

コンポジションが配置できました。
複数のコンポジションを切り替える:画像5

コンポジションの切り替え効果を追加します。タイムラインで[シーン1]のコンポジションを選択した状態で、 [エフェクト]メニューの[トランジション]サブメニューの[リニアワイプ]の項目をクリックします。
複数のコンポジションを切り替える:画像6

タイムラインパネルのシーン1の項目を展開します。[エフェクト]内に[リニアワイプ]が追加されています。
複数のコンポジションを切り替える:画像7

[現在の時間インジケーター]を10秒付近に移動します。 [リニアワイプ]内の[変換終了]の値を0%に設定し、項目の左側のストップウォッチのアイコンのボタンをクリックします。ボタンをクリックするとタイムラインに菱形の形状の キーフレームのマークが配置されます。
また、コンポジションの長さを変更し10秒付近で別のコンポジションが表示されるよう調整します。
複数のコンポジションを切り替える:画像8

[現在の時間インジケーター]をキーフレームを配置した時刻の1秒後の位置に移動します。移動後[変換終了]の値を100%に変更します。値を変更すると 菱形の形状のキーフレームのマークが配置されます。
複数のコンポジションを切り替える:画像9

[現在の時間インジケーター]を移動すると、スライドしながらコンポジションが切り替わる様子が確認できます。
複数のコンポジションを切り替える:画像10
複数のコンポジションを切り替える:画像11

[リニアワイプ]以外のトランジション効果でもコンポジションの切り替えができます。
複数のコンポジションを切り替える:画像12

動画

作成した動画です。上記で紹介した手順を繰り返して、4つのコンポジションを順番に切り替える動画です。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2021-11-11