0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

グリーンバック動画から透過動画を作り、Unityで透過動画を扱う

0
Posted at

Unityでは、アルファチャンネルを持つVP8の動画であれば、透明度を持つ動画として扱うことが出来ます。

そのため今回は、グリーンバック動画をクロマキー処理し(DaVinci Resolve)、その動画をUnityで扱えるアルファ付き動画に変換してみます(Shutter Encoder)。

使うもの

グリーンバック動画を透明化

まず、DaVinci Resolveを使ってグリーンバック動画からアルファチャンネルを持つ動画を作ります。

今回は以下の動画を使います。

具体的な編集方法や書き出し方は、以下の動画や記事を参考にして下さい。

特に大事なのはビデオ書き出し時の設定で、自分の場合は以下のように設定しています。

  • フォーマット: QuickTime
  • コーデック: Apple ProRes
  • 種類: Apple ProRes 4444
  • 「アルファを書き出し」にチェック

image.png

透明化した動画をUnityで扱えるように変換

ここからはShutter Encoderを使って、アルファチャンネルを持つVP8の動画を作ります。Shutter Encoderを開くと編集するファイルと扱うコーデックを選ぶことが出来るので、DaVinci Resolveで書き出した動画を選択して、出力用コーデックとしてVP8を選びます。

vlcsnap-2026-02-11-14h11m18s070.png

コーデックを選ぶと編集画面になります。以下のように、透明な部分が格子上で表示されていれば問題ありません。

問題がある場合

以下の画像のように、綺麗に格子上が見えない場合、DaVinci Resolveでの編集に問題があります。DaVinci Resolveでのクロマキー処理や出力コーデックを見直して下さい。
image.png

編集画面が開いたら「オーディオ設定」からコーデックを「Vorvis」に変更します。また、「高度な機能」から「アルファチャンネルを有効」を選びます。

image.png

image.png

その後、「処理を開始」を選択して動画を書き出します。

image.png

Unityにインポートして確認

Shutter Encoderで書き出した動画をUnityをインポートすると動画のインスペクターに以下のような表示が出ます。

image.png

そのため、以下のような設定でApplyします。

image.png

問題なくインポート出来た場合、以下のように透明な部分が格子上に表示された上で動画が再生出来ます。

Unity_TransVideo.gif

実際に、Unityシーンで使う場合は、Transparentのマテリアルを持ったオブジェクトに「Video Player」のコンポーネントをつけて「Render Mode」を「Material Override」にすると、しっかり再生されます。

image.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?