クリエイティブ

2018年版 360度VRビデオを始めよう！

Seigo Furuta

01-30-2018

X X Logo LinkedIn LinkedIn Logo Facebook Facebook Logo Copy Copy to Clipboard
エフェクト適用前のVR360ビデオ素材

2017年10月にリリースされたアップデートで、Adobe Creative Cloudの360度VRビデオ（VR180なども含むイマーシブビデオ）対応がさらに強化しました。

今回はこれら新機能の概要や、360度インタラクティブコンテンツ制作サービスをご紹介したMAX Japan 2017のブレイクアウトセッションのほか、2018年版Adobe After Effects CCによるVR360ビデオのスタビライズなどをご紹介します。

2017年10月アップデートによるVR360ビデオ編集対応の新機能

Adobe Creative Cloud 2017年10月アップデートでは、Adobe Premiere Pro CCに加えて、Adobe After Effects CCでもVR360ビデオ編集対応となり、さらに高度な制作が可能となりました。ここでは、それぞれの機能についてご紹介します。

  1. [Pr] ヘッドマウントディスプレイでのイマーシブビデオプレビューとコントロール
    • 今回のアップデートにより、Adobe Premiere Pro CCプロジェクト内のイマーシブビデオをヘッドマウントディスプレイ（以下、HMD）でプレビューできるようになります。対応のHMDは、HTC ViveとOculus Riftの2製品で、専用コントローラーを利用したコントロールも可能です。
    • HMDを利用するには、対応HMDを通常通りセットアップし、SteamおよびSteam VRをインストールしていることを確認して下さい。さらに、Adobe Premiere Pro CCの編集メニュー→環境設定→再生から、Mercury TransmitとAdobeイマーシブ環境を有効にして下さい。
    • https://blog.adobe.com/media_3114c02d6c82666e21e298ac93e33265c5441763.gif
    • VR HMD接続時の環境設定例

Premiere Pro イマーシブビデオ対応エフェクト

  • イマーシブビデオに対応したビデオエフェクト11種類、ビデオトランジション8種類が追加されました。それぞれのサンプルはこちらです。

VRカラーグラデーション

VRグロー

VRシャープ

VRデジタルグリッチ

VRノイズ除去

VRフラクタルノイズ

VRブラー

VR回転(球)

VR平面として投影

VR色収差

VRアイリスワイプ

VRクロマリーク

VRグラデーションワイプ

VRブラー(球面)

VRメビウスズーム

VRライトリーク

VRランダムブロック

VR光線

Adobe MAX Japan 2017

2017年11月のAdobe MAX Japan 2017でも、「これからはじめるVRビデオ」と題したブレイクアウトセッションが実施されました。書籍**360度ＶＲ動画メイキングワークフロー**の著者染瀬直人氏と、VRアプリのオーサリングプラットフォームInstaVRのCMO小島英揮氏により、撮影から編集、VRアプリの制作までを網羅するセッションとなっています。アーカイブ映像はこちらから。

Adobe MAX Japan 2017 – vd3

Adobe After Effects CCによるVR360ビデオのスタビライズ

VR360ビデオを移動しながら撮影した場合など、手ぶれが生じることがあります。このようなVR360ビデオをHMDで視聴するとき、映像の動きと身体感覚にズレが生じ、いわゆる「VR酔い」を引き起こす原因ともなります。

2017年10月アップデートのAdobe After Effects CCではVRコンポジションエディターを新たに搭載し、VR360ビデオのスタビライズ（手ぶれ補正）も可能となりました。その手順はこちらになります。

      1. スタビライズをかける、360VRビデオをAfter Effectsへ読み込む
      2. プロジェクトパネルで、読み込んだ360VRビデオ素材をダブルクリックして、スタビライズをかける領域を指定する（素材全体をスタビライズする場合は、不要）。
      3. 読み込んだ360VRビデオ素材を、新規コンポジションアイコンにドラッグ＆ドロップして、コンポジションを作成する。
      4. 作成したコンポジションのタイムラインが選択されていることを確認して、「ウィンドウ」メニュー→VR Comp Editor.jsx を選択する。
      5. https://blog.adobe.com/media_b1e7f443a18b7104dbe5c8e18f6cb07e3f4b66ef.gif
      6. VR Comp Editor.jsx
      7. VR Comp Editorの「3D編集を追加」ボタンをクリックする。
      8. https://blog.adobe.com/media_d927f9f1527ba610837e0b7fccb003b83adb4e1e.gif
      9. VR Comp Editor
      10. 「360度フッテージを持つコンポジションを選択：」で、手順3で作成したコンポジションを選択して、「3D編集を追加」ボタンをクリックする。
      11. https://blog.adobe.com/media_aa3316333eb81cb8c04f970803969ce7c8d93628.gif
      12. 3D編集を追加
      13. VR Comp Editorの「プロパティ」ボタンをクリックする。
      14. https://blog.adobe.com/media_4409ef787bf4900eb63375a64df042937aabc38d.gif
      15. 「プロパティ」ボタンをクリック
      16. 「プロパティを編集」ダイアログボックスで、「AE 3D カメラトラッカーを適用」ボタンをクリックし、バックグラウンド分析が終了するまで待つ。
      17. https://blog.adobe.com/media_eeee3502155d9cca19f0feef703a16c48223f589.gif
      18. AE 3D カメラトラッカーを適用
      19. 3Dカメラトラッカーエフェクトの「カメラを作成」ボタンをクリックする。
      20. https://blog.adobe.com/media_e5f5f034907fb18adcd8b10f94037aa7c5503fa2.gif
      21. カメラを作成
      22. 「プロパティを編集」ダイアログボックスで、「フッテージをスタビライズ」ボタンをクリックする。
      23. https://blog.adobe.com/media_c78eee0a8a8cf50b9eb22c83359f0bf94db9a234.gif
      24. フッテージをスタビライズ
      25. コンポジション内VR360ビデオ素材のスタビライズ完了。

クリエイティブビデオ