Final Cut Pro XでPhotoshop画像を使用する方法

写真の加工、グラフィックの作成、その他画像を扱う作業を行う方であれば、Adobe Photoshop を使ったことがあるでしょう。また、ビデオ編集を行う方であれば、ビデオプロジェクトに静止画を取り込んだことがあるでしょう。

Final Cut Pro Xは、JPEG、PNG、TIFFなど、あらゆる画像フォーマットに対応しています。PhotoshopのPSDファイルにも対応しています。透明度とブレンドモードを維持したまま、Photoshopファイルを直接インポートできます。また、Photoshopファイルに複数のレイヤーが含まれている場合でも、Final Cut Proで各レイヤーにアクセスして、並べ替え、無効化、変形、アニメーション化を行うことができます。その方法をご紹介します。

Photoshopファイルの準備

ほとんどのPhotoshopファイルは、Final Cut Pro Xに読み込む前に特別な準備は必要ありません。透明部分やほとんどのブレンドモードはそのまま保持されます。ただし、ベクターオブジェクト（シェイプなど）やレイヤー効果（ベベル、グロー、カラーオーバーレイ、ドロップシャドウなど）がある場合は、まずそのレイヤーからスマートオブジェクトを作成するか、下の空のレイヤーに統合してラスタライズする必要があります。

Photoshopファイルのインポート

Photoshop ファイルを Final Cut Pro X に読み込む方法は、他のメディアを読み込む方法と同じです。イベントライブラリでイベントを選択（または新規作成）し、「ファイル」>「読み込み」>「メディア」を選択するか、Command キーを押しながら I キーを押します。表示される「メディアの読み込み」ウィンドウで、読み込むファイルまたはフォルダに移動して選択し、「選択した項目を読み込み」をクリックします。メディアを整理しておくには、 「ファイルを Final Cut Events フォルダにコピー」チェックボックスをオンにしてください。わかりやすい名前を付けたフォルダを読み込む場合は、「フォルダをキーワードコレクションとして読み込み」チェックボックスをオンにすると、Final Cut Pro でファイルが簡単に見つかります。

私はイベントブラウザをフィルムストリップ表示（表示 > イベントブラウザ > フィルムストリップ）に設定し、継続時間スライダーを右端まで移動して、インポートしたファイルの個々のサムネイルを確認できるようにしています。Photoshop ファイルのサムネイルは元のファイルのアスペクト比に合わせて表示されるため、縦長に表示されるものもあれば、四角形や横長に表示されるものもあります。Photoshop ファイルに複数のレイヤーが含まれている場合は、サムネイルの左上隅に小さなバッジが表示され、ファイルがレイヤー化グラフィッククリップタイプであることを示します（ヒント：このクリップタイプに基づいて、イベント内のすべてのレイヤー化グラフィックを表示するスマートコレクションを作成できます）。

Photoshopファイルのアイコンは、イベントブラウザに元のアスペクト比で表示されます。ファイルに複数のレイヤーがある場合は、左上隅にレイヤーグラフィックバッジが表示されます。

Photoshopレイヤーの編集

Photoshopファイル内のレイヤーを操作するには、ファイルを専用のタイムラインで開きます。これには2つの方法があり、それぞれの違いを理解することが重要です。

イベントブラウザでレイヤー化されたファイルをダブルクリックすると、専用のタイムラインが開き、各レイヤーを個別に選択して調整できます。レイヤーに加えた変更はすべて「親」のイベントブラウザファイルに反映されるため、プロジェクトに取り込んだファイルのすべてのコピーに変更が反映されます。

あるいは、Photoshop ファイルをプロジェクトに編集して（ドラッグまたはキーボードショートカットを使用して）、単一のクリップとして表示することもできます。デフォルトでは、Final Cut Pro X はアイテムをプロジェクトのサイズに合わせて拡大縮小しますが、「変形」ボタン（ビューアウィンドウの左下にあるボックス）をクリックしてビューアで操作するか、インスペクタでこれらのパラメータを変更することで、全体的な拡大縮小、位置、回転を変更できます。プロジェクトクリップをダブルクリックすると、イベントクリップをダブルクリックしたときと同じように、独自のタイムラインで開き、レイヤーが表示されます。ただし、ここでレイヤーに加えた変更は、プロジェクト内のこのクリップのコピーにのみ適用されます。

いずれにしても、Photoshop ファイルを独自のタイムラインで開いたら、レイヤーを上下にドラッグして積み重ね順序を変更したり、レイヤーを選択して V キーを押して無効にしたり、どちらかの端をドラッグしてトリムしたり、ビューアまたはインスペクタで位置、スケール、回転を変更して変形したりすることができます。

レイヤーの変換

Photoshopファイルには複数のレイヤーが含まれているとは限りませんが、複数のレイヤーが含まれているファイルでも、各レイヤーを個別に操作するのは簡単です。下の画像は、iStockphoto.comで購入した写真です。Photoshopで前景の女性を選択範囲にし、別の前景レイヤーに配置しました。次に、クローンツールを使用して、背景レイヤーで女性の後ろの空間を塗りつぶしました。Final Cut Proでは、モデル（前景レイヤー）の位置とサイズを、背景とは独立して変更できるようになりました。

Photoshopファイル（イベントブラウザから、またはプロジェクトに編集されたコピーから）をダブルクリックすると、各レイヤーが表示され、個別に調整できます。ここでは、モデルのスケールを拡大し、右に移動しました。ビューア内の画像とイベントブラウザのサムネイルの違いに注目してください。

Final Cutの要素を使った合成

Photoshop ファイルに透明な背景の単一のレイヤーがある場合は、独自の画像やビデオなどの他の要素と組み合わせたり、Final Cut Pro X に組み込まれているエフェクト、タイトル、ジェネレーターを利用したりして、合成画像を作成できます。

透明度のある単層Photoshopファイル（ヨガモデル）の例です。エフェクトブラウザのドロップシャドウ効果を適用しています。この画像はジェネレータブラウザの背景とリンクされており、その上にタイトルブラウザのタイトルがリンクされています。

Photoshop のレイヤーを個別にアニメートすることもできます。以下では、Apple Motion のライブラリにある時計のレイヤー化された Photoshop 画像を使用しました。Motion は Final Cut Pro X のコンパニオンアプリケーションで、オープニングタイトルシーケンスやその他のアニメートされたグラフィックをすばやく簡単に作成できます。また、Final Cut Pro X で使用するエフェクトを作成することもできます。時計の文字盤、時針、分針、秒針は、それぞれ別のレイヤーにあります。インスペクタ(パラメータの [変換] グループの一部)で回転パラメータにキーフレームを設定することで、各針が時間の経過とともに回転するようにアニメートできます。(ヒント: まず、各レイヤーのアンカーポイントを各針のベースに移動して、針がベース上で回転するようにしてから、針を中央に配置する必要があります。)