Twitterでこの投稿を見かけたのがきっかけです。
いまGoogle Earthここまで行ってるのね…これドローン代わりになるんじゃね?
と軽い気持ちで試してみました。
今回は軽い使い方とAfter Effectsで3Dカメラを追従するところまでやっています。
Google Earth Studioで、広島の上空を飛びました。
— PPTA(ピピタ) (@PPTA11726924) October 21, 2019
広島はどうしても原爆の使命を負ってしまい、広島城の存在を知らない人も多いと思います。
私も、訪問し損ねている城の一つです。
YouTube動画(2:52)→ https://t.co/bkdJQk01Ot
以下一部動画です。 pic.twitter.com/HDMJgyAg94
この記事の目次
まずは登録から
![](https://wasabitaro.com/wp-content/uploads/2019/11/d54d47805eb851bce447b154052d8d36.jpg)
Google Earth studioはまだ「プレビュー版」のため、誰でも使えるわけではなく、登録申請することからスタートです。と言っても申請したらすんなり使えるようになります。まずはこちらから登録しましょう。
https://www.google.com/intl/ja/earth/studio/
数日するとメールが返って来て、利用できるようになりますので気長に待ちましょう。
プロジェクトを作ってみよう
Google Earth studioはブラウザ上で操作するwebアプリケーションになります。Chromeのみの対応です。ほかブラウザで行くと怒られます。
![](https://wasabitaro.com/wp-content/uploads/2019/11/770a5afb77b46d56a3eecfdeb71b0ece.jpg)
Googleアカウントにログインしてこちらのページに行けば新規プロジェクト作成画面に入れます。
まずはプロジェクト名。サイズは「フルHDサイズの1920×1080」から変えなくてもいいでしょう。
「フレームレート」で1秒あたりのフレーム数、それによって「長さ」が変わりますが、特に理由もなければ1秒30フレームかな。秒数は後からでも変えることが出来るので神経質にならなくてもOKです。
ちなみに
![](https://wasabitaro.com/wp-content/uploads/2019/11/866d1ea5c8f62e62538957d26b7e88ac.jpg)
「空のプロジェクト」の右のプルダウンから「クイックスタート」を選ぶことも出来ます。
![](https://wasabitaro.com/wp-content/uploads/2019/11/fe1b9b7b8036053d25facedf98f4c63a.jpg)
クイックスタートではいくつかのテンプレートが用意されており、位置を2点選ぶだけで簡単に楽しむことが出来ます。
ですが、今回は理解するために「空のプロジェクト」でスタートします!!
作ってみよう
![](https://wasabitaro.com/wp-content/uploads/2019/11/f8ca9c6cd7ab415d54d6787184295fcf.jpg)
これがプロジェクトのインターフェイスです。
- 左上…地図
- 右上…プレビュー画面(最終的にアウトプットされる画面の)
- 下…タイムライン
上部の画面UIは変更することが出来ます。
![](https://wasabitaro.com/wp-content/uploads/2019/11/23f6548502c56661f4f3638980cc987d.jpg)
試しに左上の検索画面から検索してみましょう。
広島のシンボル原爆ドームを検索
![](https://wasabitaro.com/wp-content/uploads/2019/11/a7f7e26ce81b260af27ff55ac48cdf7e.jpg)
右上の画面に検索結果が表示されます。
![](https://wasabitaro.com/wp-content/uploads/2019/11/2e225fee11da5015a15bc51b691f48f6.jpg)
右上の画面は画面上で角度など操作することが出来ます。
プレビュー画面の操作
- alt(option)+ドラッグ…カメラ角度変更
- マウスのスクロール(ホイール)…アップ・パン
- ドラッグ…上下左右移動
カンタン!グーグルマップと同じ操作ですね。
試しに動かしてみよう
![](https://wasabitaro.com/wp-content/uploads/2019/11/65115008c76fdf5db08ace7ed1944fdd.jpg)
ここから実際に作っていきます。
耐えば東京タワーを検索したとして、まずはじめの画面の状態を作ります。
![](https://wasabitaro.com/wp-content/uploads/2019/11/0fd964bcb96b501cecd40e29799aa628.jpg)
下のタイムラインを動かします。今回は「60(2秒)」の位置まで動かします。
![](https://wasabitaro.com/wp-content/uploads/2019/11/94095d4da8a5236a6a01b9b66939c881.jpg)
キーフレームを打ち込みます。デフォでは「緯度・経度・標高」「パン・傾斜」の5種が用意されていますので、「◆」マークのキーフレームを全部打ち込みます。
この状態では、「0〜60フレーム(2秒)」までは今の画面のまま、ってことですね。
![](https://wasabitaro.com/wp-content/uploads/2019/11/99dc9d3d5fe868866dc3ea1bf97445f1.jpg)
そしてまたタイムラインを動かします。今回は「120(4秒)」
![](https://wasabitaro.com/wp-content/uploads/2019/11/efe1b4e3518148352a79852095ba9c6f.jpg)
そして右上の画面を操作します。今回は東京タワーの真正面の絵に
![](https://wasabitaro.com/wp-content/uploads/2019/11/e258079c0188bd9a0fa8e7961aefbaa7.jpg)
そのままで下のタイムラインにキーフレームを打ち込みます。
タイムライン上で「スペースキー」で再生です。
![](https://wasabitaro.com/wp-content/uploads/2019/11/14tokyodome.gif)
するとこんな感じで動きます。簡単ですね!
これをひたすら繰り返して完成です!
その他設定
![](https://wasabitaro.com/wp-content/uploads/2019/11/1155a1c9e29d2d4c1a688ea4628b18cd.jpg)
キーフレームで打ち込めるのは「緯度・経度」などデフォで用意されている以外にも用意されています。緯度経度の上の「属性を追加」から追加できます。
詳しくはこちらのヘルプから
https://earth.google.com/studio/docs/ja/advanced-features/special-attributes/
![](https://wasabitaro.com/wp-content/uploads/2019/11/bbad6d217d251e2aeae55e563147d4ba.jpg)
特に面白いのがこれ「時刻」
時間に合わせて周囲の空模様や全体的なトーンが変わります。
![](https://wasabitaro.com/wp-content/uploads/2019/11/5114269fbe20c9d322685f0f72dcbb7e.jpg)
夜の0時にしてみました。あれ…明るい?
![](https://wasabitaro.com/wp-content/uploads/2019/11/b088c11331353dcebdc2a7f2a94e42ab.jpg)
こちらは朝8時。あれ…暗い…!?
どうもアメリカ時間のようですね…
![](https://wasabitaro.com/wp-content/uploads/2019/11/mtfuji.gif)
このように富士山頂からの美しい日の出を再現することも出来ます。
いよいよレンダリング
![](https://wasabitaro.com/wp-content/uploads/2019/11/55e228a367ea3adea5952643ac145098.jpg)
レンダリング前に「アニメーション-詳細設定」から「高度の対数補正」にチェックを入れるとアニメーションが滑らかになります。
After Effectsと連携する場合
![](https://wasabitaro.com/wp-content/uploads/2019/11/154df19343ff7065e96112ed86b9f969.jpg)
After Effectsと連動してカメラの位置と連動した地名などを入れる場合、「トラックポイント」を設定する必要があります。
左上のmap上で地名を表示したいポイントで「右クリック」「トラックポイントを設定」
![](https://wasabitaro.com/wp-content/uploads/2019/11/7975a278146b442337a531c2974eb9d6.jpg)
トラックポイントの名前を入れます。これがそのまま書き出される地名や建物名になります。
mapではランドマークなど表示されないので、Google Map上で緯度経度を割り出して入れたほうが間違いないかもしれません。
![](https://wasabitaro.com/wp-content/uploads/2019/11/6f9e866ef960bf0b29175ab247c2e81f.jpg)
いよいよレンダリングです。レンダリングボタンを押すと
![](https://wasabitaro.com/wp-content/uploads/2019/11/672b55085910fdb6ed0c4ab6866d5f0c.jpg)
書き出し画面になります。基本設定はそのままでOKですが、「Google EarthStudio」のロゴの位置は上下左右入れる場所を設定する必要があります。消すことは出来ません。邪魔にならない場所に入れましょう。
![](https://wasabitaro.com/wp-content/uploads/2019/11/d6e8fce1956fec3acc4c2980870ee554.jpg)
After Effectsと3Dカメラを連携させる場合は「詳細設定」から3Dトラッキングデータから「After Effects」を選びましょう。
書き出しには結構時間がかかります。長いからといって待ってる間他のコトしていると…
![](https://wasabitaro.com/wp-content/uploads/2019/11/89583972b1a4cfba39b63d39a14875f7.jpg)
怒られます。あんま画面切り替えるなってさ。
After Effectsでの操作
![](https://wasabitaro.com/wp-content/uploads/2019/11/645e6e8a19eb0deefe8f77b70bf3910d.jpg)
レンダリングが終わったらzipファイルがダウンロードされます。解凍すると…
![](https://wasabitaro.com/wp-content/uploads/2019/11/340ba746c7e5528bffd65cdaeb5e2163.jpg)
まさかのワンフレームずつのjpgが!! mp4とかじゃないの?これどうすんの?
![](https://wasabitaro.com/wp-content/uploads/2019/11/84b90487fccc3fb31ee192f7da8e4ff6.jpg)
(今回はAfter Effectsのみの解説です)
After Effectsに移り、「ファイル」「スクリプト」を実行します
![](https://wasabitaro.com/wp-content/uploads/2019/11/e673a19cd626876140465678b728a0d4.jpg)
解答したフォルダ直下のjxを選んでコンポジションを開くと
![](https://wasabitaro.com/wp-content/uploads/2019/11/0ac6fe22099eb67a58ea41405d83eadd.jpg)
無事結合されていますね
そして先程の「トラックポイント」がテキストレイヤーとして出来てます。
![](https://wasabitaro.com/wp-content/uploads/2019/11/1641b53e97665fc10741057872296a1e.jpg)
タイムラインを進めていくと何か画面白い…じつはこれトラッキングで設定したテキストなんです…でかすぎだろ…
![](https://wasabitaro.com/wp-content/uploads/2019/11/d9f2fed0651b4c183a4b26d77ea532c7.jpg)
テキストレイヤーのこの2つの設定をいじります
![](https://wasabitaro.com/wp-content/uploads/2019/11/05384d4c8afa17f8df1559fdbd14efbb.jpg)
でかすぎるのでスケールを小さくして、デフォでは水平線に対して平行に浮かんでいるので「X回転」を「90°」に設定します。
![](https://wasabitaro.com/wp-content/uploads/2019/11/9af45b6b36f924c8a4385a2ad3dee8ed.jpg)
まぁ見れるようになりました。ただ建物みたいに突っ立ってます。マークとかならこれでもいいんだろうけど。文字は読めねぇ…せめて読めるようにしたい…
![](https://wasabitaro.com/wp-content/uploads/2019/11/6c076e5de4a4d102b9b7cb1a49e133c0.jpg)
ということでY軸の回転だけは「カメラレイヤー」の「Y回転」に「ビッグウィップ」を伸ばし、追従する設定にすることで
![](https://wasabitaro.com/wp-content/uploads/2019/11/00d6405a99ed682746cbb6389f81f927.jpg)
Y軸のみは常にカメラに合わせ変動(つまり真正面を向く)よう設定しました
![](https://wasabitaro.com/wp-content/uploads/2019/11/95b5a27b9e64ba5951d1e4c81d173035.jpg)
あとは位置を微調整して
![](https://wasabitaro.com/wp-content/uploads/2019/11/74ae3190df70694981a05a59dfbc3661.jpg)
ある程度は読みやすく出来ます。
今回は文字元々のトラッキング文字レイヤーを生かしましたが、文字ではなく図形やオブジェクトを置き換えたい場合は、元々の文字レイヤーの設定を真似る必要があります。
新規オブジェクトのマネるポイント
- 元々の文字レイヤーと「親とリンク」設定を合わせる
- 元々の文字レイヤーと「トランスフォーム」の値(位置など)を同じ設定に
- その後、文字レイヤー時と同様に微調整
することでテキストと同様に可読性を保って追従させることが出来ます。
下記動画ファイルはイラレファイルを追従させたサンプルです。
以上、Google Earth studioの紹介と使い方でした。
これなら簡易的な空撮ならドローンいらなくなるかも…
まだまだアップデートしそうですし夢広がるツールですね!!