別のコンポジションを参照する

コンポジションで別のコンポジションを参照する手順を紹介します。

概要

アイキャッチやイントロのアニメーションなど作成したコンポジションを別のコンポジションから参照したいことがあります。 この記事では別のプロジェクトのコンポジションを参照してコンポジションに配置する手順を紹介します。

手順

共通のコンポジションを作成する

共通のコンポジションを作成します。今回は下図のコンポジションを準備しました。 実際には、アイキャッチのアニメーションやイントロのアニメーションなどのコンポジションを作成します。
作成したコンポジションのプロジェクトを"common.aep"のファイル名で保存します。
別のコンポジションを参照する:画像1

コンポジションを作成しプロジェクトの参照を追加する

別のプロジェクトを作成し、コンポジションを作成します。
別のコンポジションを参照する:画像2

[ファイル]メニューの[読み込み]サブメニューの[ファイル]の項目をクリックします。
別のコンポジションを参照する:画像3

[ファイルの読み込み]ダイアログボックスが表示されます。先に保存した"common.aep" のプロジェクトを選択します。
別のコンポジションを参照する:画像4

プロジェクトが読み込まれると、[プロジェクト]ウィンドウの項目に読み込んだプロジェクト名のフォルダが追加されます。 今回は"common.aep"プロジェクトを読み込みましたので、フォルダ名が"common.aep"になっています。
別のコンポジションを参照する:画像5

フォルダを開くとプロジェクトに含まれているコンポジションやリソースが表示されます。
別のコンポジションを参照する:画像6

プロジェクトウィンドウのcommon.aepフォルダ内のコンポジションの項目をドラッグし、タイムラインにドロップします。
別のコンポジションを参照する:画像7

タイムラインにドロップするとcommon.aepのコンポジションが配置されます。
別のコンポジションを参照する:画像8

配置したコンポジションの終了以降に文字を表示します。
別のコンポジションを参照する:画像9

再度、プロジェクトウィンドウのcommon.aepフォルダ内のコンポジションの項目をドラッグし、タイムラインにドロップします。
別のコンポジションを参照する:画像10

common.aepのコンポジションが配置されます。
別のコンポジションを参照する:画像11

コンポジションの位置を調整し、コンポジションの最初と最後にcommon.aepのコンポジションが表示される動作にします。
別のコンポジションを参照する:画像12

他のプロジェクトのコンポジションを読み込んでコンポジション内に配置することができました。

サンプル

作成した動画です。


AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2020-12-14
Copyright © 1995–2025 iPentec all rights reserverd.