レスポンシブデザイン機能の追加

最終更新日 : 2024年10月18日

モーショングラフィックスのレスポンシブデザインによって、デュレーションやレイヤーの位置の変化に合わせてロールやグラフィックをデザインできます。

レスポンシブデザイン - 位置

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

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

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

タイムラインでグラフィックを選択し、タイトルとシェイプパネルの「編集」タブに移動します。

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

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

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

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

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

メモ

一度にすべてのエッジの固定のオンとオフを切り替えるには、中央にある四角形を使用します。

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

レスポンシブデザインの設定 - 位置
レスポンシブデザインの設定 - 位置

レスポンシブデザイン - 時間

ロールの作成

ロールを有効にすると、画面上を垂直方向に移動するタイトルやクレジットロールを作成できます。 ロールが有効になっている場合、プログラムモニターに半透明な青のスクロールバーが表示されます。

このドキュメントビュースクロールバーを使用すると、クレジットロールのテキストおよびグラフィックをスクロールして、簡単に編集できます。 タイムラインの再生ヘッドを特定の位置に移動する必要はありません。

メモ

ロールの速度は、ロールが有効になっているグラフィックの表示時間と、そのグラフィックのすべてのレイヤーの高さの合計によって決定されます。 

グラフィックに対してロールを有効にするには:

タイムラインでグラフィックを選択し、タイトルとシェイプパネルの「編集」タブに移動します。

ロールを有効にする
ロールを有効にする

選択したグラフィックで、個々のレイヤーが選択されていないことを確認します。

メモ

プログラムモニターでテキストレイヤーが選択されていないことを確認します。 プログラムモニターで 1 つ以上のレイヤーが選択されている場合、ロールオプションは表示されません。

クレジットロールを有効にするには、「ロール」の横にあるチェックボックスをオンにします。

テキストまたは他のレイヤーをオフスクリーンで起動するかどうかを指定します。

各プロパティのタイムコードを使用して、プリロールポストロールイーズインイーズアウトのタイミングを調整します。

ロールスクロールバー
ロールスクロールバー

回転するテキストのモーションを滑らかにする場合は、「柔らかく」チェックボックスを選択します。

イントロおよびアウトロのアニメーションの保持

たとえグラフィックの全体的なデュレーションが変更される場合でも、イントロおよびアウトロのキーフレームを保持するグラフィックのセグメントを定義できます。 イントロおよびアウトロの時間範囲内にあるキーフレームは、グラフィックがトリムインまたはトリムアウトされるときに保護されます。 これらのキーフレームは保護されているので、グラフィッククリップをトリムして、イントロおよびアウトロのアニメーションを保持できます。 イントロとアウトロ領域の間にあるキーフレームは、必要に応じて伸縮されます。

タイムラインとエフェクトコントロールパネルのグラフィック上の透明な白色のオーバーレイは、クリップのイントロおよびアウトロセグメントを示します。 これらのセグメントは、タイトルとシェイプパネルまたはエフェクトコントロールパネルで定義できます。 

レスポンシブデザインの設定 - 時間
レスポンシブデザインの設定 - 時間

タイトルとシェイプパネルを使用してイントロおよびアウトロのセグメントを定義し、アニメーションを保持

タイムラインでグラフィックを選択し、タイトルとシェイプパネルの「編集」タブに移動します。

選択したグラフィックで、個々のレイヤーが選択されていないことを確認します。

イントロの長さ」で、タイムコードコントロールを使用して、イントロ/開始セクションとして定義する時間を指定します。       

アウトロの長さ」で、タイムコードコントロールを使用して、アウトロ/終了セクションとして定義する時間を指定します。

エフェクトコントロールパネルを使用してイントロおよびアウトロのセグメントを定義し、アニメーションを保持する

タイムラインでグラフィックを選択し、エフェクトコントロールパネルに移動します。

エフェクトコントロールパネルの「ストップウォッチ」アイコンをクリックして、タイムラインを表示します。

エフェクトコントロールパネルの上部に、選択したクリップの先頭と末尾に小さな青いハンドルが表示されます。

左ハンドルを外側へドラッグして、イントロ/開始セグメントを定義します。 指定した時間範囲内に含まれるキーフレームをカバーする灰色のオーバーレイが表示されます。

右ハンドルを外側へドラッグして、アウトロ/終了セグメントを定義します。 指定した時間範囲内に含まれるキーフレームをカバーする透明な白いオーバーレイが表示されます。

キーボードショートカットを使用したイントロおよびアウトロの長さの指定

キーボードショートカットマップを使用して、イントロおよびアウトロの長さを指定するキーボードショートカットを設定できます。 編集/キーボードショートカット(Windows)または編集キーボードのカスタマイズ(macOS)に移動します。 初期設定では、これらのキーボードショートカットは割り当てられていません。 以下のコマンドを使用して、キーボードショートカットを割り当てます。

  • イントロの終了を設定
  • アウトロの開始を設定

イントロとアウトロのデュレーションのキーボードショートカットを使用するには:

イントロまたはアウトロのアニメーションを保持するタイムラインでグラフィッククリップを選択します。

イントロまたはアウトロを設定する位置に再生ヘッドを配置し、割り当てたキーボードショートカットを押します。

メモ

このキーボードショートカットは、タイムラインが選択されている場合にのみ有効になります。