あけましておめでとうございます。

放置していたブログ、久々(約二年ぶり)に更新。
昨年末石野真子さんのクリスマスディナーショーのVJやってきたので、それの制作工程なんかを書いていきます。

2014-12-26_115958.png
会場が恵比寿にあるアクトスクエアってところで、360度パノラマスクリーンがある面白い会場でした。
過去にVJはやったことあるけど、さすがに360度スクリーンに投影する映像は作ったことがなかったので色々と苦労しました。

360度パノラマスクリーンがあると言っても全部が全部360度パノラマスクリーン投影するわけではなく、出力できるパターンがいくつかあり、自分はその中の3つのパターンの映像を作ることになりました。

映像は合計5つ作ったんだけど、そのうち3つは360度パノラマスクリーンの映像、
1つはセンタースクリーンの投影される5:1の超ワイドな映像、
もう1つはVJソフトからリアルタイムに出力される映像です。

他にも画像を読み込ませてスクロールさせたり、ランダムに動かすみたいなこともできるみたい。

その中のCGで作ったパノラマ映像について書こうと思います。
360度パノラマの映像は14608px×720pxってわけのわからないサイズw
画素数で言うと最近話題の4Kよりちょっと多いくらい。

開演開始時と終演時に流れる2つの360度パノラマ映像はよくある緞帳が締まったり空いたりする映像だったので、AfterEffectsで作って指定されたパノラマのサイズの映像を作れば良かったから問題はなかったんだけど、ある一曲で流れる映像が一本道を走っているような映像を作ってほしいと要望がありました。

CG背景用の全球面パノラマは作ったことあるけど、360度パノラマ映像なんて作ったことないから、大丈夫かなぁ?っと思ってたけど、結論を言えばLightwaveを使えば簡単にできた。

全方位パノラマと360度パノラマを勘違いしそうになるけど、全方位カメラはこれ。

maru.png
上下左右360度全方位の絵がある。最近流行りのオキュラス用に作るならこれ。
カメラの真下にある道路が写っているのがわかる。

360度パノラマがこれ。
360.jpg
全方位と違い上下の絵が存在しない。スクリーンが固定で上下が存在しないのであればカメラの上下の絵は必要ない。

360度パノラマが撮れるブロギーなんてカメラもあったねー。
ブロギーで撮った映像をアクトスクエアで出力すれば面白いものが作れるかも。

建物とか複雑な形状は存在しないCGってことでMODOでモデリングしたものをVueに読み込んで作ることを初めは検討。
Vueってソフトは手軽にリアルでキレイな景観CGが作れて、360度パノラマ出力も簡単にできるんだけど、いかんせんリアルすぎるせいでレンダリングが遅い...早くしようとクオリティ下げると一気に汚くなるという欠点が...。
なのでVue作ることは早々に諦め、Vueでは背景の空だけ作って、それ以外はいつも使ってるMODOでやることに変更。

っが、しかし...MODOでは全方位パノラマは書き出せるけど、360度パノラマは書き出せないことが判明。やっぱりVueで作ろうかとも思ったけど、レンダリング時間を逆算するとどう考えても間に合わない。

ハーフサイズにしても数日かかる。そこで最近ホコリを被ってた久々Lightwaveの登場!
最終的にはMODOでモデリングしたものをLightwaveに読み込んでアニメーションさせレンダリングすることになった。
モデリングって言っても、木は素材の木、岩はMODOに入ってる素材だから、実際にモデリングしたのは大地と道路だけ。道路つってもただの板ポリだけどね。
正直モデリングからアニメーションまで全部Lightwaveでできるんだけど、最近使ってなくて操作を思い出すのに時間がかかりそうだったから、モデリングはMODOにしました。

2014-12-26_161116.png
MODOでのプレビュー画面


モデリングしちゃえばループできるように前後にいくつか同じものを配置して、10秒で終わるようにアニメーションを設定。フォグを設定しないとループの境目が出てしまうのでフォグを設定してレンダリング。あとはマシン任せ。


MODOでモデリングしたものをLightwaveに読み込んでループ配置したところ。


ハーフサイズの7304*360pxでレンダリングして1フレが約5分。
合計300フレームレンダリングしたから、レンダリング時間は25時間ってところ。フルサイズでレンダリングしたら1フレ大体9分くらいだったから、どう考えても終わんなかった。

やっぱLightwaveのレンダリングは速いなぁっと改めて思った。クオリティはあれだけど...。
まぁ作った3Dモデル自体がこれだからクオリティ上げるなんて不可能だけど。

超短納期だったから忙しかったけど、レンダリング中はやることがないので、友人宅のクリスマスパーティーに行ったりしてましたよ。

360度パノラマの映像はレンダリングしたものが14608px×720pxなんだけど、このまま納品することはできず、これをトリミングして6つの映像の切り分けて納品しました。

アクトスクエアでは6つのプロジェクターを使って、映像を同時に6つ出力することで360度パノラマを実現しているようです。

ただ納品コーデックが最近巷で話題のMPEG1!
MPEG1じゃAEから書き出せないってことでTMPGEncを使ってAEで書きだしたものを変換。

LightwaveでTGAの連番ファイルを書き出す→AEで色調補正→6つにトリミングして書き出し→TMPGEncでMPEG1にエンコード。

っとただでさえパノラマ映像作るの大変なのに、色々やること多くて更に時間がなくなりました。

なんとか当日までには間に合ったけど、360度パノラマスクリーンに投影テストできるのは本番当日という何かあったらどう対処もできない状況だったけど、無事に投影することもでき、レンダリングの問題でズレがあったりして、当日レンダリングし直すところもあったけど、無事に本番を終えることができました


帰り際にスタッフ控室にあいさつに行ったら石野真子さん偶然会ってお土産をいただいてしまいました。
あざーす!

IMG_0757.JPGのサムネール画像

ちなみに360度パノラマを円柱に貼って映像にするとこんな感じ。


360度パノラマだから、前も横も後ろも見える。


ただ実際の会場はフロントスクリーンが大きくて、横から後ろはちょっと小さいから見え方が結構違うけど。

リハときにどんな感じに出力されてるか撮りたかったんだけど、リハ中はバタバタしすぎて全然撮れなかったから、自分の作った映像がどう出力されてたのか実はちゃんと見れてない。

IMG_0747.JPG


 久々のブログでとっ散らかった文章になってしまいましたが、こんなもんです。

それではみなさん本年もよろしくお願いします。

11月23日にタワレコ渋谷店がリニューアルするんですが、
それのコンセプト映像やインタビュー映像を友達が監督していて、
そのキャンペーンサイトを制作するということで、
Webサイト制作を担当しました。

http://liveliveful.jp/


超カッコイイ映像が見られるので、ぜひぜひ見てみてください。
インタビューが定期的に更新されていくんですが、
更新作業などもやってます。

監督はショウ、
音楽は同じチームのフットサル仲間でもある小野さん、
カメラマンは知り合いの岡村さんと、
以前blindというショートフィルムを作ったメンバーが
4人も関わっていて、自分がWeb担当だから、
撮影もすべて終わっている状態からしか関わっていないけど、
知った名前が多く、面白いプロジェクトでした。

Webサイトの仕事は後々雑誌とかで紹介されたときに、
紙面にスタッフとして名前が載ることはあるんだけど、
今回はWebサイト自体にスタッフ名が掲載されていてるので、
自分の名前が紹介されていてなんか感動。


制作期間が短かったのと、
PC&スマフォ版両方作らないといけなくて、
更にスマフォはAndroid2.x系、Android4.x系、iOS5系、iOS6系と
挙動が違って、Android2.x系に最適化すると、iOS6で動かなくなったりと、
デザインや演出よりも、そっちに無駄に時間がかかってしまいました。

まぁ何はともあれ無事に公開できてよかったです。

超久々の投稿。

登壇者として少し喋らせてもらいました。

最近AfterEffects用に発売されたElement3Dというプラグインがあって、
「今までのAfterEffectsでは表現できなかったような、
3DCG表現がAfterEffectsだけで作れちゃいます」みたいなことを話そうとしたんだけど、
発表当日は自分のPCじゃなかったので、プラグインがうまく動作せず、
用意していたものがほとんど使えなくて、自分の発表はグダグダになってしまいました。

ってことでそのときに作って見せる予定だったものを少し作りこんで、
モーショングラフィックス映像としてYouTubeにアップしてみました。

Element3Dのプラグイン所持者にはiPhone5のCGモデルが無料で配布されていたので、
それを素材として使いました。

途中までマジメに作ってたんだけど、途中からふざけたくなってきたので、
なぜかAndroidの公式キャラのドロイドくんが登場してますがお気になさらず。

この映像はすべてAfterEffectsのみで作ってます。
立体的なCG表現もすべてElement3Dというプラグインを使っていて、
CGソフトは一切使ってません。



【追記 12/10/15】レポートが掲載されました。
 http://techblog.yahoo.co.jp/event/mw2012_report/


去年のCut&Pasteで共に戦った戦友のショウダくんがショートフィルムを作り、
それのWebサイトを作りました。
4分程度の短い作品なのでぜひともご覧ください。

http://www.blind-film.net/



原発をテーマにしている作品で、
今の日本人の目からすると描画がリアルなので、
ちょっと衝撃が強いかもしれません。

テーマがテーマなのか、Twitterで話題を呼び、
現時点でVimeoとYouTubeの合計再生数がすでに5万回を越え、
Facebookの「いいね!」を押された回数も900回を超えてます。

Twitterのクチコミで多く広がったせいか、
iPhoneやAndroidでのアクセスがかなり多く、
頼まれてもいないスマフォ用のサイトを作っておいてよかったなぁっと思いました。


ちなみにWebサイトを作ることになったのは、
とあるイベントの帰りに、
「今ショートフィルム作ってるからそれのサイト作ってよ」
と言われたので、
「別にええよ」
と軽く返事をしたのがキッカケ。


海外のKICK STARTERというところで出資を仰ぎ、
そこで資金を集めて製作するという新しい試みが用いられた作品。
サイトにあるSpecial Thanksを押したときに表示されるのが出資者の方々です。

http://www.kickstarter.com/projects/1503216494/blind-post-nuclear-tokyo-commute


監督の彼とは同じ年なのでいい刺激になりますねー。

前に学生さん作った「フミコの告白」って自主アニメがネットで話題になってたけど、
それを作った石田祐康さん制作の新作アニメが素晴らしかったので紹介。



んー。素晴らしい。感動した。

これを見ていて「或る旅人の日記」を思い出した。
あれを見たときの同じ印象(感動)。

卒業後は個人で活動していくか、どっかの会社に就職するのかわかんないけど、
入社するならRobotかな?

数年前からプロジェクションマッピングを使った映像表現が増えてきたけど、
HYUNDAIで使われたプロジェクションマッピングのプロモーションが
素晴らしかったのでブログで紹介。

今までは壁や柱の凸凹を使った表現が多かったけど、
この規模のもので商品自体を置いて表現したのは初めてみた。

基本は白のスクリーンに投影してて、真ん中に本物の車置いてるだけだから、
作り方としてはシンプル。

でもスゴイの一言。



日本じゃまたプロジェクションマッピングの事例はあまり見かけないけど、
一度は生で見てみたい。

初めて見たプロジェクションマッピングはこれ↓
衝撃受けたなぁ。こうゆう表現があるのか!っと。
自分もいつか作ってみたい。





新年あけましておめでとうございます。

今年の4月でフリーランスのWebデザイナーになって3年目。
昨年はいろんな方々にお世話になり、
なんとかフリーランスとして生活していけております。

昨年はWebデザイン、Flash制作だけでなく、
映像制作やCG制作、企画・ディレクションなど
多くのことをやらせていただきました。

それにWeb Designingに読者のWebデザイナーとして紹介していただいたり、
Web屋さんなのにCut&Pasteのモーショングラフィックス部門に出場したりと、
色々と刺激的なことも多くありました。

今年も枠にとらわれず、色々と頑張っていこうと思っておりますので、
本年もよろしくお願い致します。 BillionMilesAway 鈴木順二


年賀状用に作ったCGをアニメーションさせてみたのでぜひご覧ください。



12月11日に渋谷のWombで開催されたCut&Pasteの
モーショングラフィック部門に参戦してきました。


CG WORLDに掲載された記事。下向いて唇噛んでる写真が使われたw


一週間前に「GAME OVER」というテーマがメールで送られてきて、
素材を用意しないといけなかったんだけど
仕事が忙しかったのと、
体調を崩していたということもあり、
まったくアイデアが思いつかなかった。

とりあえず曲を先に作り
その曲を聴きまくってビジュアルイメージを考える
ミュージックビデオ手法でやることに。

何曲か曲を作って、それを二日前から聴きまくり、
なんとか思いついたのが
ブロックゲームのジェンガを音と映像をシンクロさせて
カッコ良く見せようというアイデア。

ほかにいくつか思いついたんだけど、
素材を作り込む時間がなくて、
最低限の素材で済むその案にした。


そしてCut&Paste当日、デスクトップPCと24インチモニター、
キーボード、タブレット、オーディオインターフェイスなど、
20キロ以上ある荷物をダンボールに詰め、
東横線で横浜から渋谷まで向かう。

土曜の8時の電車だったけど、
思ったより混んでいて、ドデカイダンボールを運んでいるせいで、
ものすごく冷たい目線が...。
渋谷駅からWOMBまでも遠い遠い。

去年の大会ではCintiqとか支給されてたらしいんだけど、
今年は機材の支給が何もなかった。

WOMBには9時に到着。
WOMBの4階にあるVIPルームに機材をセッティングして、
事前に用意した素材のチェックと説明を受け10時から制作スタート。

実際制作してみてわかったこと。
・事前に用意した素材のクオリティが低すぎた。
・実際作ってみたら頭でイメージしてたのと尺が合わなくて、
 尺が5秒ほど足りなくてテンパッた。
・思ってたより15秒は長い。
・用意した曲が16秒あってそれを編集したらBPMが変わって、
 作った映像とシンクロしなくなってしまった。
などなど当日に問題発生しまくり。
全参加者の中で一番クオリティが低いのに、一番遅く完成した。

そして8時間で制作したモーショングラフィック作品がこちら↓


映像と音がシンクロしてない残念な作品になってしまいました。
まぁ何を書いても言い訳的な感じにしかなりませんが...。
もっと頑張れたかなぁ...。

まぁWebデザイナーが
モーショングラフィック部門で出れただけでも良かったと思うけど。

モーショングラフィック部門で優勝したのは、
僕と同じ年のショウダユキヒロ氏。
僕以外の誰が優勝してもおかしくなかったですね。

以下実際のWOMBでの制作環境についての愚痴。
15時過ぎくらいから審査員の人たちやら、
ほかの部門に出場する人たちが集まり始めたんだけど、
その場所と僕達が作ってる場所が同じスペースにあり、
その人たち喋り声がうるさいうるさい。

その上真後ろに喫煙スペースがあって、
そこでタバコを吸われるもんだから、
超嫌煙家の僕のイライラはピーク。
制作環境は最低最悪な場所でした。

まぁみんな同じ環境で制作してるわけだから、
何を言っても言い訳にしかならないけどね。


■映像制作環境
・Lightwave
・Adobe Aftereffects

■音楽制作環境
・KORG KARMA(シンセサイザー)
・Steinberg Cubase SX
・Adobe Soundbooth

まぁチャンスがあれば来年も出てリベンジしてやりたいけど。

Animaが制作したものすごいリアルなCGアニメ[Cat Shit One]
戦争ものだけどカメラワークなども凝っていてかなり臨場感のある映像になってます。

ただ僕は全編を通して違和感を覚えた。
なぜかと考えたらフワフワした毛の生えたカワイイキャラクターが銃を振り回たり、
ナイフで殺戮しているギャップからだと思う。

血が飛び散ったりはしないので、そんなに残虐には見えないけど、
小さな子どもが見るとキャラの可愛さと、
リアルな描写のギャップに驚いて泣いてまうかもしれません。



2週間くらい前にTwitter経由で発見したYouTubeの爆笑動画。

1分50秒過ぎの、
「よくわからないエラーは仕様ですと言え!全部だ!」
の部分は爆笑。



日本でも海外でもまったく関係のない字幕を付けて、
面白動画にするのは流行ってるようですね。


これがCG?
すごい時代になったもんです。

ハリウッド映画でも当然のようにこれくらのCGが使われてるわけなんですが、
映画観てるときはストーリーに集中してるから、
「これCGかぁ」なんて思いながら観てないから気づかないけど、
こうやって音と映像だけで、「これCGです!」って観せられると
そのクオリティの高さを実感する。

空はCGじゃなく、実写だと思うけど、
それにしてもすごい。

YouTubeにはHD画質の映像もアップされてるので、
ぜひそちらでご覧ください。




これは上のCGの簡単なメイキング映像。
レンダリング前の映像からレンダリング後の映像、
カラコレの工程までが短くまとめられてます。



もうなんなんですかね。この美しさ。

Canon 5DmarkII & Nikon D3を使って撮影した映像のようですが、
20万ちょっとの5DmarkIIでここまでの映像が撮影できてしまうなんて...

ずぅーっと見てられますね。


こうゆう手法の作品はいくつか見たことありますけど、
これはカッコよすぎますね。

5分あたりのスローモーションダンスとか、
最後の発光するヌンチャクとかカッコ良すぎます。

ダンスしている方があまりに動きにキレがあるので、
本当は若い方で白髪のあごひげは付け髭なのかなぁっと思っていたら、
普通にいい年したオジサンでした。

あらびき団などにも過去に出ているようで、
有名なダンサーの方みたいですね。

【映像を投影】 + 【ダンス】を組み合わせることによって、
こんな表現ができるということは、
他にも面白いものはたくさんできるんだなぁっと思いました。

僕も色々考えていきたいですね。

+Dancer+ RIENTARHYTHM http://www.orientarhythm.com/
 +Visual design+ Nobuyuki Hanbusa http://blog.hana-busa.jp/

下の動画を見ればわかるのですが、
Lightwaveの動きをAfterEffects(以下AE)に適用できるという超便利なLScriptです。

従来のAEで読み込める3DソフトはMayaのカメラデータのみだったんですが、
これでLightwaveの動きも読み込めるようになります。

ちょっとだけエクスプレッションを打ち込む必要があるみたいですが、
シンプルなものなのでスクリプトの知識がなくても誰でも簡単に適用できると思います。

LightWave to After Effects Workflow from Petter Sundnes on Vimeo.


以下LScriptのダウンロード
http://mentalfish.com/2009/08/lw-2-ae/

マイノリティリポート好きの私としては、
こうゆう映像はいいですねぇ。
こんなインターフェイスやデバイスが使える日もそう遠くはないんだろうなぁ。


このアーカイブについて

このページには、過去に書かれたブログ記事のうち映像カテゴリに属しているものが含まれています。

前のカテゴリは映画です。

次のカテゴリは仕事です。

最近の記事はインデックスページで見られます。
過去に書かれたものはアーカイブのページで見られます。