--- title: REEL 2017のコンポジットメモ description: メッシュグラデーションを工夫する date: 2017-09-13T00:00:00.000Z updated: 2026-01-08T14:50:52.755Z tags: - making-of url: https://baku89.com/ja/making-of/reel-2017 --- # REEL 2017のコンポジットメモ ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_6.jpg) リールのタイトル位でしか自分の本当に今試したいことは出来ないなという感覚があって、毎回妙に力んでしまう。今年のものも個人的に気に入ってるのでメモ。 [2013 年のリールのコンポジットメモ](/tips/reel-2013-composite) ## 背景 Illustrator のメッシュツールでこういうグラデーションのテクスチャを作る。 ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_1.jpeg) それを、AfterEffects `Turbulent Displacement` や `Displacement Map` あたり組み合わせてぐんにょりさせていく。マットの Hue とか Saturation をサンプルして変位させると、中々面白い変形の仕方をする。 ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_2.jpeg) ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_4.jpeg) あとは、去年あたりから注目していて[serato x Roland DJ-808](https://www.youtube.com/watch?v=KWpRkLblroA)の Web ムービー (dir: OOO 富田兼次さん) でも使った、`CC Vector Blur` をかけてあげると、グラデーションに妙な立体感、というかテカリが出る。龍の歯医者の OP(後述)でも使ったと制作者本人達がおっしゃってた `S_Disort` あたりを組み合わせることで、さらに複雑なディティールを加えたり。 最初は 16bit で綺麗に作ったものの、Silverlight のロゴのようなサラサラしたテクスチャにしかならなかったので、最終的に 8bit で作った。マッハバンドや変位時のジャギーがさらに歪んで、面白いノイズが出せたので楽しかった。 ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_6.jpg) ## 文字 友人の[Fundam](http://fun-dam.tumblr.com/) から以前教わった、[Tsukurimashou](https://osdn.net/projects/tsukurimashou/) というフォントが中々好き。英語圏の人が作った日本語フォントなのだけど、ブレードランナーのへなちょこな日本語看板のような、僕らには確実に分かる違和感が良い。Arial Unicode MS の日本語もいい感じにポンコツ。 ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_5.png) この手のモーショングラフィックスって、背景とグラフィックとがレイヤーとして独立していることが多い。なんとか相互干渉させたくて、文字レイヤーにブラーをかけたテクスチャを参照して文字の周りを更に変位させた。背景が、浮いたグラフィックの表面張力によって歪んでるイメージ。 作って気づいたけれど、この手法はドロップシャドウの良い代替策かもしれない。 ![](https://wp.baku89.com/wp-content/uploads/2017/03/reel17_8.jpg) ## リファレンス & 習作 去年あたりからディスプレイスメントでグラデーションをぐんにゃりさせる表現は気になっててシェーダや VJ 素材で色々遊んでいた。 [Olga Bell の MV](/work/ata)でも試していた、フィードバックしながらディスプレイスメントさせるのは良いっちゃ良いんだけど、結構色の混ざり具合のコントロールが効きづらいのと、何より AfterEffects でサクッとそういうのが出来ないんで、今回はクリエイティブ・コーディング的なアレは一切使ってない。 [荒牧 康治](/koji-aramaki)さんと[千合 洋輔](/bb0yysk)さんが手がけた[龍の歯医者](https://www.nicovideo.jp/watch/sm31102571)の OP はかなり最近グッと来た。僕が 1 年近く試していたことを、荒牧さんの安定感あるグラフィックの動かしと千合さんの圧倒的な色彩と画面構成のセンスで軽々超えられた感覚があってしばらく凹んでた。 Google リアルタイム翻訳も良かった。 [Nic Hamilton](/nic-hamilton)も相当影響を受けた. エディターとしての生真面目さが出てしまい最終的に小奇麗にしてしまったけども、ここまで思い切りよく荒々しく出来たら良かったなと思う。