![見出し画像](https://assets.st-note.com/production/uploads/images/58671253/rectangle_large_type_2_5458d7e7f96ecdb664628fab235e5189.png?width=1200)
【Blender】ぼかしシェーダーを試す
テクスチャー画像をぼかす、Blurノードを組むチュートリアルを試してみたのでメモ。
ちなみにBlenderのシェーダーノードエディターでは、標準Blurノードは用意されていない。既存ノードを組み合わせで自作する必要がある。
ぼかす手法は、いくつかがあるようだが、今回は、その一例。
<Blender 2.93.2>
■完成イメージ
![画像5](https://assets.st-note.com/production/uploads/images/58669510/picture_pc_fb84bf20eaf889f3c7277eae056ef5d4.gif?width=1200)
■Blurカスタムノード使用時の全体ノード構成
マッピングノードとテクスチャーノードの間に配置して利用する。
![画像1](https://assets.st-note.com/production/uploads/images/58669234/picture_pc_4ccc528fdea3b8d3076894306883d30c.png?width=1200)
■Blurカスタムノードの構成
Blurカスタムノード。(グループ化済)
![画像3](https://assets.st-note.com/production/uploads/images/58669281/picture_pc_024fee04fd931cf9615625ef32560fc3.png)
<Blurカスタムノード構成>
※利用したノード:
・入力>テクスチャー座標
・ベクトル>マッピング
・テクスチャー>ホワイトノイズ
・入力>値
・コンバーター>数式(乗算、追加、徐算)
・コンバーター>ベクトル演算(乗算)
![画像2](https://assets.st-note.com/production/uploads/images/58669259/picture_pc_aabfdcdee4b71f02b2e9c20f1ccb54e3.png?width=1200)
<工夫>
マウス操作の数値入力の変化が大きく調整しづらいので、数式(除算)ノードを挟んで、数値入力しやすいよう調整している。
一方で、この工夫をしない場合は、Shiftキーを押しながらマウスの数値入力してもよい。(今回はその手間を省くため)。
![画像6](https://assets.st-note.com/production/uploads/images/58669623/picture_pc_c9a0f34ef263e2611d62307f647634e4.png)
グループ入力>Blur_sizeの値設定。
![画像4](https://assets.st-note.com/production/uploads/images/58669364/picture_pc_8f4f9e5c7ffac8bb244158754d412085.png)
■レンダリング結果
Eevee、Cyclesどちらでも、3Dビューポートの表示では、ボケ表示に粒状感があるが、レンダリングすると滑らかにぼける結果になった。
![画像8](https://assets.st-note.com/production/uploads/images/58671784/picture_pc_20a39ee45d792428acdfbf85b85a50af.png?width=1200)
ビューポートでも滑らかな表示にしたい場合は、Eeveeだとサンプリング>ビューポート値を大きくするほど滑らかになる。(※処理負荷増)
![画像7](https://assets.st-note.com/production/uploads/images/58671720/picture_pc_2340be9b1ae64dd00d4c743085cee1a9.png)
■簡易版
下図のような簡易的なノードの組み合わせでもぼかし表現ができる。
※参考動画:Add Procedural Blur In Blender's Shader Editor
![](https://assets.st-note.com/img/1659826825241-c8zGmwlzw7.png?width=1200)
※参考動画:How to Blur Your Textures Using Nodes In Blender
![](https://assets.st-note.com/img/1659828329014-39hTLMvqPx.png?width=1200)
ただし、どちらもブラーが斜め方向にかかる感じになる。
![](https://assets.st-note.com/production/uploads/images/84197031/picture_pc_a8c047c7db8d47ab9f0b71bb05830558.gif)
■所感
今回記載した手法は、ぼかした結果も滑らかで、ベースカラー用テクスチャーをぼかす方法として重宝すると思う。
一方で、ぼかしたグレースケール画像をハイトマップとして利用するには向いていない。(例:テクスチャーに凹凸をつけるため、バンプノードに接続して、ノーマルマップを生成する時などで)。
これは、今回のぼかす手法がノイズに画像をマッピングしてぼかす仕組みだの影響。(※ぼかした部分が滑らかなグレースケールになっていないから)
シェーダーノードエディターも、標準装備で、Blurノードが欲しいところ。
■チュートリアル参考サイト
以上。
この記事が気に入ったらサポートをしてみませんか?