CarCrash'n'Siren

https://www.youtube.com/watch?v=Gov2u6LAuIU

概要欄にあるように、Lost Frog Productions 主催 Hyperflipコンピレーションアルバム「CAR CRASH AND SIREN」収録曲で、表題曲。

怖いのがアルバムの名前が先でMIDy側で（勝手に！）アンセムにするのだという気合でこのタイトルになっている。

本当にアンセムになっているのも怖い。すごい。プレッシャー。

wipを聞かせてもらい、「すげー曲。映像作るとかじゃなくてよかったー！」と思ったら、あとから依頼が来た。

とはいえこんなすげえ曲のMVを作るチャンスを逃すわけにはいかないので、そんなこと悟られないように引き受けた。

何回も公開が延期になってしまったのは、この曲に合う映像作りが大変だったということが大きいが、途中ひど目の扁桃腺炎になり一ヶ月ほど熱が下がらなかったのが原因でもある。病気にはなりたくないものです。

1. 音の雲の上

https://scrapbox.io/files/66ebb609192738001c3fb8f7.png

そこで歌詞の「音の雲の上」をまんま持ってきた。広くて立体的な画を作るのが苦手だと自負しているのでうまくできたと思う。

https://scrapbox.io/files/66f0e790374cf0001c190f24.png

こいつはCar Crash and Sirenです。

https://scrapbox.io/files/66f0e7c90b28e9001dfbbb0d.png

手持ちがCubaseしかなく最後とあべこべになったけど、MIDyはCubase→Ableton liveなので意図せず歴史になった。

「轢き殺してー」あたりは最後まで悩んだ。そのまま轢き殺してそうな画面だと面白くないけど、かといって動きがないような音でもないので……カレイドスコープに救ってもらいました。

1.1　一回目のCarCrash'n'Siren

https://scrapbox.io/files/66f0e87c374cf0001c1918ee.png

カラーバーっぽいものやタイムコード、アクションセーフなどテスト画面感を出した。

ちなみにタイムコードは無茶苦茶です。

輪っかになっているのは、カゼヒキとゲキヤクの光輪

公式サイトに行ったらめちゃくちゃ種類があって戸惑った

そもそもキャラクターを出すのか出さないのかというのも結構せめぎあいで、今回は出さない選択肢を取ったけどこういうところに一個忍ばせています。

https://scrapbox.io/files/66f0e909814ca10022278c73.png

MIDyからFBは２つだけだったのですが、その中の一つがこちら。ここは特に変化なしだったのをもっと音に合わせた派手なエフェクトがほしいとのことで画面を割った。

どうしてもガラスの割れる素材が手に入らずここだけPhotoshopのAIを使った。

これが全然言うこと聞いてくれないので手間取った。

最終も完璧な画面割れではなかったので、画面は割れているのにその割れてる画面ごと歪むというメタ的な表現にした。

2.　First drop

https://scrapbox.io/files/66f0ea6aab78cf001ceb92dd.png

ずっと悩み続けていた。なかなかかっこいい画面にならず何回も試行錯誤した結果、書き出し素材がたくさんできたので、画質を落として真ん中においた。mp3圧縮によるノイズを曲の中で利用していると聞いたので、こちらもmp4のノイズを使うことにした。後ろの素材はサイレンとwindow。両方Blenderで作っている。Blenderのパーティクルシステムは神。中心の白いぐるぐるもBlender。

https://scrapbox.io/files/66f0ebcf6fe468001d9facd3.png

3.Aメロ　ツギハギのノスタルジー

https://scrapbox.io/files/66f0ec12d4133a001c696097.png

ここからホワイトキューブに戻っていく。曲調的にも。

いくつかAdobeStockとかから素材を持ってきてコラージュの木と塔を作った。

ここで両端の賑やかしに、フェードで移り変わる森林と雲をおいたのだが、この２つは高速でフェードさせるとアニメーションしてるように見えAI生成みたいになることがわかった。

https://scrapbox.io/files/66f0ecd893adb0001c5eb5c3.png

そこで「刻みつける」という歌詞からDeepLearningに飛んで、AI生成みたいな映像を前に後ろにニューラルネットワークのような図をおいた。

このあとのトランジションは自分のキーボードをスマホを素早く動かしながら撮ったもの。

ただエフェクトかかりすぎてあんまりわからない。

4.Second Drop

https://scrapbox.io/files/66f0edad88ae77001d0619da.png

最初は何気ないモーショングラフィックスだったのが、それがまたサンプリングされ複雑な映像になっていく。

FirstDropでもあったWindowの車は手打ち

https://scrapbox.io/files/66f0ee489c6b2f001dbdb06c.png

なんかもったりしてて、ちょっと可愛くなりすぎたのであんまり使わなかった。

↓macモチーフのポップアップウインドウ。よく見るとアイコンが雑。

https://scrapbox.io/files/66f0eec82ad696001c50dcbb.png

あとあんまり変なメッセージを付け加えないように、動画内では読めなくなっているはず。ここだけにしといてください。

5.Bメロ　仮想だけの経験で

https://scrapbox.io/files/66f0ef8e71fe1b001d18e9e1.png

耳元で鳴ってるで左右が出て、細い線でつながってで細い線がでる安直な場所。

しかしながらなかなか見た目かっこ良くできたのではないだろうか。

「仮想だけの経験」でヘッドマウントディスプレイだったものが信号機に変わるというのはMIDyもお気に入りらしいです。

「仮想だけの経験で」で出てきたVRゴーグルがぐるっと回って、「インターネットでみんなんで渡る赤信号が」で信号機になるの好き

https://scrapbox.io/files/66f0f03271fe1b001d18f23a.png

カーソルが出てくると一気にインターネット感が増す。本当はインターネットには関係ないのに。

やっぱり勝手に開くタブと一緒に記憶にあるのかもしれない。

5.1 二回目のCarCrash'n'Siren

https://scrapbox.io/files/66f0f0979be882001dcd02c7.png

後ろがなかなかキマっていたのでそのまま画面を止めて出すことに。

https://scrapbox.io/files/66f0f0f9a3c568001cb06a18.png

映像好きな人に届いてほしい小ネタ。終わってるBreakdownトランジション

ということでここではBreakdownっぽくトランジション。

Breakdownはいわゆるメイキングで#Breakdown とかでTwitter を検索すれば、だいたいどんなものかわかると思います。

クリックしたらわかるけどちゃんとかかってるエフェクトの「DeepGlow」って書いてある

https://scrapbox.io/files/66f0f16f99076c001cd78568.png

DeepGrowになってますね。うーーん。

まーー…、直接の違法サンプリングを避けるのがこの曲の醍醐味なので……えぇ……

ちなみにDeepGlowは結構重いので三段階かかるここは少しレンダリングが遅くなります。

6.1 ThirdDrop

ここはインターネットの歴史をなぞっていてなかなか骨が折れますのでこちらをどうぞ

上が終わったあとの展開が変わる瞬間、Alight Motionのロゴにもしたものが出てくる。

https://scrapbox.io/files/66f101edc4219d001c1083cf.png

これは自分した以下のツイートを実践したもの。

Alight Motion のかっこいい映像が氾濫しているせいで Alight Motion のロゴすらかっこよいものなのではないかと錯覚し始めている。

https://scrapbox.io/files/66f1025d93adb0001c5fc540.png

いい感じ。

このデータモッシュゾーンを作ってから前のシーンをかなり変更しているのでプロトタイプが結構見れる。

6. 落ちHook

https://scrapbox.io/files/66f10302baf0b5001d340e40.png

クロップがクロップのまま移動するの新しいかもと思ってできたあんま見たことないレイアウト。

6.1 三回目のCarCrash'n'Siren

https://scrapbox.io/files/66f10395ab78cf001cec6471.png

https://scrapbox.io/files/66f1034ea51fc0001d49eb54.png

真っ暗な中から輝いていく感じが上手く出せたと思う。

https://scrapbox.io/files/66f103bdcf3a92001dc6bd9a.png

このトランジションはスマホをめちゃくちゃ回転させながら落としてます。

元素材だと顔も部屋も映ってしまっている。大丈夫なとこをピックアップしてCrashな感じに。

https://scrapbox.io/files/66f1042a3d4f17001d1e514e.png

ここも最後まで悩みすぎた。叫び声と合うような画作りができないなと思って、SoundOnlyの画面を作った。

https://scrapbox.io/files/66f10f58725316001d3c549d.png

最初はこんな感じ。一枚は悪くないけど流れで見ると変で、やっとこさ今のところに落ち着いた。

元ネタはMP3TUBE。むかしよく見たあれ何だったっけって結構探した。

7. Last drop

https://scrapbox.io/files/66f11304abc076001c6678f0.png

とにかく青く粉々。すっごい何回も試行錯誤を繰り返したのでどれがなんの素材か正直コントロールできてません。

最初のサビと同じように真ん中をmp4圧縮かけています

https://scrapbox.io/files/66f11349024d65001dd42774.png

わかりにくいけど、これはreCAPTCHAです。

https://scrapbox.io/files/66f113b371fe1b001d1a7bc7.png

ここにも、読めないとアカウント入れない Car crash sairen が。siren終わってるな。アカウントは入れない。

あとからDiscordのアイデアメモみていたらこのツイートがあったのでこれから着想を得ているかも

https://scrapbox.io/files/66f113fba594b50021390af9.png

最後まで調整していたため、最後のシーンを素材の中にいれるというサブリミナルネタバレが起きています。

https://scrapbox.io/files/66f1143088ae77001d07a43e.png

https://scrapbox.io/files/66f114a86838fd001d5aa102.png

使えそうだったのに全然うまく使えなくて原型がなくなりました。

https://scrapbox.io/files/66f1151e45646c001db4e3f4.png

破壊されるAbletonLive。MIDyからの提案２つ目。FBで直してほしいというよりは、最後、反応なしになるところはLiveが固まるというのはどうかと言われ、良いなと採用しました。

特にこれと言って難しいことはしておらず、実際のCarCrash'n'Sirenのプロジェクトデータのキャプチャをもらい、ひとつひとつシェイプレイヤーでなぞり最後に全部動かしました。難しくはなかった……

白くなってないバージョンの映像は以下ツイートに。

9. outro

https://scrapbox.io/files/66f1185965ac62001c2ecf4e.png

サイトぽいものを作りたいと思ったもののAE上で再現するのが難しそう/面倒くさそうだったので、HTMLを作りキャプチャしました。外側のChromeみたいな枠はAEのシェイプレイヤーです。

最初のキャプチャではスクロールを普通に読むときみたいにしていたが、映像の中に入るとちょっとうるさいため(特に静かなアウトロなので)、等速でスクロールするように変更した。

背景は豪華なWindows背景をイメージ。

https://scrapbox.io/files/66f119428effb7001c36feaf.png

こっちはmacイメージ。MIDyがmacユーザーなので。

macの背景は色々あってどれにするか迷ったが、自分が使ってたときのmac (大学で使うときがあった) を思い出してその時にした。

https://scrapbox.io/files/66f11a774bcad5001dda844c.png

そんな感じで紆余曲折ありつつなんとか公開までこぎつけたかなという感じです。