イトウ先生のTipsnote Premiere Pro CC 2017・VRワークフロー・その2

イマジカデジタルスケープ 短期集中クリエイティブ講座

イマジカデジタルスケープ・AfterEffects・Photoshop・HTML・CSS・JavaScript・1日トレーニング

Web・動画・映像・ゲーム・DTP・CG・Adobe Creative Cloud・キャリア・就活に

 
 
1 11月・12月・日曜開講のお知らせ
 

お客様index

企業・自治体のお客様に 業務効率化、コスト削減に
クリ博登録者・学生の方に 割引トレーニングはコチラ


イトウ先生のTipsnote


イトウ先生のTipsnote:目次

【 Premiere Pro CC 2017 の新機能:VRワークフロー・その2 】 

こんにちは、イマジカデジタルスケープの伊藤和博です。
2017年も4月になりました。2017年新入社員としてご入社された皆様、入社おめでとうございます。
また、学生時代とは違う新たな気持ちで頑張ってください。
それでは今週のブログとなりますが、今回は前回のブログの続き、Premiere Pro CC 2017の新機能から「VRワークフロー・その2」をご紹介します。
VR360度動画はもちろんですが、Premiereでは正距円筒法(せいきょえんとうほう)の画像でもVR動画にすることが可能です。今回は、画像の場合と動画の場合との違いなどについてご紹介していきます。
なお、iPhone・アンドロイドなどのスマートフォンをお持ちの方は【Googleストリートビュー(無料)】のアプリがあれば360度画像は簡単に入手できますので、素材の用意のためにGoogleストリートビューはダウンロードしておきましょう。

○Googleストリートビュー(iOS)
https://itunes.apple.com/jp/app/google-ストリートビュー/id904418768?mt=8

○Googleストリートビュー(Google Play)
https://play.google.com/store/apps/details?id=com.google.android.street&hl=ja

正距円筒法

最初に動画ではなく画像からご紹介しますが、まず、以下のような正距円筒法の画像を用意する必要があります。

PrCC17-VR-b000

前述の通りGoogleストリートビューアプリがあればこの画像は自分で撮影可能ですので、撮影した後の画像をPremiereに取り込んで編集します。Googleストリートビューアプリでの撮影そのものは、アプリ起動後にナビゲージョンが働くため、特に難しい操作なく360度画像の撮影が可能かと思います。

Googleストリートビューアプリで撮影した360度画像をPCに取り込む

Googleストリートビューアプリで撮影した360度画像を画像データとしてスマートフォン内に保存し、PCに取り込むには、iOSの場合は付属の写真アプリ内にも同時に保存しておく、という設定をしておかないと、せっかく撮影した画像が画像データとして取り出せません。
この設定は、Googleストリートビューアプリを起動した後、画面最上段にある検索ウインドウ左から【≡】をタップし、【設定】から【アルバムをスマートフォンに保存】をONにしてから撮影します。

PrCC17-VR-b001

こうすると、撮影後の360度画像がiPhone内の写真アプリ・カメラロール内に保存されるため、そのあとはメールに添付でダウンロードしたり、写真アプリ(旧iPhoto)を経由してファイルに保存すればPCに取り込めるようになります。全天球の写真を撮影すると数十枚の画像を撮影して1枚に合成するため、スマートフォンの有効画素数にもよりますがデータ量も100MB前後になります。

縦横比と解像度

YouTubeでは、解像度7168 × 3584 〜 8192 × 4096のフレームサイズ2:1の平面視・正距円筒法のコンテンツを推奨としています。
Googleストリートビューアプリで撮影した画像は、2:1の正距円筒画像になりますが、解像度はスマートフォン付属のカメラの画素数によってこれらのサイズに合致しないこともあるため、画素数が高い場合はPhotoshopの画像解像度で8192 × 4096に、低い場合は最低でも1920 × 960にしておきます。

PrCC17-VR-b002

なお、Premiereの場合、フレームの高さが960、1920、2048、2880、4096、5760、6000、8192でVRプロパティを自動設定するため、YouTubeの推奨最大サイズが8192 × 4096であることから、YouTubeにアップすることを考慮するとフレームの解像度は・・

・1920 × 960
・3840 × 1920
・4096 × 2048
・8192× 4096

のいずれかになるように、Photoshopの画像解像度を設定する、ということになります。

つなぎ目が表示される場合

シーケンスのVRプロパティが平面視以外の設定になっていると、プロジェクトモニターをVRビデオ表示にすると、コンテンツにつなぎ目が表示されます。この場合は、プロジェクトパネルからシーケンスを選択し、シーケンスメニュー > シーケンス設定で、VRプロパティのレイアウトの設定を再度確認しましょう。

PrCC17-VR-b004

PrCC17-VR-b005

最初に撮影した画像と正面設定

画像もビデオもそうですが、360度コンテンツの場合どの部分を正面(スタート時点の画像)にするかで、最初の視点も変わってきます。Googleストリートビューアプリで撮影した画像の場合、【最初の1枚目に撮影した画像が自動的に正面】になるため、撮影時点でどの部分を正面にするかを考慮して撮影するといいでしょう。
なお、撮影後に正面の位置を変更する場合は、エフェクト > ビデオエフェクト > ディストーション > オフセット、のエフェクトをクリップに適用し、エフェクトコントロールパネルの【中央をシフト】で設定します。なお、正面を設定するだけであれば、数値の変更のみでキーフレームを設定する必要はありません。

PrCC17-VR-b003

ちなみにエフェクトコントロールのアンカーポイントはあくまでもクリップの中心、という意味ですので、アンカーポイントでは正面の設定はできません。

PrCC17-VR-b009

キーフレームを設定し、パン・チルトさせる(オフセット及びSkyBox Rotate Sphere)

360度画像の場合、自動的にパンやチルトを行うことで静止画に動きを与えられますが、デフォルトトランジションであるモーション・位置に対してキーフレームを設定すると、クリップそのものの座標位置が動いてしまいます。

PrCC17-VR-b007

自動でアニメートするようにパンやチルトを設定する場合は、上記の正面設定で使用するオフセットエフェクトの【中央をシフト】に対してキーフレームを設定すると、以下のようにパン・チルトで動かすことが可能です。プログラムモニター上での回転はぎこちなく見えますが、書き出すとスムーズに動きます。



ただしいわゆる回転トランスフォームではなく中央を移動しているだけですので、クリップの尺に合わせてちょうど360度1回転、というような回転数の指定ではなく、中央の座標値を指定することになります。
このようなパンやチルトも含めた動作をプラグインで行う場合はMettleのSkyBoxというプラグインを使用するといいでしょう。以下のサイトでデモ版をダウンロードすることが可能です。

○SkyBox 360/VR Tools for Premiere Pro
https://www.flashbackj.com/aescripts/skybox_360_vr_tools/

ダウンロード及びインストールするとエフェクトパネル > ビデオエフェクト > Mettleというフォルダが作成されるため、その中にある【Mettle SkyBox Rotate Sphere】を使用すると、キーフレームを設定し動かすことが可能ですが、パンとチルト以外にも様々な機能がありますので、ぜひ上記のサイトを参考にして見てください。

360度動画の場合

動画の場合もPremiere上での基本的には同じ操作になりますが、Premiereで編集し、のちにYouTubeで配信することを検討している場合は、平面視で撮影する必要があります。
VRカメラはレンズが1枚で構成される単眼と、表と裏の2枚のレンズで撮影する双眼がありますが、双眼の場合には動画のつなぎ目が表示されるものの録画している範囲(特に上下方向)が広くなり、単眼の場合には映像につなぎ目はできないものの録画している範囲(特に上下方向)は狭くなる、という一長一短があります。

各VRカメラの特徴などは以下各メーカーのサイトで確認するのがいいかと思います。
なお、VRカメラは2泊3日などで貸出を行なっているレンタル業者もありますので、一度検索して見てください。

○RICHO THTA
https://theta360.com/ja/

○Kodak SP360 4K
https://kodakpixpro.com/Americas/cameras/vrcamera/sp3604k/

○NIKON KeyMission 360
http://www.nikon-image.com/products/action/lineup/360/

○SAMSUNG Galaxy Gear 360
http://www.samsung.com/jp/consumer/mobilephone/gear/gear/SM-C200NZWAXJP

これらのカメラはスマートフォンアプリからWifiで接続し録画などのコントロールを行いますが、Galaxy Gear 360はアンドロイド版のアプリしかなく、iOSデバイスでGalaxy Gear 360を使用する場合はGoogleストリートビューアプリの機能で外部の360度カメラとWifiで接続する、という使い方があります。

Media EncoderからVR書き出し

Media Encoder経由でVRコンテンツを書き出すことももちろん可能です。ファイルメニュー > 書き出し > メディア から、キューをクリックしてMedia Encoderを起動し、Premiereと同様の設定を行うことが可能です。

PrCC17-VR-b011

360度のコンテンツはYouTubeに限らず、JavaScriptを使用してWebブラウザのみでVRを実現するA-Frame(Mozilla)などもありますが、
Creative Cloudを使用しているのであればPremiereで行うのが手軽にできるのではないかと思います。
また、4月末にはKodak社より新しいVR4Kカメラが発売されるようです。購入を検討されている場合は、各カメラの比較を行なった上で検討されるといいかと思います。予算はもちろんですが、機能面として単眼、双眼、画質、フレームレートなどなど様々な要素があり、画質に関してはYouTubeで比較ビデオがかなりアップされているため、検索してみるといいでしょう。

関連講座

↑ページTOPへ

| カテゴリ | | Web | DTP・デザイン | CG・動画・映像 | キャリア・就活 |
| お客様 Index | | 企業・自治体のお客様に | 学生の方に |
| 目的別・状況別 Index | | Webデザイン入門セミナー | 映像編集入門セミナー | DTPデザイン入門セミナー | 魅力的なポートフォリオ作成 |
| Adobe CCを覚えたい方に | | Photoshop CC 2015の使い方・基本 | Illustrator CC 2015使い方・基本 |
| 画像をきれいに編集する方法 | 読みやすい文字の組み方 |
| HTML / XHTML / CSSの基礎知識 | HTML5 / CSS3の基礎知識 | JavaScriptの基礎知識 | jQuary・jQueryMobileの基礎知識 |
| Dreamweaver CC 2015の使い方・基本 | InDesign CCの使い方・基本 |
| AfterEffects CCの使い方・基本 | AfterEffects CC 2014の使い方・実践 |
| Premiere Pro CC 2014の使い方・基本 |
| Webの基本をマスターしている方 | | 棚橋弘季氏の直伝、ユーザー中心のWebサイト設計 | 益子貴寛氏が伝授するCSS実践テクニック |
| 矢野りんさんに学ぶ、”使える”デザイン基礎知識 | こもり氏のHTML+CSS基礎 | 平塚氏のマーケティング基礎 |
| 坂本氏のIA入門 | Webに関わるすべての人の「Webリテラシー」講座 | 神森勉氏に学ぶコーディング講座 |
| 森川眞行氏に学ぶ、大規模サイトの構築・運用マネジメント |
| 就職・転職・就活中の方へ | | 模擬面接セミナー(個別FB付) | エントリーシートブラッシュアップセミナー |
| 面接・職場で使えるビジネスマナー研修 | 職務経歴書添削セミナー |