プリズムブレイク

今回はテクニカルな面での備忘録として。

ちょっとした都合で、プリズム模様というのかホロ光沢というのか、とにかくビックリマンのヘッドシールの背景みたいなきらめきを再現しようと試みることにした。

そんな試みにいったいどんな「ちょっとした」動機があるのかというと、本物のプリズムシートの光沢を写真撮影することに挫折したからである。

だからどうしてそんな撮影をしようとしたのかという話だが、その輝きをアニメーション的に再現しようという目的があったのだ。

だからその目的は動機というより手段でしょ、なんでそんな(ry

…付き詰めると不本意にも仕事の話になるのでこの辺で止めるとして。

結果的に、かなりそれらしいものができたと自負している。

これが証拠の自負アニメ。

いや、GIFアニメ。

そう、僕は「じふあにめ」と読んでいます。「ぎふあにめ」と読まれる方もいますよねきっと。

今回は落書きが主役ではない。いやもうほんとに、プリズム具合のそれらしさを確認するためだけに描かれた、まさに落書き。名前の「修羅院命殿」も「Shrine Maiden＝巫女」ってだけのちょっと調べ甲斐のあった小ネタ。

さておき。

意外と、検索しても需要のない見つからないプリズムアニメの作り方。

僕は大きく二段階の作業工程をふむことにした。

第一段階

まずは模様の1マス分を作ること。この作業はイラレがいい。本物を観察して、放射状は約16.36°ごとに面を分けたら良さそうだと分析。そして、モノトーンのグラデーション的色分けを行う。次はそれを複製しながらあたかも回転して見えるような色変化をつける。

何となく10種類のマスができあがる。今回はこの1マスを一辺6mmに設定し並べる。もちろん10種類を10レイヤーにふりわけて、それぞれ同一の模様が縦横ずらりと並ぶように複製を繰り返す。

これで第一段階は完了。

 第二段階

次にPhotoshop用にPSD書き出し。もちろんレイヤーを保持するように。このとき「何故だか途中でメモリとか容量的なエラーが起きて書き出しできない」壁に当たる。結果的に各レイヤーのグループ指定を解除することで事なきを得た。(試しに1レイヤーだけ何とか書き出せた際PSDを開くと、どうも元のグループ指定のせいでとてつもない量のパーツが階層化・レイヤー化されて無駄に個別の形状を維持していることが分かったので、それを回避した結果の成功と思われる)

とにかくこの時点でGIFアニメ作成をしてもそれなりにいい感じである。が、ホロといえば七色の反射光沢感である。現実には周囲の光の角度や種類・強弱とかによってはモノトーンも起こりうるのだろうが、ここは何が何でも鮮やかな色のうつろいである。

とっかかりはシンプルに、乗算レイヤーを追加して色付きグラデーションを画面全体にかける。それを複製・色相加工×9回で10パターン。まだ統合はしないこと。

これでまあまあなアニメーションになるはず。

しかし、本物をよく見ると先の放射状グラデ、色の暗い箇所であるほど上記色味・彩度が落ちるようである。

それならと、元モノトーンレイヤーを複製・反転。その画像に対して乗算設定だった色レイヤーを明るさ設定(「スクリーン」的なやつ)で合成したものを「暗さ」設定で重ね直す。

もう説明グチャグチャだが、こうして「暗い部分ほど彩度が落ちている、色付きホロ風」にたどり着く。

 第二.五段階

さて、これで第二段階は完了だが、かなり重要と思われる仕上げ工程を第2.5段階としてメモ。

イラストの世界でも仕上げといえば定説のハイライト(という個人的な思い込み)。このプリズムにもそのハイライトが効果的と踏んだのだ。正直なところ、この時点で本物を見直したら、反射状況がもっと複雑っぽいことが分かったため。やはり初めの観察をもっと慎重にしましょう。

で、三角パーツを幅の狭い色域指定で抜き出し、色を付け直し、アニメのタイミングをシャッフルして(ここでは逆転)重ねて完了。

この説明を経て再度見てみると、なるほど新たな発見があるような気になりませんか？

そうです！

実は修羅院命殿の正体は、変装の巧妙さで「気ぐるい」との悪名高いキグルミ総統だったのです！

余談に重ねての余談ですが、背景のないパターン↓

これだとたちまち天使シールどころかお守りシールくらいに格落ちして見えます。

やはり装飾は大事ですね。

以上、プリズムで遊んで休憩、プリズムブレイクでした。