Motionで「スライス調整」フィルタを使う

「スライス調整」フィルタを使って、イメージの一部が歪まないようにしながらイメージまたはシェイプを拡大/縮小およびタイル状に表示できます。このフィルタは、下三分の一タイトル、矢印、矩形、および(「リンク」パラメータビヘイビアを使って)リンクされたオブジェクトを含むその他のイメージを動的に拡大/縮小するFinal Cut Proのテンプレートを作成する場合に特に役立ちます。例えば、テキストの変更に対応するために吹き出しのコーナーまたはテールの形状を変えずに吹き出しを拡大/縮小したり、パターンを歪めずに下三分の一を拡大/縮小したりできます。

「スライス調整」フィルタの効果を示すキャンバス

形状またはパターンを歪めずにイメージの一部を拡大/縮小する

  1. Motionの「レイヤー」リストで、拡大/縮小したいイメージまたはシェイプを選択し、ツールバーの「フィルタ」をクリックしてから、「ディストーション」>「スライス調整」と選択します。

  2. (手順3でサイズを変更する)中央のスライスを定義するには、「スライスを編集」チェックボックスを選択してから、以下のいずれかの操作を行います:

    • キャンバスでスライスを定義する: 中央のスライスのサイズまたはアスペクト比を指定するには、コーナーハンドルまたは破線をドラッグします。イメージ内で中央のスライスの位置を変更するには、スライスの内側をドラッグします。

      「スライス調整」フィルタの「スライスを編集」オンスクリーンコントロールが表示されたキャンバス

      中央のスライスは、イメージの拡大/縮小される引き伸ばし可能領域を表します。

      ヒント: Shiftキーを押しながらハンドルをドラッグすると、比率を変えずにスライスを調整できます。Optionキーを押しながらハンドルをドラッグすると、スライスをその中心の周りで調整できます。Option+Shiftキーを押しながらハンドルをドラッグすると、比率を変えずにスライスをその中心の周りで調整できます。

    • 「フィルタ」インスペクタでスライスを定義する: 中央のスライスのサイズまたはアスペクト比を指定するには、「右上をスライス」または「左下をスライス」の値スライダをドラッグします。

  3. 比率を変えずに中央のスライスとイメージのサイズを変更するには、「フィルタ」インスペクタの「スライスを編集」チェックボックスの選択を解除してから、以下のいずれかの操作を行います:

    • キャンバスでサイズを変更する: 調整ハンドルをドラッグします。

      「スライス調整」フィルタの「調整」オンスクリーンコントロールが表示されたキャンバス

      中央のスライスを拡大/縮小すると、上と下のスライスは横方向に拡大/縮小され、左と右のスライスは縦方向に拡大/縮小され、四隅のスライスは拡大/縮小に合わせて移動されて、イメージの本来の形状が保持されます。

    • 「フィルタ」インスペクタでサイズを変更する: 「調整」スライダをドラッグします。開閉用三角ボタンをクリックして「X」と「Y」のスライダを表示すると、正確にスライスを調整できます。

  4. オプション: 引き延ばすのではなく繰り返す必要のあるパターンがイメージに含まれている場合は、以下のいずれかの操作を行います:

    • ハーフトーンのドットパターンなどの小さなパターンまたはテクスチャを含むイメージをタイル状に表示する: 「調整方法」ポップアップメニューをクリックし、「タイルの一部」を選択します。

    • 凝った装飾のピクチャフレームなどの大きなパターンやテクスチャを含むイメージをタイル状に表示する: 「調整方法」ポップアップメニューをクリックし、「タイル全体」を選択します。

例: シェイプまたはパターンを歪めずにシェイプまたはパターンの一部を動的に拡大/縮小する

この高度な例では、「スライス調整」フィルタ、「揃える」ビヘイビア、および「リンク」パラメータビヘイビアを使って、シェイプ内に配置されたテキストに基づいて動的にサイズが変更されるシェイプを作成します。「揃える」ビヘイビアでシェイプをテキストに合わせて配置し、「スライス調整」フィルタでシェイプを9個のスライスにし、「リンク」ビヘイビアでシェイプの大きさをテキストのサイズにリンクします。リンクすると、テキストの変更に伴いシェイプのサイズが変更されますが、本来の形状は変わりません。

この例では、シェイプまたはイメージ(吹き出しシェイプ、矩形シェイプ、下三分の一のイメージなど)と、「レイヤー」リストでシェイプまたはイメージの上に配置されているテキストオブジェクトが含まれたFinal Cutのタイトルテンプレートエフェクトテンプレート、またはジェネレータテンプレートのプロジェクトで作業していることを想定しています。

Final Cut Proプロジェクトにテンプレートを適用すると、Final Cut Proでテキストの追加、削除、またはサイズ変更を行ったときにシェイプ(またはイメージ)が動的に拡大/縮小されます。

「スライス調整」フィルタの効果を示すキャンバス
  1. Motionの「レイヤー」リストでシェイプを選択し、ツールバーの「フィルタ」をクリックしてから、「ディストーション」>「スライス調整」と選択します。

  2. 「フィルタ」インスペクタで、「スライスを編集」チェックボックスを選択します。

  3. キャンバスで、コーナーハンドルをドラッグして、シェイプの、テキストに変更を加えたときに動的に拡大/縮小される部分を定義します。

    この例では、中央のスライスは丸みのあるコーナーにも吹き出しのテールにも重なり合いません。スライスを拡大/縮小しても、吹き出しの形状は保持されます。

    「スライス調整」フィルタの、定義済みの吹き出しの中央のスライスが表示されたキャンバス
  4. 「フィルタ」インスペクタで、「スライスを編集」チェックボックスの選択を解除し、ポインタを「調整」パラメータ行の右側に移動してから、下矢印をクリックして「パラメータを追加」>「リンク」と選択します。

    「リンク」ビヘイビアを使用すると、シェイプのサイズをテキストオブジェクトのサイズにリンクできます。

  5. テキストオブジェクトを「レイヤー」リストから「ビヘイビア」インスペクタの「ソースオブジェクト」ウェルにドラッグします。

  6. 「ビヘイビア」インスペクタで、「互換パラメータ」ポップアップメニューをクリックして、「オブジェクト属性」>「サイズ」>「すべて」と選択します。

    シェイプが一時的に歪んで見えることがありますが、手順10で修正されます。

  7. Motionの「レイヤー」リストで、シェイプオブジェクトを選択し、ツールバーの「ビヘイビア」をクリックして、ポップアップメニューから「基本モーション」>「揃える」と選択します。

  8. テキストオブジェクトを「レイヤー」リストから「ビヘイビア」インスペクタの「オブジェクト」ウェルにドラッグします。

    「ビヘイビア」インスペクタ。シェイプが「オブジェクト」ウェルにドラッグされています
  9. 「ビヘイビア」インスペクタで、「配置」ポップアップメニューをクリックしてオプションを選択してから、「対象」ポップアップメニューをクリックし、オプションを選択して、テキストをシェイプに揃える方法を指定します。

  10. 「レイヤー」リストで、「スライス調整」フィルタを選択し、「フィルタ」インスペクタの「展開」開閉用三角ボタンをクリックしてから、テキストがシェイプ内の正しい位置に表示されるまで「左」、「右」、「上」、「下」のパラメータを調整します。

  11. 「レイヤー」リストで、テキストオブジェクトを選択して、キャンバス(または「テキスト」インスペクタの「フォーマット」パネルの下部にある「テキスト」フィールド)でテキストを変更します。

    テキストを変更すると、テキストに合わせてシェイプが元の形状を維持したまま動的に拡大/縮小されます。

    注記: スライスが拡大/縮小されたときに引き伸ばされるパターンがシェイプに含まれている場合は、「調整方法」ポップアップメニューで「タイルの一部」または「タイル全体」を選択して、パターンをタイル状に表示することができます。追加のタイルが発生するほど拡大しない限り、「タイル全体」を選択してもパターンには影響しません。

  12. 「フィルタ」インスペクタで、Final Cut Proでクリップにパラメータが適用されるときにタイトル、エフェクト、またはジェネレータテンプレートで使用できるパラメータコントロールを選択し、プロジェクトを保存します。

    Motionでエフェクトテンプレートを作成するMotionでタイトルテンプレートを作成する、またはMotionでジェネレータテンプレートを作成するを参照してください。

Morty Proxy This is a proxified and sanitized view of the page, visit original site.
役に立ちましたか?
入力可能な文字数: 250
入力可能な文字数は 250 です。
フィードバックありがとうございます。
Morty Proxy This is a proxified and sanitized view of the page, visit original site.