webデザインにおける視線誘導のおはなし | 07design.blog
とっても丁寧な説明。ﾒﾓﾒﾓ
　

blog::941 株式会社バーグハンバーグバーグ に行ってきた！
これはwww
　

多分人生の役に立たない雑学【本当に無駄】 – NAVER まとめ
掲載されているのは「村上ショージは白ジャージを愛用している」などのトリビア。
本当にどうでもいい！
　

こんなシンプルな構造だったのか。やってみたい。
　

これで脱・初心者！？3dsMaxの40のチュートリアル
ありがたいサイトです。

MAXONは、学生に対してCINEMA 4D R11.5 Studio Bundleを
無償配布することを発表
なんと！

ISO50
見飽きないなー。

AisleOne – Graphic Design, Typography and Grid Systems
勉強になります。

Design X: Japanese graphics from the early ’90s
日本の90年代のグラフィックを集めた記事。ローファイな感じがたまりません。
　

以下は動画で。
　

Sonic Wasteland from Justin Ascott on Vimeo.

単純なのになんか気になる。面白い。
　

Color.NOISE from Andrew Morev on Vimeo.

テクニシャン。
　

IN LUST from Eric Wareheim on Vimeo.

なんぞこれw
コメント欄にも”what…?”が並んでいて笑えた。

さまざまなMVやアニメ作品の中でよく目にするのに、maxでどうやって作ればいいのかがわからず、

例：euphoria “butterfly track”

かといってAEのtrapcodeで作ったにしてはやけに立体感があるなあと思って悔しい思いをしていたのですが、

こちらで回答を発見！

http://stmomo.jp/modules/newbb/viewtopic.php?topic_id=2834

やってみたらすごく簡単にできました。制御もしやすい！

てなわけで習作的な短い動画を作ってみました。

motion image 004 from rgbt on Vimeo.

いままでAEでやろうとしてたことも、ひょっとしたら全部maxの中でやったほうが効率がいいんじゃないかという。。

ファイナルギャザーと違うのは光の粒子（フォトン）がオブジェクトからではなくライトから発生するところ。

ライト（=光源）から発生したフォトンがオブジェクトに当たって空間内を埋めていくことで、間接光になる。というふうにざっくりイメージしとけばいいんだろうか。そういう意味では現実世界の光にもっとも近いのかもしれない。

これまでに出てきたレンダリング関係の言葉をずらっと並べてみると、、

・mental ray（レンダラー）

・ファイナル ギャザー（間接光システム、mental rayで使用）

・グローバル イルミネーション（間接光システム、スキャンラインレンダリングで使用の場合は設定を『ラジオシティ』に。mental rayで使用の場合は設定を『レイトレース』に。今回の記事内容）

・アンビエント オクルージョン（検証中‥）

いやーすんげえ横文字。

「ラクリマ クリスティ」とか「ファナティック クライシス」が肩を並べそうなキラキラした語感。「シャムシェイド」なんてシェーダーのプラグインで本当にありそうだし。

さてさて、さっそくGIの各パラメータを確認。

「有効」にチェックを入れるのを忘れずに。これがないとGIは働いてくれません。

「サンプル」という言葉が頻出してますが、これはフォトンの有無をチェックするスキャナーのようなもの（だと思う…毎回推論が多くてすみません）。空間のあちこちでフォトンを採取（=サンプリング）しているわけです。

サンプル毎のフォトン最大数：ひとつのサンプルがどれだけ量のフォトンを採取できるか、のパラメータ。

サンプルの最大半径：文字通り、ひとつのサンプルの大きさ。大きいほど範囲が広くなるので、サンプル範囲が重なった部分のデータは平均化され、イメージは滑らかになります。その反面放出されるフォトンの絶対数が少ないと拾えるデータも少なくなるので、イメージのディティールは削がれて正確さは少なくなります。

ライト プロパティ>ライト毎の平均GIフォトン：これがフォトンの絶対数。この値が大きければ大きいほど、収集できるデータは多くなります。結果の正確さにもっとも影響を与えるパラメータ。

&「レンダリング」>「環境」で、露出制御を「対数型露出コントロール」にしています。

ちなみに今回は「標準プリミティブ>ボックス」で作った立方体を「合成オブジェクト>スキャッタ」で散らして、光の届きにくい込み入った空間を作っています。ライトはデイライトシステムを使用。

この状態で試しにレンダリングしてみました。GIを有効にする前の結果はこんな感じ。

バッキバキです。GIを有効にしてみると…

このような具合に。イメージに円形のむらがムラムラと現れていますが、これがサンプル範囲の円形です。各設定値ともに低すぎた模様。なのでぐいっと上げてみました。

フォトン数を4倍にして、結果を滑らかにしようというモクロミでサンプルの最大半径も大きく。サンプル毎のフォトン最大数も大幅に上げました。

※要注意なのはサンプル毎のフォトン最大数を上げても、放出されるフォトンの数が少ないと結果は変わらないこと！大元のサンプリング対象が少ないので、せっかくのGI機能は多摩川でワニを探すような、非常に効率の悪いハメに陥ってしまいます。

この状態でレンダリングすると。

ムラは減りました。オブジェクトの映り込みがやや汚いので、思い切ってマテリアルの反射を0にしてみます。

&影ががさがさなので、ライト パラメータをちょいといじってシャドウのサンプル数を8から4oに上げてみました。

最初よりスムーズな見た目になってきました。もっと上げたらどうなる。

ここではフォトン数をかなり上げたので、サンプルの最大半径を小さくしています。（100cm→20cm）

空間内にフォトンが豊富にありサンプル毎の最大数も高めに設定されていれば、サンプルの最大半径を小さめにしたほうが、局所的なデータを細かく得ることができるので、結果が正確になります。

プラス、もう少し高解像度にしてみます。レンダリング基本設定を640×480pxにして、mental rayのサンプル数最大値を16から256に。

このあたりでファイナルギャザーを併用してみます。設定は「中」を基本に、バウンスを2に上げてみました。

なるほどFG使うと結果がこうも違うのか…

良くも悪くも間接光とスカイライトは、至らない部分をきれいにごまかしてくれます。

こまごまと書いてみましたが、正確な参考資料ではないのであまり信用しないことをお勧めします 笑

ファイル＞読み込み＞Adobe Illustrator (AI)。

どうやらAiファイルのバージョンによって読み込めない場合があるようです。保存する時にバージョンを８まで落としとくと安心。

このパスに、押し出し＞法線モディファイヤを適用。

マテリアル、照明、カメラをセットして一枚画をレンダリングしてみました。

照明にはじめてデイライトシステムを使ってみたんですが、これがまたややこしい。。今度ちゃんと調べて書こう。

＆軽くPhotoshopでレタッチ。

色を変えてレイヤーを3枚に複製。それぞれのレイヤーマスクに白黒のグラデーションを付けてブレンドしています。

パスの読み込みを試してみるだけのつもりだったけど、これは予想以上に面白い！モーションタイポグラフィの幅がぐっと広がりそう。

Arch&Designマテリアルの各設定値をざっと確認してみました。

レンダリングに使用したのは、これまた昔に作ったコップのオブジェクト。吉祥寺で気に入ったので衝動買いして、現在は主に焼酎専門で稼動しています（笑）

照明はスカイライトひとつと、ハイライト用に小さなスポットをひとつ。FGの設定は「中」を基本にして、レイ数とバウンス数を少し上げています。

Arch&Desginマテリアルに関しては、リファレンス、書籍ともにまず第一に書かれているのが「エネルギー保存の法則」。

照明から放たれた光はオブジェクトに当たってカメラ（＝眼）に届くまでに、

・拡散反射光（平たくいうとオブジェクトの色）

・反射（光源も含めた周囲の環境を映した光。光源を反射したらハイライトになるし、このパラメータが高いほど見た目は鏡に近くなる）

・屈折（オブジェクトを通過する光。0%なら完全に向こうが見えない不透明な表面、100%なら完全透明）

に分けられて、その３種類のの光の和は常に１になる、というもの。つまりどこかを上げると、自動的に違うパラメータが下がる。例えば拡散反射光が100%なら、その物体は完全な不透明なので屈折は0%というように。

なのでみっつのパラメータをそれぞれ変えれば当然レンダリング結果には反映されるけど、その結果は常に３種類の光のバランスを総合した、物理的に自然なものになるということ（だと思う）。

このマテリアルが登場するまでは複雑すぎた正確な光の計算をかなり簡略化してくれる、便利なツールのようです。

嬉しいのは最初から「水」「コンクリート」「ガラス」といったテンプレートが用意されているところと、各パラメータ上にマウスカーソルを乗せるとその簡単な説明がポップアップで出てきてくれるところ。こういった親しみやすさは他のマテリアルにはあまりないので、「ちょっと仲良くしてみようかなー」という気持ちにさせてくれます。

この他に拡張オプションとして異方性反射、反射/屈折の最大距離とそのカラー、アンビエントオクルージョンといった要素があるのですが、アンビエントオクルージョンに関してはまだほとんど無知なので、また次の機会にまとめて書きます。

今日の内容には無関係ですが、レンダリング中の画面がかっこよかったのでキャプチャしてみました。

こういった質感は最近のグラフィックデザインでもよく見る気がします。いかにもダートなグランジ感とも違う、静かなノイズ。意図しないところでこういったものを見つけると感動してしまう。

前回作った画像のレンダリング設定をいろいろといじってみました。

まずはサンプル数。

画像の左上に注目。要はレンダリングの際にどれだけ細かく情報を収集するかってことみたいです。AEの「フル画質」、「1/4画質」とかに似てます。数値が高いほうが高解像度の結果になりますが、レンダリング時間も長くなります。

この値は１ピクセルあたりに取得する色情報のサンプル数です。１以下の値に設定すると、数値の分母のピクセルに対してひとつサンプルを収集することになります。（例：1/64だと64ピクセルに対して一回のサンプリング）

こうやって収集した色情報を総合して、各ピクセルに割り当てる色を決めているそうです。「この周囲の色の流れでいったら、この色だと自然だな」といった具合に。頭いいなこいつ。

なので大雑把に結果を見たいときはサンプル数を下げてレンダリングすると、短時間でざっくりした結果が見れます。例として「最小：1/64」、「最大：1」でレンダリングした結果がこれ。ジャギってます。

次にファイナルギャザー。

こちらは間接光を計算するシステムです。オブジェクトから発生した光の粒子の跳ね返りを計算して、空間内に満たされた光を再現する、とのこと。

説明だけ読むと詩みたいでムカつきますが 笑

前回のパラメータは以下。

カスタムで数値を適当に変えていたんですが、プリセットの「ドラフト」にしてみましょう。

レンダリングしてみた結果がこちら。

うーん
確かに色が若干眠くてエッジも甘い。でも思ったほど画質が落ちるわけじゃないみたいです。照明の数が多いからかな。このへんは現実のスタジオ撮影と一緒で、フィルライトをいくつか焚いておくことですでに周囲光がつくられている場合は、そこまで劇的な結果の違いは生まれないんだと思います。

注釈として各基本パラメータの意味を。

初期FGポイント密度：オブジェクトから光を放つポイントの数。数値は高いほうがより正確。

各FGポイントごとの光線数：上記のFGポイントから放たれる光の数。数値は高いほうがより正確。

FGポイント数上の補間：光の情報を収集するときに、単独のFGポイントではなくその周囲のポイントの結果も合わせて平均を考慮することで、より正確な結果を導き出すそうな。その際にいくつの周囲の光源をカウントするかの数値です。やっぱり数値は高いほうがより正確。

FGポイントの数と分布はレンダリングメニューの「処理>診断」を有効にして「ファイナルギャザー」にチェックを入れることで見れます。

緑色の点がFGポイントです。なぜ球体の下部に集中しているのかは。。いまのところ不明。

レンダリングに関してはむやみにパラメータの数値を上げても時間がかかる一方なので、目で見て違いが分からない程度であれば、できるだけ設定値を下げたほうがいいみたいです。

今日の部活、＋α。

arch&designマテリアルの設定を金属質の「銅」にして色を変えたもの。おもしれー。

こんな感じでCG日記もボチボチ増やしていきたいと思う所存であります。

しかし長い日記書くのって結構体力使うなあ。。