Blenderを使って、モデリングはせず、グラフィック素材を手に入れる

## この記事の概要

2024年11月26日に開催された、身内だけのLT会での内容を記事化しています。

スライドはなく全編デモンストレーション形式だったのですが、事前にテキストとして整理しておいたので公開します。

以下は当日に参加者へお配りした内容と同じです。

:::note warn
ショートカットキーはMac準拠です。
私がMacを使用している&参加者がデザイナーばかりだったので、Windowsを使用している場合は適宜読み替えてください。
:::

## 下準備

ここまでの内容はセッティングしたファイルを配る。

- Blenderを起動する
- 立方体を削除する
- Cameraの設定をする
  - Location: x: 0, y: -10, z: 0
  - Rotation: x: 90°, y: 0°, z: 0°
  - PerspectiveからOrthographicにする
  - Orthographic Scaleを1.92にする
- Lightの設定をする
  - 種類をPointからSunに変更する
  - Strengthを5にする
  - Location: x: -10, y: -10, z:10
  - 新規にEmptyを追加する
  - Track Toで対象を先ほど追加したEmptyに設定する
- グラフィック描画用のPlaneを追加する
  - x軸に90°回転
  - y軸のサイズを1.16に変更
  - ApplyからAll Transformを適用
- レンダリング関連の設定を変更する
  - Render EngineをEEVEEからCyclesに変更する
  - DeviceをCPUからGPU Computeに変更する
  - Viewport ShadingをRenderedに変更する
  - Noise Thresholdを0.3に変更する
  - DenoiseのUse GPUにチェックを入れる
- Materialの準備をする
  - 画面を分割して、片方はShader Editorを開く
  - PlaneにMaterialを追加する

## グラフィックを作る

ここからがLTの内容。

### 色を変える（単色）

- Base Colorを変更する

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/4db1a9c0-431b-b626-701e-38d8a079c927.jpeg)

### 色を変える（グラデーション）

- `shift + A` → SearchからColor RampとGradient Textureを呼び出す
  - 呼び出したこれらはNodeという
- Color RampのColorをPrincipled BSDFのBase Colorに繋ぐ
- Gradient TextureのColorをColor RampのFacに繋ぐ
- 好きな色とグラデーションの位置に変える

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/0038f9e4-8f1e-1639-e4e8-f4623bc7d150.jpeg)

### この後のために設定を追加する

- `command + ,`からPreferencesを開いてAdd-onsを開く
- 検索窓にnodeと入れたらNode Wranglerというものが出てくるはずなので、それにチェックを入れる

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/405af065-9203-6506-ba94-4905f501accd.jpeg)

### グラデーションの向きを変える

- Gradient TextureのNodeを選択して`control + T`を押す
- MappingとTexture CoordinateというNodeが追加される
- MappingのRotationのYを90°に変えるとグラデーションの向きが変わる

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/fcb333ca-b96d-86da-0d79-1fd80a31fb07.jpeg)

### ノイズっぽいテクスチャをつける

- Gradient TextureのNodeを選択して`X`で削除する
- `shift + A` → SearchからNoise Textureを呼び出す
- Noise TextureのFacをColor RampのFacへ繋ぐ
- MappingのVectorをNoise TextureのVectorへ繋ぐ
- Noise TextureのScaleやDetailなどの値を変えると表情が色々変わる

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/2bb92498-e641-e994-b827-bc44864c8fad.jpeg)

### ブロックっぽいテクスチャをつける

- Noise TextureのNodeを選択して`X`で削除する
- `shift + A` → SearchからVoronoi Textureを呼び出す
- F1をN-Sphere Radiusに変える
- Voronoi TextureのRadiusをColor RampのFacへ繋ぐ
- MappingのVectorをVoronoi TextureのVectorへ繋ぐ
- Voronoi TextureのScaleやMappingのXのScaleの値などを変えると表情が色々変わる

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/8f6d1367-822b-bd4d-144d-44ae454fe556.jpeg)

### 色々なテクスチャがある

- textureと入力すると色々出てくるので、試してみて

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/800f7381-5262-f48e-72b1-e43896feac53.jpeg)

### テクスチャを組み合わせる

- Mapping → Wave → Voronoi
- Mapping → Noise → Wave
- などなど

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/1cff41df-9493-0940-1417-0c0437ca83ee.jpeg)

### MetallicやAlphaなどの値にも適用してみる

- Planeの向きを変えたり、光の当て方を変えたりで表情が生まれる
- 落ち影にしてみても良い

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/7691b1e3-7ca0-1cf8-8132-460264bc4cd5.jpeg)

### レンダリング

- 色々試して気が済んだらレンダリングをする
- `F12`で実行する
- Photoshopなどで、狙って作ろうと思ってもなかなか難しいような表情が得られる

![](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/214677/aff2fad3-49d3-820a-16d8-cd3f1f14a064.jpeg)