レスポンシブグラフィックの作成

最終更新日 : 2025年10月23日

Adobe Premiere Pro でレスポンシブグラフィックを作成し、さまざまな画面サイズやアスペクト比に自動的に調整される適応性のあるタイトル、アニメーション、オーバーレイをデザインします。

ビデオフレームの縦横比の変更や、別のグラフィックレイヤーの位置またはスケールのプロパティに自動的に適応するグラフィックをデザインできます 例えば、テキストの幅、高さ、および位置に対応するように、基本的なシェイプレイヤーを設定できます。

プログラムモニター」上の小さな青いピンは、現在選択されているレイヤーが別のレイヤーに固定されているかどうかを示します。

レイヤー間の空間的関係を定義するには:

タイムラインでグラフィックを選択し、「プロパティ」パネルに移動します。

別のレイヤーの変更に応じて変化させるレイヤーを選択します。

レスポンシブデザイン - 位置で、「固定先」を選択し、現在選択されているレイヤーを固定するレイヤーを指定します。

現在選択されているレイヤーが、ドロップダウンリストで選択したレイヤーの子になります。

子レイヤーを固定するエッジを定義するには、右側の図を使用して、親の上、下、左または右を指定します。また、図の中央を選択してすべての端に固定することも、すべての端からピンを外すこともできます。

例えば、長方形を含むテキストがある場合、 長方形をそのテキストに固定すると、長方形の変更に合わせてテキストが自動的に反応します。

プロパティパネルには、固定先ドロップダウンとエッジの図を含むレスポンシブデザイン - 位置設定が表示され、レスポンシブなスケールと配置のためにグラフィックレイヤーを別のレイヤーに固定する方法がハイライト表示されています。
選択したレイヤーの位置、回転、スケールの変更を現在アクティブなレイヤーに反映

選択されたレイヤーが、親レイヤーの位置、長さ/幅、スケールの変化に反応するようになります。 プログラムモニターでこのレイヤーを選択すると、その親レイヤーの固定されたエッジ上に小さな青いピンが表示されます。