市間いおり新作動画(オリジナルソング)裏話

4月も終わらないうちに新作動画を公開することになるとは前の記事の執筆時点でまったく想定していない事態だった。我ながら何をやっているんだという感じだが、ネタを思いつくと形にしたい欲求が生まれてしまうのはしょうがない。

www.youtube.com

というわけで、今回はオリジナルソング。折り紙をテーマにした楽曲は過去に(プロのアーティストによるものが)いくつも発表されているが、折り紙愛好家の心情についてここまで歌った歌はさすがにないんじゃないかしらん。
4/1の動画と同じくボイスチェンジャー他による女声化加工によるものだ。自分で言うのもなんだけど、4/1の動画と比較しても普通に可愛らしい声になっていると思う。本当に自分で言うのもなんだけど、元が43歳のおじさんとは思えない。とりわけ、ぼくと会って話したことのある人にとってはかなり面白いだろう。

(以下例によって長々と書いていくのでよほど興味のある人だけ読んでください)


DTMは20年程度細々とした趣味としてやってきた。だいたいにおいてシンセサイザーや波形編集による音作りや音の組み合わせ自体が楽しく、フレーズをループさせて足したり引いたりしながらテクノ風の曲を作りかけて途中で放置するのが常なのだが、歌モノも10数曲くらいは作ったことがある。と言っても楽器演奏にはほとんど興味がない(中学頃までピアノを習っていたが、今は全然弾けないと思う)。
4/1の動画のBGM制作のためにGarageBandを触ってみて、前の旧い環境では使えなかった音源などもいろいろ使えるし、懸案だったDTM環境ももうこれでいいかなとなった(ただし昔のデータは遺物と化す)。そんな折り、今回歌詞の英訳で協力してもらった森末さんとのやり取りの中で昔作ったとあるカラオケ音源にボイチェンしたボーカルをつけてみる遊びをしてみたところ、しゃべるよりも歌う方がずっとボイチェン適性が高いことが判明してしまって、すぐに市間いおりのオリジナルソングという案が浮かんだのだった。いきおい作詞・作曲自体は2日でできてしまったから怖い。
ネタとしてはもっといかにもなアイドルソング的な曲調にしてみたかったけれど、自分に作れるものというとこういう80年代のテクノポップ的なものになってしまう。まあ、ある程度作ってから自分が参照したものと思っていた曲群を聞いてみたら全然違う音だったりしたから、素人の限界と言ったところか。

折り紙大好き!



新しい一枚を手にとって 折り筋をつけるわ
先は長いから Ah 焦りは禁物
感じるテンション 答えは図の中
少しずつ進んでく


難しい工程でつまずいて でも不思議な形
もっと知りたいな Ah 不思議な世界
何度もチャレンジ ヒントは次の図
少しずつ分かってく


みんなが思うほど器用じゃないの
だけど伝えたいんだ 「折り紙大好き!」


“コンプレックス”だって“大事な自分”ね
“この気持ち”はいつだって“シンプル”よ


騒がしい日常を離れて 折り図に向かうの
もうすぐ仕上げね Ah 気合が入るわ
高まるテンション ボンドで押さえて
少しずつまとまっていく


みんなが思うほど器用じゃないの
だけど伝えたいんだ 「折り紙大好き!」
みんなが思うほど器用じゃないし
想いを折りに込めるよ 「折り紙大好き!」
みんなが思うほど器用じゃないの
だけど伝えられたら 「折り紙大好き!」

作詞はわりとすらすら言葉がはまってくれた。最初にサビを考えたのだが、直後にTwitterで「器用」についての話題が盛り上がっていたのはちょっとしたシンクロニシティだった。自分で説明するのは野暮だが、歌詞で言っている器用はコミュニケーション能力的なものとのダブルミーニングである。ABメロの歌詞は折り紙マニアが折り図を見て折っていく過程をなぞる構成にした。節ごとに連想や押韻をもとに言葉をはめていくのはパズル的で、折り紙の創作感覚にも通じるところがある。「テンション」のダブルミーニングや、「何度」「ヒント」「ボンド」の押韻なんかが気に入っている。
ボイチェンがよく効く音域の都合上、ABとサビが同じ調だとまずかったので、サビ前で無理やり転調させている。そこから3番に戻すためにDメロを入れたのだが、作曲作業ではここが一番苦労したところだ。普段の曲は転調とかしないし2コード・1コードとかで延々やる感じなので、そもそもコード進行については全く疎い。うまい人が聴けばもっといい進行の仕方があるかと思う。さらに、そこからのアレンジを詰めていく作業は大変で能力不足をひしひしと感じた。折り紙の創作時とは違って、バリエーションの可能性が発散していく感覚になってしまうのがつらくなってしまう原因なんだと思う(この辺は以前書いた「自由度の高い創作が苦手」という話と同じ)。
origamiplans.hatenablog.jp
ボーカルの録音は今回もiMacの内蔵マイク。セットアップとか何にも考えないで収録できるので助かる。問題は、あまり大きい声で収録できないので、どうしてもリップノイズが入ってしまうこと。無声子音などもピッチを上げると耳障りになりがちだ。これらの目立つところはなるべく編集して抑えたけれど、完全にはなくならない。ヘッドホンなどで聞くとアラがはっきり分かってしまうだろう。
パートごとにループ再生しながら複数テイクを収録し、それを切り貼りしてベストテイクを作っている。歌い方のニュアンスにばらつきが出てしまったが再現も難しいので細かい部分は諦めた。前述のノイズ処理は、ベストテイクのWAVを一度書き出して、波形が見やすいAudacityで編集している。
タイミング修正なども少ししてはいるが、多少ピッチやテンポが揺れてた方が素人感があって好ましいのでその辺はほどほどにした。


せっかくだからMVとは言わずとも簡単なリリックビデオ的なものを作って動画で公開したいなと思い、今回はiMovieじゃなくてDaVinci Resolveというソフトを導入した。フリー版でも相当ハイクオリティな動画制作ができるようで、実際あまりに多機能すぎて、欲しい機能を探すには検索しまくるより他なかった。
動画では初の全身イラストをキービジュアルにしたが、線画から色塗りまですべてAffinity Designerでマウスで作った(描くというより作るというのがしっくりくる)。ペンタブで自分で引くより断然キレイな線になる。プリーツスカートとか手とかの細かいところは手間がかかるし、トータルで比較して時間もかかるかもしれないけど、緊張して線を引かなくて済むのが助かる。たまにしか絵を描かないので人間の顔が全く安定して描けないもんだから、バランスの調整がいつでもできる点も良い。今回は斜めの顔ということもあって延々と顔パーツをいじっていた。
全身イラストはABメロに使い、サビ用には以前のイラストにマイクを描き加え、この2枚の静止画素材をもとに動画を作った。ほとんどスライドさせてるだけだが歌詞に合わせて演出をがんばったつもり。最後のサビの繰り返しでダレるので締めにはLive2Dのアニメーションパートを使った。
悔やまれるのは、動画をアップしてから、直したはずのミスを修正しきれてなかったことに気づいた(ABメロのとき背景がずれて左側が黒くなってるところ)。ツイートしてしまった後だったので泣く泣く諦めた。DaVinci Resolveだと作業画面が黒いので気づきにくいからだけど、YouTube上でちゃんと再確認しなかった自分が悪い。

以上、楽曲・動画あわせて制作期間はだいたい2週間と言ったところ。絵や動画は3日くらいなのでほとんど音楽のアレンジに時間を使った。当然この間ほとんど折っていないが、全く折っていないわけではない(自慢にならない)。


Your Fold


いつものように紙を折るキミの手を見ていた
静かに響く紙の音 踊るような指先


カドとカドを合わせて(中割り折り)
折り筋をよくつけて(沈め折り)
フチとフチを合わせて(つまみ折り)
反対側も同じ……


いつものように紙を折るキミの顔見ていた
静かに響く紙の音 隠すような微笑

さて、こういうときは使いきれないアイデアが出てくるもので、ついもう1曲(1番しかない短い曲だが)作ってしまった。こちらはオマケ曲として SoundCloudにアップした。対照的にしっとりした曲調にして、折り紙用語をそのまま入れた歌詞にしたかった。歌詞に登場する「キミ」は彼とも友達とも折り紙キッズともとれるような曖昧な感じにしているが、発想としては折り紙キッズである。もちろん好きに解釈してもらっていいけれど。折り技法を歌うコーラスパートは、偶然子供のような声になった。これに限らずちょっとした発声の違いで、異なる結果になって面白い。基本はGarageBandのVocal Transformerプラグインでピッチ・フォルマントとも5度上げている。ボイチェンした瞬間に、自分とは切り離された素材のように感じるのは面白い感覚だ。声の表す個性というのは強力なんだなあと実感する。


SoundCloudからはカラオケ含めて3曲、DLもできる。
市間いおりオリジナルソングス by Hideo Komatsu | Free Listening on SoundCloud
全身イラストもpixivに載せた。
www.pixiv.net

市間いおり動画制作裏話

去年のエイプリルフールにTwitterで「折り紙VTuber市間いおり」というネタを出した。架空のバーチャル・ユーチューバーの動画サムネイル風のイラストだ。「市間いおり」はもちろん「一枚折り」のダジャレ。

で、このイラストを描いているときに、来年は実際に動かして動画にできたら面白いだろうなあとぼんやり考えていた。その後パソコンを新調して実現可能な環境になったので、行動に移したというわけだ。

www.youtube.com

エイプリルフールには過去にもオタク文化に絡んだネタを出してきたけど、今回はさすがにドン引きした方もいるかもしれない(ごめんなさい)。とは言え、この手の折り紙ネタ自体はいたって真面目な態度で作っている。まあ発想が明後日の方向なのは事実だけど。
以下、制作過程についてだらだらと書いていく。


使用したソフトは次の通り。
アバター作成>

  • FreeHand, Illustrator(主線作画)
  • FireAlpaca, Gimp, Gimp2(着色、PSD書き出し)
  • Live2D Cubism(アニメーション)

<ボイス素材>

<画像・字幕素材>

  • Affinity Designer

<BGM作成>

<動画編集>

市間いおりのイラストは基本的に昨年のものをそのまま使っている。内心、描き直してクオリティアップしたい気持ちもあったが、早くLive2Dを触ってみたくてぐっとこらえた。少し試してみて、目尻のデザインだけLive2Dで扱いやすい形に変えている。Live2Dのポテンシャルではもっと可動範囲を大きくできるが、顔の横方向の振り向きは難易度が高かったため、ほとんど動かさないようにした。
一般的に、VTuberとして配信をするにはLive2Dで作ったデータをFaceRigというソフトに読み込んで、ウェブカメラの顔認識でリアルタイムに動かす。問題は、FaceRigはMac版がないこと。ではどうしたかというと、実は今回の市間いおりの動きはぼく自身の動きをトラッキングしたものではなく、Live2Dのアニメーション機能を使って動かしている(見る人が見ればすぐ分かるだろう)。配信でなく動画だからこういう方法が取れた。リップシンク機能があったので、ボイス素材をまず作ってそれに合わせてアニメーションを作っていった。すべてを手付けモーションで作ったわけではなく、パラメータをランダムで動かす機能を使い、まとまった動きのパラメータを生成して切り貼りしている。表情だけはセリフに合わせて調整した。


そのボイス素材の方は、ぼく自身がしゃべったものをGarageBandのピッチ&フォルマントシフター(Vocal Transformerプラグイン)等で女性声に加工している。大概お聞き苦しいというか端的に不気味だろうとは思うが、お許し願いたい。当初はMac付属のテキスト読み上げソフトを使おうかとも思ったが、イントネーションなどの調整が大変そうなので見送り。有料の読み上げソフトはそれなりの値段がするし、さすがに一発ネタのために購入するのは気が引けた。
普段の声は低くガラガラしていて女声化に向いていないので、裏声ではないが多少高音めに発声をしている。マイクはiMacの内臓マイク。ノイズリダクションの作業を考慮し、Audacityで収録してデータを整えてからGarageBandに持ち込む手順としている。音声はもっと収録に時間をかけて行えば改善していくことは明らかだったが、まだ下流の工程がかなり控えてるのに変にこだわると完成が危ぶまれそうだったので、ある程度のところであきらめた。当たり前のことだがちゃんと活動しているVTuber/YouTuberの方々は滑舌がしっかりしてて喋り慣れている、それに引き換え……と痛感した。


もう一方のメイン素材である折り紙シミュレータの操作動画は、三谷さんがTwitterで紹介しているのを見て知った、d-origami.comを使用させていただいた。これをいじってみて、VTuberがバーチャルな折り紙をしているところってネタになるな、と思いついたのが今回の動画制作のきっかけだった。
このシミュレータは中割り折りに対応しているのだが、ピュアランドの方が無難だろうと思い、最初は「おすもうさん」を折るつもりだった。ところがこの作品は一旦折ったところをひらく作業が複数あるのと、紙の重なりが多いところがあって、これがシミュレータの誤作動を引き起こすようできれいに折り上げるのが難しいことが分かった。そこで「ピュアランド・ウィザード」に変更したのだが、こちらの方が折り数が多いにも関わらず、ちゃんと完成させることができたのは興味深い。ただし、シミュレータ独特の癖に対応するために、以前発表した折り図とはかなり工程を変えなくてはいけなかった。動画でも触れているとおり、この工程だとかなりずれやすい。最初の折り筋付けで上側にも22.5度の折り筋をつければ少し改善されるが、そこまでするとシミュレータで解説する意味が薄れてしまうような気がして、迷った末に対角線2本の折り筋のみにとどめた。一発ネタだし、チュートリアルとしての完成度は求めないつもりで作り始めたのだけど、記号や補足やらを足していると「やっぱりちゃんと折れる方がいいよなあ」と思えてきてしまう。この辺も少し心残りだ。


シミュレータを操作しているところを画面録画機能で撮影したものを、iMovieでボイス素材と編集し、全体の構成を決める。そのタイミング調整された音声だけを書き出してLive2Dで市間いおりのアニメーションを作成しブルーバック背景で書き出す(フリー版のLive2Dは透過背景の書き出しができないため)。そして折り方説明時に使う記号や字幕・背景の画像、BGM等と合わせて編集して、完成となる。ただしiMovieは動画と画像は合わせて2つの素材しか合成できないので、一旦シミュレーション動画と画像類を合成して、書き出してから再びアニメーションと合成するという手間が必要だった。
BGMも今回用にGarageBandで作った。昔に作った曲を元に打ち込み直しただけだが、自分の曲は基本的に暗くてリバーブやディレイをがしがし使う感じでBGMらしさに欠けるので、GarageBandのプリセット音源で多少チープな感じにしたかったのだった。BGMはフリー素材のものを使っても良かったから、これは完全に自己満足のため(この動画制作自体が自己満足ともいう)。


このような動画制作は初めてのことで、いろいろ調べつつの作業だった。役立つ情報を公開してくださっている方々に感謝したい。出来に関しては当然素人の域としても、ひととおり構想通りに進めることができ、無事にネタを成就できたのでよかった。市間いおりのキャラクターを使ったネタはまた思いついたらなんか作るかもしれないが、とりあえずは通常の折り紙活動に戻ることにする。

さて、この動画をちまちまと進めている間に、あやせましたさんがTwitterで気になるツイートをしていて、もしやと思ってDMで尋ねてみたところ予感的中で、彼も折り紙VTuberの計画を練っていたのだった。もっとも、ましたさんと僕とではコンセプトからして違うので、お互いに情報交換して安心したのだった。
ましたさんのチャンネルはこちら。受験で本格的始動は先になるとのことだが、期待したい。
www.youtube.com

「折り線トポロジー」とは

前2つの記事で使っている「折り線トポロジー」なる用語は、例によってぼくが勝手に言っているだけなので使用には注意してもらいたいが、もう少ししっかりと、言わんとしている意味を説明しておこうと思う。


ここで言う「折り線トポロジー」とは、「ある作品を示した、山谷の区別のある展開図から、頂点の位置情報を捨象したもの(基本的には、平坦条件を満たした上で)」である。基本的には、ある折り紙作品に対応して存在する。

f:id:origami:20200331195517p:plain
なるべく頂点位置がぐちゃぐちゃになるようにしたもの
拙作「カエル」でやると、こんな感じになる。とは言え、図で表した時点で1つの固定された展開図になってしまうので、正しい概念としては図示はできない。頂点位置には無限の解があるので、それらをまとめて「ぐにゃぐにゃと動く展開図」のようなイメージになる。


トポロジーという概念は広くて、例えば神谷さんが今日の一言のコーナーで「インサイドアウト(技法)はトポロジー」と言っているのは、用紙フチに着目してその変形が模様を形作るというところを言っているのだろう。(最近MT777さんが関係するツイートを書かれていた
対して、ぼくの言っているのは、展開図を「路線図」のように捉えたもの、と言えば一番分かりやすいと思う(路線図はトポロジーの例としてよく挙げられる)。折り紙の数学でも、似たような概念が「折り線グラフ」などの名前で研究されているようだが、トポロジーとしたのは、グラフという言葉よりも、ぐにゃぐにゃと変形する感じがあるかなと思ったからだ。
数学用語を使いつつ、この概念は実のところ数学的には扱いづらいのではないかと思っている。というのは、記事で紹介した変形の実例でもやっているが、「頂点数・折り線の数(頂点の価数)を増減すること」が含まれているところだ。

f:id:origami:20200331195520p:plain
作品の同一性が認められれば、こういう変化もあり、にしたい
これを認めると理屈としてはどんな展開図も1つの折り線トポロジーから生成できてしまう(多分)。そこで制限として「ある作品を示した」というのが入っているわけだが、「作品(見立て)の同一性」というのを数学的に定義するのは難しいだろう(多分)。

さきほどのカエルの展開図も、「これはカエルなのか?」と思ってしまう人もいるかもしれない。作品の同一性とは一体なんなのかということは、いわゆる「アレンジ」などでも問題になったり、著作権などにも関わるが、折り紙者にとっても言い表すのはなかなか難題だ。
というわけで、概念としてはふわっとしたものなんだけど、折り線の連続的変化を折り紙作品に絡めて論じたい際に、何かしらの用語があると便利だなと思ったところから出てきた言葉だった。

円形用紙+11.25度系による習作「熊」

origamiplans.hatenablog.jp
折り線トポロジーの変形で遊んでみて、平面に面要素やカド要素を配置するという点では円形用紙の可能性も十分ありそうだなあと思えてきた。要するになるべく円に近くなるような展開図(折り線トポロジーの解)を目指すということだから、舘さんのOrigamizerによるスタンフォードバニーもイメージとしては近いと言えば近い。
なお円形用紙である程度の作品数がある人というとムジナ六郎さんがカップ麺のフタで折るシリーズを作っている。

折り線トポロジーを円形に変形させてみる

f:id:origami:20200327204515p:plain
自分でやってみたくなったのでリスの円形状用紙版を作ってみた。これもオリヒメ上で適当に折り線を引いていっただけなので完成度も何もあったものじゃないが、イメージとしてはこういう感じ。工程化可能だったら意外と有りな気もしてくる。
f:id:origami:20200327204512p:plain
こちらは円周に接する点は原子境界のみというマイルールを逆手に取ってより円形に近づけたバージョン(+後ろ足と尻尾のバランスをちょっといじっている)。


円形が用紙候補(=折り線トポロジーの配置対象)になりうるかということに対する1つの回答としては、「平面を構成する領域としてニュートラルだという意味を持たせられる」からというのが挙げられるだろう。形として特殊でないということだ。もちろん正方形と同様に「形そのものの(文化的)意味」を強く持つ図形なので、所与の用紙形としての資格も十分にあるはず。
円形ならではの特徴をより具体的に言えば「用紙における辺とカドの扱いの差を取り払う」という意味が大きいのだろうと思う。逆に言うと折り線トポロジーの配置対象として正方形の面白いところは辺とカドの扱いの差にある。カド・辺・内部の1:2:4という比が、課題設定として絶妙にバランスが良い。用紙上のどこからも角二等分折りで45度系、22.5度系に発展できる。これが圧倒的に強い。
円形では(直径から直角をつくれるのを除けば)内部経由でしか角度系を取り出せないので、創作感覚で無限用紙と通じる部分もありそうだ。
Taonさんが指摘しているとおり円形で22.5度系だとそれは正八角形と同じだから、角度系なら15度か11.25度ということになるが、15度はともかく11.25度オンリーは難し過ぎる気がする。となると円形を生かすには自由角による構成が良さそうだ。
円形が完全にスタンダードになれば、正八角形構造を正方形から折ったりするのと同様に、正八角形構造を円形から始めても違和感は無くなるだろう。なんなら正方形作品を円形から折ったって構わない(!)。まあそこまで円形がスタンダードになるとはちょっと想像しにくいが。

円形用紙+11.25度系による習作「熊」

f:id:origami:20200327204527p:plain
円形用紙+完全11.25度系による習作「熊」。ちなみにオリヒメの推定図を描くために100角形でフチの線を描いている
f:id:origami:20200327204522j:plain
写真作例は折り紙用紙の裏に展開図を印刷して折っている
もう少し掘り下げてみたくなったので、動物作品を1つ作ってみた。そもそもは「狐」と「馬」の部分パターンを再利用しつつ作るつもりだったのだが、とっかかりの線で11.25度を使ったのをきっかけに全部11.25度系にしてしまおうといじり始めて別物になってしまった。
11.25度系にまともに取り組んだのもこれが初めてだが、Taonさんのいう「交点のニアミス」現象をこれでもかというくらいお見舞いされた。実際の紙を折っていたのでは気づかないような微小なズレの交点が頻繁に発生するので、精確に11.25度系でまとめるには製図ソフト無しには無理だと断言できる。
これもほぼオリヒメ上だけで創作したが、作図の作業は基本的に普段試行錯誤で折り線を探していく過程とほとんど変わらない(この辺の創作感覚についてはウェブサイト(折り紙計画 - 折り紙作品のできるまで:キリン編)に書いたことがある)。普段の22.5度系だと折った方が圧倒的に早く広範囲に候補検討できるものだから画面上だけで考えるのはちょっとまだるっこしい。自分の創作では思いつく範囲の候補を全探索する勢いで検討するのが常だが、これはもう熊っぽくなったところで断念してしまった。ゆえに習作扱いとなる。交点ニアミスも現象としては興味深いのだけど、行けると思ったら行けなかったという繰り返しもかなりしんどい。
さて作ってみて分かったのは、円形用紙と角度系は相性がかなり悪いということ。考えれば当たり前だが、角度系メッシュがちょっとでも細かくなると交点が円周上に乗らなくなるため円周上からカドが出しにくい。この熊も見てのとおり、円周付近はほぼ折り線を「逃がして」いる。折り線トポロジーが円に収まっているとは言え、これでは円形用紙の「辺と角の扱いの差を無くす」意味はほとんど感じ取れない。
11.25度系だとたまに円周上にニアミスする頂点が現れるから、誤差を許容するなら「円形用紙+11.25度系」の組み合わせも無くはなさそうだが、円形用紙では円周上にカドを配置して自由角で繋いでいく方が基本向いていそうだ。
f:id:origami:20200328173852p:plain
試作中に遭遇した11.25度系の円周へのニアミス
11.25度系の円周へのニアミスの例。後ろ足付近の2つの交点が一見円周に乗ってそうで外れている。Bは誤差が大きめだが、Aの方は折っても分からなそう。
f:id:origami:20200327204509p:plain
これは熊の折り線を構成する11.25度系メッシュの地獄のような図(一部線の伸ばし忘れがある)。これを描いたらオリヒメが異様に重くなった。


上で「円形用紙と角度系は相性が悪いのではないか」と書いたが、熊の展開図を眺めていたら、むしろその相性の悪さが却って「平面に広がる角度系メッシュを恣意的に切り取ってきた感」を感じさせて面白いかなとも思えてきた。折り線トポロジーと用紙境界が、お互い無関係で、それぞれ別の理で成立しているような感じ、と言って伝わるだろうか。


最後に、熊の作例を折るのに使った展開図のデータをPDFにしてアップしておく。興味のある人はどうぞ。
drive.google.com

そして、鶴田芳理さんが企画された不切正方形一枚折り以外の折り紙作品を集めた本『X ORIGAMI』に、この作品で参加した。主に展開図以降の仕上げ工程を折り図化したもので2ページというわずかなページでの参加だが、おそらく他にも面白い作品が集まっていると思うので、こちらも興味のある方はチェックしてみてほしい。発売は6月ごろになるそうだ。

追記:印刷周りでトラブルがあったそうで発行が遅れていたが、9月末に出版された。紙版と電子版の2形態で発売中。
origamixture.weebly.com