--- title: Making of imai - Fly ft. 79, 中村佳穂 description: カメラが自由に動くコマ撮り date: 2017-12-08T00:00:00.000Z updated: 2026-01-08T14:50:36.360Z tags: - making-of url: https://baku89.com/ja/making-of/fly --- # Making of imai - Fly ft. 79, 中村佳穂 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos5-1440x700.jpg) この夏、3 ヶ月くらい北海道の実家に戻っていました。基本的に自動車免許を取って遊んでいただけなのですが、一方で勉強したり習作したり、わりと色々やってました。その中で最終的にできあがったのが group\_inou の imai さんの MV、[Fly feat. 79, 中村佳穂](fly)です。 このビデオに取りかかるまで、色々な意味で仕事や制作に関してダウナーになっていまして。なんというかとても久しぶりに、自分にとって心地いい作り方で作品と呼べるものを作ることができたような実感があって、メイキングをしっかりとドキュメンテーションしたい気持ちになれたので真面目に書いていこうと思います。同業の人向けです。 --- ## TL; DR とはいえ、作り手的にとりあえず気になるのは「コマ撮りなのにどうしてカメラがぐりんぐりんと動いているのか」の一点かと思います。結論からいうと、カメラの位置とアングルを[Vive Tracker](https://www.vive.com/eu/vive-tracker/)でトラッキングし、Dragonframe と連動する専用ツール上でカメラのこれまでの動きをグラフで確認しながら人力で三脚を動かし撮影しています。予めモーションパスを描いたわけでも、プレビズを作ったわけでもありません。カメラワークやおもち達の動き含め、その場で展開を考えながら撮影しています。わかる人は、[諸々のコード](https://github.com/baku89/imai-fly)と[撮影してるところ](https://youtu.be/dXoeCv-BxJw)を見てください。 --- ## 着想 6 月の半ばに imai さんに「Fly」のデモを頂いたのが始まりです。その時はそもそも MV にするのかもホワっとしていましたが、聴き込むうちに、「🍡 をコマ撮る」「『Fly』を『Fry』と早とちる」というアイディアや空気感のイメージがその晩には降りてきたので、ひと夏の制作にすることに決めました。 餅菓子のことは、2016 年の 5 月から徐々に気になり始めていました。洋菓子と違い、食べ物というよりむしろ材質のように思えます。造形のかわいさではなく、素材がもつ柔らかさ、透明感といった物性それ自体がかわいい、というところに妙に惹かれていました。同時に、帰省した時に祖父が大量に買ってくる[シルバースイーツ](https://x.com/shokubutsuenn/status/935956431420850176)のことも思い出しまして。無駄にカラフルなかりんとう、ネチョネチョした謎のゼリー菓子。いわゆる「和菓子」とも言えない、ただジジ臭いだけのそういう存在たちも一緒にフォーカスしてあげられたらいいなと考えているうちに、モチーフが固まりました。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/image_preview.jpeg) 夏に北海道の実家に避暑することは決めていたので、ついでならと祖父母宅でコマ撮らせてもらうことにしました。住んでいたことがあるので分かるのですが、今の時代の後期高齢者の家って、もはやステレオタイプとして語られるほど古き良きものでは無いです。至る所がちぐはぐにリフォームされているし、居間の照明だって LED。だけどキッチンだけは当時のままだったり。[昭和の型板ガラス](http://familiarsight.cocolog-nifty.com/blog/2014/06/post-2d04.html)と AQUOS の混在する、生々しさ・残念さのようなものも含めて、僕にとっての「じいちゃんばあちゃんの家」のそのままを撮ることにしました。実際には両親宅も混ぜているのですが。 --- ## 展開を考える 79 さんのリリックとは相反しますが、あくまで現象的には[兄弟](https://www.youtube.com/watch?v=9H2JvK0pYMg)や[家族](https://www.youtube.com/watch?v=OQUYzycg8dM)といったものにおもち達を擬人化したくありませんでした。 おもち達は生き物ではないけれども、[原意識](https://ja.wikipedia.org/wiki/%E5%8E%9F%E6%84%8F%E8%AD%98)というか[汎心論](https://ja.wikipedia.org/wiki/%E6%B1%8E%E5%BF%83%E8%AB%96)的な立場で、彼らには彼らなりの粒度の意識体験があるのだと考えることにしました。とはいえそれはかなりプリミティブなものでしかなくて、彼らは半分意思のようで、半分物理法則にただ従っているかのような動きをすることになります。三色団子 🍡 としてまとまりたがるのも、ある意味磁石 -- もしくは[グルーオン](https://ja.wikipedia.org/wiki/%E3%82%B0%E3%83%AB%E3%83%BC%E3%82%AA%E3%83%B3)のようなメカニズムで引かれ合っているだけなのかもしれません。それが、79 さんや中村佳穂ちゃんの言葉に無意味にオーバーラップして、見た人が勝手にエモーショナルな関係性を見出してしまう、そんなラインを意識しました。 コンテの描きようが無かったので、そういう彼らなりの社会規範や状態変化の法則性、こういう風にしていると調子が良い、というような事をひたすら描いていました。結果的にコンテっぽくなりましたが。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_2.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_1.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_3.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_4.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_5.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_6.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_storyboard_7.jpg) --- ## 「コマ撮り」の拡張 本業のコマ撮り職人では無いなりに、何かこの手法を発展させられたらいいなと、いくつかの試みをしました。 ### 視点を自在に動かす 佳穂ちゃんのフックが自分的ににかなり刺さって。彼女の「[どこまで](https://youtu.be/hCf0MQCgj4M?t=31s)」のリミックスでも感じたことなのですが、imai さんのトラックが group\_inou の時とはこう、違うニュアンスを帯びて機能しているような気がしてなりませんでした。なんというか、そういう独特のバイブスを、どういう風にしたらモーションとして捉えられるかなぁ〜と考えているうちに、コマ撮りなのにカメラが手持ちのように揺れ、自在に動き回るというアイディアが浮かびました。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_9.gif) コマ撮りにおけるカメラワークはかなり限定的です。基本的にはパンやズーム。時々ドリーやクレーンを使ったものも見かけますが、大概モーションコントロールされているので、被写体の手作り感のある動きに対してスムーズ過ぎるように感じます。三脚を人力で動かす意欲的な作品もありますが、ちょっとカクカク気味だったり。なので、今回拘った 15 コマ/秒という比較的高いフレームレートの中である程度なめらかに、カメラをもコマ撮り的に手で動かすことを実現するために、専用の撮影システムを開発することにしました。 結果、良い副作用もありました。1 つは画面全体が動く分、画の情報量を稼げるということ。もう一つが、(主にネコによる)アクシデントでおもちがズレてもそこまでバレないということです。実際、大分気が楽になるのでこれまでほど神経衰弱せずに撮れた感覚があります。 ### 支えをそのまま見せる 今回の制作は、数年前に作った、[group\_inou のアルバムのプレビュー映像](https://www.youtube.com/watch?v=0ys18NLn1OY)のことが念頭にありました。その時はアートワークの卵を 3DCG でコマ撮り風に動かしていたのですが、本当は実写で撮りたかったな、というのがずっと気がかりで。ただ、そのとき発見できたことがいくつかあって、その一つが「支えを消さずに見せるのも悪くない」ということでした。具体的には、おもちを吊ったり斜めに固定するのに使った糸や羊羹のことです。アナログ感を醸すというよりは、急におもちが立ちあがったり宙に浮き出すと、人は「どうやって」に目が行ってしまうので、メカニズムをそれとなく示したほうが気が散らない、という話です。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_visible_rig.jpg) ### 音楽とのシンクロ 前述のビデオの流れもありつつも、やはり辻川幸一郎さんのことが大好きで、四角い砂糖菓子に見て取れるように完全に「[Fit Song](https://www.youtube.com/watch?v=FaNY75mMV-I)」の影響下にあります。地面から音素に対応した物が生えてくるところは Autechre の「[Plyphon](https://youtu.be/acuwRHIWL_o?t=26s)」(個人制作)や、beeple の「[IV.10](https://vimeo.com/39157873)」あたりのイメージです。ただ今回は、3DCG ではなくしゃんとコマ撮りでああいった同期をとりたいと考えていました。 手っ取り早いのはプレビズを作ることなのですが、昨年[クレイアニメでそういう作り方をした](/making-of/depthcope)時に、撮影が「人力レンダリング」に感じられて、辛すぎて泣きました。なので、今回は波形の上に[図形譜のようなもの](https://youtu.be/GF0-wGbRqEs?t=56s)を描き込んで、タイミングのガイドにしながらその場で動きを考えるという方法をとりました。実際、おもち達の都合に振り回されるばかりで、ほとんどその通りにはならなかったのですが。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/waves.jpg) ### 自然な手間の見せ方 コマ撮りには「あたかも実時間で滑らかに動いているように見せたい」「フィジカルな手間も誇示したい」という矛盾したモチベーションがあります。フォトリアル CG がより身近になって以降、特に後者の指向は高まっているように思えます。 Rymdreglage の「[Terminator 2 - 20 years](https://youtu.be/a4mWyeVitNQ)」では、溶けるロウソク等をインサートすることで時間の経過を表現しています。一方、Michel Gondry の「[Dick Annegarn - Soleeli du soir](https://www.youtube.com/watch?v=H-9DaehwAGI)」のビデオは、今度は手間がかかったということが前面に出過ぎているように感じられます。 あくまでおもち達の動きの楽しさが主題でありながら、「大変でした自慢」が必然性をもって演出に取り込まれている感じを目指したく、習作を重ねる中で、一日の光の変化や、周囲の物が生活の中で現れたり移動したりするところをそのまま見せることにしました。 --- ## 撮影システムをつくる 要するに、やりたかったのはこういうことです。 1. カメラの位置とアングルをトラッキング 2. フレーム毎に、シャッターが押された瞬間のカメラ座標を記録していく 3. カメラのこれまでの動きの軌跡と現在位置を 3D 空間上にリアルタイムプレビュー 4. カメラワークが滑らかに変化するように、手で三脚を移動させる 結果、こういった撮影システムになりました。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/shooting-system.png) Windows で完結させればこんなややこいことにならなかった 3.のプレビュー用ツールが、図右側の「**CamGraph**」です。openFrameworks で開発しました。雑過ぎて僕の環境でしか動きませんが、諸々のソースです。 license type='mit' href='Github : baku89/imai-fly/license カメラのトラッキングには[Vive Tracker](https://www.vive.com/eu/vive-tracker/)を使いました。これは本来 VR 用デバイスで、[この記事](https://vrinside.jp/news/how-to-use-vivetracker/)にあるように、手やモデルガンなど好きなものに引っ付けてコントローラとして VR 空間に持ち込むといった用途に使うものですが、今回はカメラシューに取り付けて使っています。 撮影時点では対応ツールの[SteamVR](http://store.steampowered.com/steamvr)が macOS に対応していなかったので、VMWare Fusion 上の Windows で Tracker 周りのシステムを走らせています。[Kuke Beno 氏の記事](http://help.triadsemi.com/steamvr-tracking/steamvr-tracking-without-an-hmd)を参考に、ヘッドセット無しに単体使用するためのセットアップと、座標データを CamGraph に OSC で通知する Python コードを書きました。 コマ撮りソフトには[Dragonframe](http://www.dragonframe.com/)を使用しました。Dragonframe 側のイベント（シャッターを切る、撮影フレームの移動・削除）を[テクネの時](/work/depthcope)に書いた[Node.js スクリプト（dragonframe-osc）](https://github.com/baku89/dragonframe-osc)で OSC で CamGraph に通知しています。 一方 CamGraph では、OSC で受け取ったデータを元に、上部ペインにカメラ位置の軌跡、下部ペインにアングルと速度のグラフを表示させています。前述の波形と図形譜も重ねて表示させています。次の動画は実際の撮影風景です。 右側の黒いウィンドウが CamGraph それぞれのグラフが滑らかに繋がるようにカメラを動かすという寸法です。Dragonframe に連動して図形譜もスクロールするので、タイミングの参考にしています。 --- ## 習作 ツールづくりに突っ走る一方で、imai さんにすら詳細を話さずに一人だけで進めていたので、おもちがすべすべ動くことを面白いと思っているのは世の中で僕だけなのではないか、とナーバスになってきました。そこで、習作をいくつか撮ってフィードバックをもらうことに。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_daifuku.gif) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_bekomochi.gif) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_suama.gif) 試しに Facebook で身内に投げたら、かわいいとかエロいとか、いい感じの反応を貰えたので少し安心しました。 撮影システムも何度かテストしながら改良しました。開発中盤、実家の居間で撮ったテスト動画です。 途中でやめるつもりが、中々楽しくなってしまってそのまま次の日の朝まで撮ってしまいました。映画「[タイムマシン](https://youtu.be/j4RVmSYhMmQ?t=1m1s)」のように、おもちだけ周囲とは違うスピードで時間が流れているような印象がおかしかったので、本編でも活かしています。 --- ## ひたすら撮る 2850 コマ撮影しました。1 フレーム、4-12 分。[残暑 Mix](https://soundcloud.com/79rap/zansho2015)とかよくかけてました。日の出から日没まで、まるっと 3 週間。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_cam.jpeg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos8.JPG) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos4.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos3.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos1.JPG) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos0.JPG) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos2.JPG) しばらく色んなスーパーに通いました。お盆や十五夜の時期と被っていたこともあり、近所のスーパーの和菓子コーナーはなかなか賑やかでした。 おもちが浮くシーンは、ホームセンターで買い集めた金具でリグを作り、計 9 本の糸で釣って撮りました。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_rig.jpg) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos9.JPG) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_night.jpg) ひたすら糸の長さを調節して動かしてたのですが、奇跡的に良いフワフワ感を出せたなぁと思っています。 大分ネコに邪魔されました。ピンポイントで芋けんぴをはたき落としにかかってきます。 写り込んでしまった家族も含めて消し込む予定でしたが、ネコはそのままにすることにしました。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos6.JPG) ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly-photos7.JPG) これ、やってて本当にヘトヘトになるというか、お腹が空く作業なので、おもち達がカピカピになる前に食べて交代させたりしていました。（汚い話ですが） ![](https://wp.baku89.com/wp-content/uploads/2017/12/fly_camgraph_2h2.jpg) _居間でおもちが浮き始めるシーンのカメラの軌跡_ --- ## ポストプロダクション 家族からの目線が辛く感じてきたので、撮影が終わってすぐに東京に逃げ帰り、編集を進めました。 「ノー CG」に拘りは無いので、節操無くレタッチしてます。はみ出たあんこを消したり、シワを整えたり。浮いてるシーンでおもちについている糸とプレートは、一度完全に消し込んだ画とブレンドさせて、「たまにうっすら見える」程度に不透明度をアニメートさせています。 タイトルは、79 さんにお願いしました。[竹内泰人さんも書かれてるの](http://komakomatai.com/note_012_kawaisa_kabinshou/)ですが、日常的なものでコマ撮った作品はある種の可愛らしいトーンに収束しがちです。そこに敢えて[79 さんのサインペインティング](http://hellothere.jp/)をぶつけることで、「ああ、多分ああいう系の雰囲気で展開するのだろうな」と初っ端からスタンスを読ませない方向に持っていけたのではと感じています。 --- ## まとめ これまでに触れた以外にも、リファレンスを列挙したいところなのですが、今回は真面目にサーベイしませんでした。[牧野謙さんのこれ](https://x.com/kbmanimation/status/934908658604843008)なども含め、何らかの形でこういった試みは行われているはずなので、教えてほしいくらいです。ダジャレという意味では、[かずおさんのビデオ](https://youtu.be/cy_ysfkx6-A)と偶然の一致を感じました。 あとは、「おもち、いけるな」と確信をもてた他のきっかけとしては、北海道を代表する彫刻家、安田侃の[屋外彫刻美術館](http://www.artepiazza.jp/)に行った影響もありました。 ![](https://wp.baku89.com/wp-content/uploads/2017/12/kan-yasuda.jpg) _廃校の中のおもち (違うけど)_ キーフレーム・アニメーション含め、僕は今まで「[ポーズ・トゥ・ポーズ](http://animobake.blogspot.jp/2015/06/straight-ahead-and-pose-to-pose.html)」の方法でしかモーションを作ったことがありませんでした。なので今回、最初から 1 コマずつ順番に画を動かしていく、いわゆる「ストレート・アヘッド（送り描き）」の方法で 1 本映像を作り切ったことに、かなり異化されたような気がします。到達地点と時間を予め決められないので、5 秒先の画も想像できません。おもち達のこれまでの動きと相談しつつ、むしろ彼らがやりたいようにやらせる位の気持ちで動かしていました。[そのあたりの話](/blog/2017/11/velocity-curve)も書いています。この制作を通して、[そっち系の人](https://x.com/budou_mochi)がよく言う「アニマ」なるものの本質を少しだけ理解できたような気がしました。