Blenderで立体的なテキストのオブジェクトを作成する方法

# はじめに
## 想定
本記事は、Blender で立体的なテキストオブジェクトを作成する手順をまとめています。

<!-- 作成したオブジェクトは 3D モデルにエクスポートして、Unity へ導入します。 -->

## 環境
| ソフトウェア | バージョン | 備考 |
|---|---|---|
| Blender | 3.6.2  | 日本語に設定済み |
<!-- | Unity   | 2022.3.17f1 | - | -->

# 準備
## 初期画面
Blender を起動すると次のような画面になっています。

![Blender_00_準備_01_初期画面.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/b5e560e9-ea41-bef3-b321-c1ed1a3dd070.png)

## 不要なオブジェクトを削除する（任意）
説明の便宜上、不要なオブジェクトを削除します。
ここでは、次のオブジェクトを削除していきます。
- Camera
- Cube
- Light

Camera オブジェクトをクリックし、```Shift``` キーを押したまま Light オブジェクトをクリックすると、3つのオブジェクトを同時に選択できます。

![Blender_00_準備_02_不要なオブジェクトを削除_00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/056ad4bb-55c3-1e05-2e9f-f04aae907a8f.png)

```Delete``` キーを押して選択したオブジェクトを消します。

![Blender_00_準備_02_不要なオブジェクトを削除_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/95f9457c-c142-fc28-f2c6-77060a41cd92.png)

# テキストオブジェクトの作成
## オブジェクトの追加
次の手順でテキストオブジェクトを追加します。
1. 画面上部にある ```追加``` ボタンを押して（もしくは ```Shift + A``` ）、メニューを開きます。
1. 開いたメニューにある ```a テキスト``` を選択すると、テキストオブジェクトが追加できます。

![Blender_01_オブジェクトの作成_00_テキストの作成_00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/27c67dfd-7b7f-7e63-5e8d-b043ac5f225a.png)

テキストオブジェクトが追加されると、次のように「Text」と書かれた平たいオブジェクトが追加されます。なお、テキストオブジェクトは [カーブ型](https://docs.blender.org/manual/ja/dev/modeling/curves/editing/curve.html) のオブジェクトです。

![Blender_01_オブジェクトの作成_00_テキストの作成_01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/22a62653-4e20-a37c-1b4d-7c7ef977d77b.png)

## テキストの編集
```Tab``` キーを押すと、次の画像のようにテキスト箇所に青色のカーソル線が表示されてテキストの編集ができます。

![Blender_01_オブジェクトの作成_00_テキストの作成_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/8a36f833-eb08-bbb7-abbb-bc330b6f0814.png)

```BackSpace``` キーで文字を削除できます。

![Blender_01_オブジェクトの作成_00_テキストの作成_03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/67359e4f-23cb-3231-d231-c9367b23ed68.png)

キーボードを操作して、テキスト内容を変更できます。

![Blender_01_オブジェクトの作成_00_テキストの作成_04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/f2aa040f-580a-6610-397a-dfd7a439feba.png)

再度 ```Tab``` キーを押すと、次の画像のようにテキスト箇所に青色のカーソル線が非表示になり、オブジェクトを選択している状態に戻ります。

![Blender_01_オブジェクトの作成_00_テキストの作成_05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/65811afb-0f9a-a4ae-968c-b4166b730742.png)

# オブジェクトを立体的にする
次の手順でテキストオブジェクトを立体的にすることができます。
1. ```オブジェクトデータプロパティ``` を開く
1. ```ジオメトリ``` を開く
1. ```押し出し``` パラメータの数値を大きくする

次の画面では、```押し出し``` パラメータを ```0.5m``` にしている状態です。

![Blender_01_オブジェクトの作成_00_テキストの作成_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/74a0ed1d-1a7b-07bf-77cc-fc2b68138295.png)

# マテリアルを適用する（色を塗る）
ここでは次の 2 パターンについて説明します。
|パターン|内容|
|---|---|
|単一のマテリアル|全面が同じ色|
|複数のマテリアル|面ごとに異なる色|

## 単一のマテリアル
オブジェクトの全表面を同じ色にする方法を説明します。

```マテリアルプロパティ``` を開いて、 ```+ 新規``` ボタンを押します。

![00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/b3fb730e-ea4f-c208-ad19-bc3bfe2aadbc.png)


次の画像のように、「マテリアル」が追加されます。```ベースカラー``` の白色の箇所をクリックしてください。

![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/81ea4f1d-e70f-6b30-6c39-4e9dbd97b9e5.png)

次の画像のように、カラーパレッドが表示されて色を選ぶことができます。

![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/362caa33-1e8e-e719-ccc0-5b603609bf38.png)

```マテリアルプレビューモード``` を選択すると、```ベースカラー``` の色が適応されたオブジェクトを確認することができます。

![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/3968543a-a92b-6bf0-2bdf-400ff253ef56.png)

## 複数のマテリアル
オブジェクトの面ごとに異なる色を設定する方法を説明します。具体的には、次の面ごとに色を設定できます。
- 側面
- 上面
- 下面

### 側面のマテリアル
上記の「 単一のマテリアル 」で側面の色を設定します。この記事では、側面の色を赤色とします。

![03_未加工.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/8c74486f-2a25-9c0b-676b-d00c03bdbf1c.png)

### 上面のマテリアル
次の手順で上面に塗る色を設定していきます。
1. マテリアルの追加
1. メッシュ型オブジェクトへの変換
1. マテリアルの適用

#### マテリアルの追加
側面および下面と異なるマテリアルを設定したい場合は、この工程が必要です。

次の手順で、新たにマテリアルを追加します。
1. ```マテリアルプロパティ``` を開きます
1.  ```+``` ボタンを押します
1. ```+ 新規``` ボタンを押します

![00.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/68c58eb0-068d-e376-9231-db889748d2db.png)

次の画面のように、「マテリアル.001」が追加されます。
```ベースカラー``` の白色の箇所をクリックして色を選択してください。

![01.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/235ad715-e940-72cf-0855-565997d04d39.png)

ここでは、青色を選択したものとします。

![02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/ffdb902a-16ce-8e55-6a05-1373d2c1da3d.png)

#### メッシュ型オブジェクトへの変換
面ごとに異なる色を設定するためには、オブジェクトが [メッシュ型](https://docs.blender.org/manual/ja/latest/modeling/meshes/index.html) である必要があります。テキストオブジェクトはカーブ型のオブジェクトなので、メッシュ型に変換していきます。

テキストオブジェクトをクリックして選択状態にします。

![03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/5c37d51f-de9d-9548-047a-385a0dc9a04b.png)

右クリックでメニューを開いて、```変換 > メッシュ``` を選択します。

![04.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/c18c03b9-db63-a131-196b-5e5bd766ca53.png)


画面左上の ```オブジェクトモード``` をクリックして、```編集モード``` を選択します。

![05.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/172238ce-65d9-c540-171c-135345dc91d9.png)


```編集モード``` ではオブジェクトの頂点や辺、面に関する操作ができます。

![06.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/d09be07b-70c1-8ecd-3cf4-6aa11a132db9.png)

#### マテリアルの適用
側面と異なるマテリアルを設定したい場合は、この工程が必要です。

```面``` のアイコンをクリックします。

![07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/28ee63f8-37c4-e100-23d0-f0475ecd4d0c.png)

ウィンドウの右上にある座標軸の ```z``` をクリックして、オブジェクトを真上から見下ろした視点にします。

![08.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/d534e228-5e6e-f82a-91be-fdffa37c2a07.png)

次の手順で上面に固有の色を塗ることができます。
1. 上面全体を選択します
1. 上面に適応させたいマテリアルを選択します
1. ```割り当て``` ボタンを押します

![09.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/9143e586-b5ae-ec75-fabc-79bb44247a0e.png)

以上で、上面に固有の色を塗ることができました。側面は赤色の状態です。

![10.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/3ac40ed7-7faf-2564-c088-6b6c10535456.png)

### 下面のマテリアル
次の手順で上面に塗る色を設定していきます。
1. マテリアルの追加
1. マテリアルの適用

基本的には「 [上面のマテリアル](#上面のマテリアル) 」とほとんど同じ操作です。違う点は次の2点だけです。
- テキストオブジェクトは既にメッシュ型に変換しているので、その操作は不要です
- マテリアルを適用する面として、下面全体を選択します

#### マテリアルの追加
側面および上面と異なるマテリアルを設定したい場合は、この工程が必要です。

「 [上面のマテリアル > マテリアルの追加](https://qiita.com/skm_bnn/private/b6ebef2867a43a1c16df#%E3%83%9E%E3%83%86%E3%83%AA%E3%82%A2%E3%83%AB%E3%81%AE%E8%BF%BD%E5%8A%A0) 」と同様の操作で新たにマテリアルを追加します。ここでは、緑色のマテリアルを追加したものとします。

![画像1.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/1fd9592a-8e2b-061e-5184-476c92b5abda.png)


#### マテリアルの適用
側面と異なるマテリアルを設定したい場合は、この工程が必要です。

1. 画面左上を ```編集モード``` にして、```面``` のアイコンをクリックします。
1. オブジェクトの下面のみが見える視点（オブジェクトを下から見上げるような視点）に変更します。

![画像2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/1d23fd38-55af-2133-50e4-9538c4701e42.png)

視点を操作します。

![画像3.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/2bf8d9a6-4263-fb12-4c15-e7b5a0cb8d77.png)


このような視点にします。

![画像4.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/da0f6b2d-ca1c-e8d9-9b22-8f8599749239.png)


マウスをオブジェクトの外部からクリックしたままスライドして、範囲選択内にオブジェクトを収めます。クリックから指を離すとオブジェクトの下面全体を選択できます。

![画像5.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/72ba4a49-b1bb-db6f-21b3-9d0af955ff2b.png)


次の手順で下面に固有の色を塗ることができます。
1. 下面に適応させたいマテリアルを選択します
1. ```割り当て``` ボタンを押します

![16.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/dbe9e41f-489c-3e55-d9c7-ad36c866fd28.png)

### 完成
以上で、オブジェクトの各面に異なるマテリアルを適用することができました。
|面の位置|色|
|---|---|
|側面|赤|
|上面|青|
|下面|緑|

- オブジェクトを斜め上から見た視点

![17.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/02cd26c4-bb98-5442-9772-a288fd26ebb5.png)

- オブジェクトを斜め下から見た視点

![18.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2844961/104964ed-bb81-4bd8-8561-fe69117bcb3b.png)

# 参考
- [Blenderで3Dテキストを作成する方法 | Vook(ヴック)](https://vook.vc/n/6149)
- [【初心者向け】Blenderで簡単に複数のマテリアルを割り当てる方法をご紹介！ - TomoGのごちゃまぜ倉庫](https://www.tomog-storage.com/entry/Blender-Beginner-AssignMaterials)
- [Blenderで設定できるマテリアルについて見てみよう | gihyo.jp](https://gihyo.jp/article/2023/10/blender-basics-21)
- [【Blender】マテリアルとは？設定方法を基礎から徹底解説 | Vook(ヴック)](https://vook.vc/n/5862#)