Tips:[2.8]Lookdev表示およびEeveeのワールド設定 編集

オプション
<p>&lt;&lt;<a href="https://wiki3.jp/blugjp/page/10">Tips</a></p> <h2>Tips:[2.8]Lookdev表示およびEeveeのワールド設定</h2> <p>Blender 2,8から3Dビューエディタの表示モードにLookdevというのがつきまして、なんでもプリセットの背景ポンと出して照明の具合とか考えながらマテリアル作っていけるとかいう話じゃないですか。</p> <p>しかも、自分で背景追加できるとか、マジっすか。だったらやってみよう、ってことで。ついで(?)にEeveeの背景として出せるワールドのマテリアル設定していきましょう。</p> <h2>任意のHDRI画像をLookDevの背景にする</h2> <p>例として、「東京ビッグサイト」をLookDevモード時の背景に設定してみましょう。背景画像配布しているところがありますのでこれを使います。</p> <ul> <li><a href="http://www.hdrlabs.com/sibl/archive.html" target="_blank">sIBL Archive</a></li> </ul> <p>ページから「Tokyo BigSight」を探し、これをダウンロードします。そして適当な場所でファイルを展開しておきます。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_001.png" /></p> <p>表示モードのボタンが並んでいる右に Shading というボタンを押すと出てくるパネルの歯車マークをクリックします。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_002.png" /></p> <p>ユーザープリファレンス画面が表示されます。Lightsタブが表示されていることを確認したら、[Add LookDev HDRI]ボタンをクリックします。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_003.png" /></p> <p>ファイルセレクタが表示されるのででHDRIファイルを選択します。展開されたファイル、どのファイルを何に使うのかよくわかんない状態かもしれませんが、ここでは Tokyo_BigSight_3k.hdr を選択します。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_005.png" /></p> <p>LookDev HDRIs に画像が追加されました。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_006.png" /></p> <p>表示モードを LookDev、Shading のオプションに追加された画像があるのでそれを選択します。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_007.png" /></p> <p>後は適当にテカテカした物体を置いてあげると良いです。 Metallic = 1.0 , Roughness = 0.0 とかね。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_008.png" /></p> <p>すると、背景が写り込んでより「ビカーッ!」感が増します。この状態デビューをグリグリしてみましょう。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_009.png" /></p> <h2>任意のHDRI画像をワールド背景にする</h2> <p>ワールド設定とかしたことあります?シェーダーエディターにして、ヘッダの左から2つめのプルダウンからWorld、ですね。</p> <ul> <li>プロパティエディタ、World多分の Use Node をクリックしてノードを使用する</li> <li>シェーダーエディタを開き、[Shift]+[A]&nbsp;&gt;Texture &gt; Environment Texture をクリック。</li> </ul> <p><img src="https://img.wiki3.jp/blugjp/page120_010.png" /></p> <p>ノードを接続して、ファイルに先ほど指定したHDRI画像を指定します。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_011.png" /></p> <p>この状態で表示モードをRenderedにすると背景が表示されます。上記ノードの Strength を適当にいじってみて明るさを調整してみてください。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_012.png" /></p> <div class="uk-overflow-container"> <table class="uk-table"> <thead> <tr> <th scope="col">Tips:シェーダーエディタを開かずに背景設定</th> </tr> </thead> <tbody> <tr> <td>上記手順ではシェーダーエディタをいきなり開いて操作するようにしていますが、それは後工程があるためです。<br /> 単に背景HDRI画像を設定するだけなら、プロパティエディタで行えます。<br /> WorldのSueface&gt;Color の色表示の右側の[◯]をクリックするとメニューが表示されます。そこから&quot;Environment Texture&quot;を選び、(項目が追加されるので)そこから実際に使用するHDRI画像を指定します。</td> </tr> </tbody> </table> </div> <h2>背景を回転させる</h2> <p>正面にこの背景、ってやりたいですよね?(LookDev表示のオプションの&quot;Rotation&quot;と同じように)その時はこう、です。Input &gt;Texture Coordinate&nbsp;ノード、Vector &gt; Mapping ノードを追加して(適当につないで)、RotationのZ値を変更してみてください。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_013.png" /></p> <div class="uk-overflow-container"> <table class="uk-table"> <thead> <tr> <th scope="col">ノード</th> <th scope="col">メモ</th> </tr> </thead> <tbody> <tr> <td>Texture Coordinate</td> <td>Input &gt; Texture Coordinate<br /> テクスチャのマッピング基準を何にするか決定。<br /> (World空間のデフォルト、ということでTexture Coodinate)</td> </tr> <tr> <td>Mapping</td> <td>Vector &gt; Mapping<br /> テクスチャマッピングのオフセット等を決定。<br /> Rotation Z を変化させると背景を回転(カメラがパンするような感じで)</td> </tr> <tr> <td>Environment Texture</td> <td>Texture &gt;&nbsp;Environment Texture<br /> hdr画像を指定。マッピング方式はデフォルトのEquirectangular。</td> </tr> <tr> <td>Background</td> <td>マテリアルでいうシェーダーに相当する部分。Strength で背景の明るさの強さを調整可能。</td> </tr> <tr> <td>World Output</td> <td>ワールドの出力先。</td> </tr> </tbody> </table> </div> <h2>グラデーション背景を設定してみる</h2> <p>「画像だとファイル容量大きくなりそうなので、プロシージャルなもの無いの?」という人に簡易な背景として、グラデーションを使うというのはどうでしょうか?(Sky Texture がEeveeで動いたらいいのにね)</p> <p><img src="https://img.wiki3.jp/blugjp/page120_015.png" /></p> <p>画像の代わりにグラデーションマップ的なのを貼り付けた感じ、といえばわかりやすいでしょうか。</p> <div class="uk-overflow-container"> <table class="uk-table"> <thead> <tr> <th scope="col">ノード</th> <th scope="col">メモ</th> </tr> </thead> <tbody> <tr> <td>Geometry</td> <td>Input &gt; Geomerty<br /> XYZのベクターが欲しいので Position で。</td> </tr> <tr> <td>Mapping</td> <td>Vector &gt; Mapping<br /> テクスチャマッピングのオフセット等を決定。<br /> Gradient TextureはデフォルトだとX方向にマップされるので、Y軸で90&deg;回転させたベクターを入れることに。位置オフセットはグラデーションの半分の位置が水平上にあるようにX=0.5。</td> </tr> <tr> <td>Gradient Texture</td> <td>Texture &gt; Gradent Texture<br /> X=0で黒(0,0,0)、X=1で白(1.0,1.0,1.0)のリニアなグラデーションを構成(Color)。</td> </tr> <tr> <td>ColorRamp</td> <td>Converter&gt;ColorRamp<br /> 0〜1までの数値をグラデーションマップに変換したものを出力。</td> </tr> <tr> <td>Background</td> <td>マテリアルでいうシェーダーに相当する部分。Strength で背景の明るさの強さを調整可能。</td> </tr> <tr> <td>World Output</td> <td>ワールドの出力先。</td> </tr> </tbody> </table> </div> <p>&nbsp;</p> <p>イメージとしてはこう。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_016.png" /></p> <p>ノードグループにしておいてバリエーションを持ったものを作っておくのもいいと思います。</p> <p><img src="https://img.wiki3.jp/blugjp/page120_017.png" /></p> <p><img src="https://img.wiki3.jp/blugjp/page120_018.png" /></p> <h2>See Also:</h2> <ul> <li>リンク等を貼り付け</li> </ul> <p>&nbsp;</p>

ショートカットキー一覧

文字装飾

アクションショートカットキー使用例
太字にする Ctrl+B 太文字
斜体にする Ctrl+I 斜体
下線を引く Ctrl+U 下線

リンク

アクションショートカットキー使用例
リンクの挿入・編集 Ctrl+L リンク

リスト

アクションショートカットキー使用例
インデント追加 Tab
  • リスト
    • インデント
インデント解除 Shift+Tab リスト
  • インデント

編集補助

アクションショートカットキー
行ったアクションを取り消す Ctrl+Z
取り消したアクションをやり直す Ctrl+Y, Shift+Ctrl+Z
改行を追加する Shift+Enter
クリップボードに切り取る Ctrl+X
クリップボードにコピーする Ctrl+C
クリップボードから貼り付ける Ctrl+V
すべて選択する Ctrl+A

移動

アクションショートカットキー
行の先頭に移動する Home
文章の先頭に移動する Ctrl+Home
行の末尾に移動する End
文章の末尾に移動する Ctrl+End
ページを上にスクロールする PageUp
ページを下にスクロールする PageDown
任意のキーワードを検索する Ctrl+F