Blender4.0を使ってK3のアヒルをつくろう

この記事は[K3 Advent Calendar 2023](https://adventar.org/calendars/9117)の21日目の記事です。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/50234316-92d8-be22-1ef8-3ea4331d16da.png)
# Blender4.0が来た！！
ついにBleder4.0が来た……！新しいジオメトリーノードが追加されたり、カメラの色味が良くなったりしているらしいです。
ちょうどよい機会なので、Blenderに触れてみたいと思っている人に向けて簡単なチュートリアル的な記事を書くことにしました。Blenderのインストールから個人的に使いやすい設定、モデリング、よく使うアドオンの追加などを書いていきます。
モデリングまでしか書けなかったので、マテリアル設定など続きは気が向いたときに……

アドカレ的には、BlenderのTipsだけでも良いかもと思ったのですが、せっかくなので触れるきっかけになってほしいと思って~~卒論から目を背けながら~~頑張って書きました。
作ったものをXに載せてくれると泣いて喜びます。

# K3のアイコンをつくろう！
今回のお題は、アヒルです。
K3のアイコンになっているアヒルは、ラバーダック・デバッグが由来らしいのですが、私は4年生になるまで知りませんでした。
最終的な目標としてはK3botのプロフィール画像の再現を目指していきます。

# Blenderのインストール
まずはBlenderのインストールです。

https://www.blender.org/download/releases/4-0/ 

から、Download Blender 4.0をクリックしましょう。インストーラーがダウンロードされます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/fe33d05f-dad4-9f76-79bd-77a9f1c8a961.png)
ダウンロードしたものを開くとこんな感じになるので、Nextをポチポチしてインストールしましょう。
インストールが終わったらBlenderとのご対面です！
起動したらまずこんな画面が出てきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/1a494eef-671c-d60c-bac3-1f4e9b33e934.png)
Languageを**Japanese**、SelectWith(選択ボタン)は**左**、Spacebarは**Search**(**検索**)にしてSave New Settingsを押しましょう。他はそのままで大丈夫です。

:::note info
これまでBlenderを使ったことがある人はImport Exsisting Settingsから設定をインポートするのがいいと思います。
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a6cc201c-ad31-119d-3ab5-536a2cde7fb6.png)
そうしたらこの画面が出てくるので、新規ファイルから全般を押しましょう。
これで、起動までのセットアップは完了です。**Ctrl+S**を押して今のファイルを保存しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/9b598482-f337-9818-29f4-e53ac8d55ac4.png)
Ctrl+Sを押すとこのような画面になるので、好きなファイル名を入力して保存しましょう。

ここから少し設定が続きます。（もしこっちのほうがいいよ！っていう設定があったら教えてください。）
画面上部の**編集**から**プリファレンス**を開きます。
**インターフェイス**欄にある**翻訳**から**新規データ**のチェックを外しておきましょう。マテリアルやオブジェクト名に日本語が含まれていると、外部ツール(UEやUnity)にオブジェクトをエクスポートした際にエラーになることがあり、それを防ぐためです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/ed3a0add-7e64-b36d-4acf-dedd6f2e3788.png)

次にキーマップ欄に行き、**全選択切り替え**、**[Tab]でパイメニュー**と**詳細シェーディングパイメニューアイテム**にチェックを付けましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/f6b15c9a-4751-fed5-2577-b3ada695aad6.png)

この設定を行うことで、Tabキーを押したときとZキーを押したときにパイメニューが表示され、モデリングの際に使用する様々なモードに遷移しやすくなります。操作しやすくなる設定だと思ってください。
次に**視点の操作**欄に移動します。
**選択部分を中心に回転**と**自動**の**深度**にチェックを入れておきましょう。
また、**自動**の**透視投影**のチェックは外しておきましょう。勝手に透視投影と平行投影が切り替わってしまいます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/6d14aa4a-6e72-81a1-43c4-ca20b1082870.png)

最後に**システム**に行き、**アンドゥ回数**を適当な数に設定しましょう。これはCtrl+Zで戻れる回数です。初期値だと32回ととても少ないのでとりあえず最大の256にしておくといいと思います。
また、GPUを搭載しているPCで作業する方は、**Cyclesレンダーデバイス**から**OptiX**を選択し、CPUとGPU両方にチェックを入れておきましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/2be016a1-29a5-a911-4183-496367cf36b4.png)

これでやっと作業の下準備ができました！
この設定は自分が使っているものです。もし使いづらいと思ったら自由に変更してください……！

# Blenderに慣れる
他の3Dソフト（Unity, UnrealEngne, Maya）と比べてBlenderの操作は少し特殊です（Blenderがおかしい）。よくこれらのソフトを使っている人は慣れるのに時間がかかると思うので頑張ってください。
個人的にBlenderの強みはショートカットによる操作の軽快さだと思っています。その分最初にBlenderに触れてしまうと他のDCCツールでの作業が苦痛になりがちですが……
Blenderでモデリングを行う場合、ここで説明するショートカットはなるべく早く覚えてしまいましょう。
視点移動は以下のように行います。

:::note info
オブジェクトの選択：左クリック
視点の回転：マウス中ボタンドラッグ
視点移動：Shift + マウス中ボタンドラッグ
ズームイン・ズームアウト：マウスホイール or Ctrl + マウス中ボタンドラッグ
:::

適当に視点をグリグリしてみて遊びましょう。

:::note warn
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/c6443c8a-8a30-45b4-b102-fd36ac2ec28d.png)
視点を動かしているときに、このような赤丸が動いてしまうことがあります。これは3Dカーソルといい、オブジェクトを追加する際の初期位置だったりいろいろな基準となります。
**Shift + 右クリック**で移動してしまうので注意しましょう。
もし移動してしまった場合、**Shift + S キー**を押し、「カーソル→ワールド原点」を選択しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0c9de41b-c59c-28d7-e756-4f5f86e76441.png)
:::

次にオブジェクトを選択してみましょう。オレンジ色でハイライトされていたら選択できています。その状態で**Gキー**を押してマウスを動かしてみましょう。
![GtoMove.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/7379730e-5179-8a76-067c-6ec86887e3c9.gif)

オブジェクトが動きました。
Gキーを押してオブジェクトを動かした後に左クリックでオブジェクトの位置を確定します。右クリックを押した場合は、動作がキャンセルされオブジェクトは元の位置に戻ります。
Blenderではどんな動作でも基本右クリックがキャンセルになります。
次に**Gキー**を押した後に**Xキー**を押してマウスを動かしてみましょう。同じように**Gキー**を押した後に**Yキー**、**Zキー**も押してみましょう。
XYZそれぞれの軸に沿ってオブジェクトを移動させることができます。
![GXtoMove.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/d8473396-d119-5768-019a-2a62e63d25cc.gif)

:::note ifno
Gキー：移動
GキーのあとにX,Y,Zキー：X,Y,Z軸に沿って移動
位置の確定：左クリック
キャンセル：右クリック
:::

次にオブジェクトを選択した状態で**Rキー**を押してマウスを動かしてみましょう。オブジェクトが回転します。
移動のときと同じように**Rキー**を押した後**X,Y,Z**それぞれのキーを押してみましょう。各軸に沿って回転してくれます。
![RtoRotate.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/7060f96f-96f4-1ea0-2415-1044c3c72403.gif)

:::note ifno
Rキー：回転
RキーのあとにX,Y,Zキー：X,Y,Z軸に沿って回転
回転の確定：左クリック
キャンセル：右クリック
:::

次にオブジェクトを選択した状態で**Sキー**を押してマウスを動かしてみましょう。オブジェクトが拡大・縮小します。
これまでと同じように**Sキー**を押した後**X,Y,Z**それぞれのキーを押してみましょう。各軸に沿って拡大・縮小してくれます。
![StoScasle.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a793c113-efbd-7017-fed1-aff25843f6ab.gif)

:::note ifno
Sキー：回転
SキーのあとにX,Y,Zキー：X,Y,Z軸に沿って回転
スケールの確定：左クリック
キャンセル：右クリック
:::
次にオブジェクトを選択した状態で**Tabキー**を押してみましょう。パイメニューが表示されます。
その状態で**編集モード**を選択してください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/641bccdd-702b-f3a1-b724-f96877faeb0f.png)
編集モードに入るとオブジェクトの頂点を編集できるようになります。複数の頂点を選択したい場合は、**Shiftキー**を押しながら頂点を選択してください。編集モードでも、これまで用いた**G,R,Sキー**での移動、回転、拡大操作が可能です。
![編集モード.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/8e73a406-47a7-69c3-6cf4-7748d4e94d0d.gif)

編集モードの状態で**数字キーの2**（テンキーじゃない方）を押してみましょう。表示が変わったと思います。これは辺選択モードです。オブジェクトの辺を選択して編集できます。
同様に、**数字キーの3**を押してみましょう。面選択モードに切り替わります。
それぞれのモードは画面左上のアイコンからも変更ができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/9edf0ab7-598f-947d-36e2-64021048c983.png)

編集モードから戻る際は同様に**Tabキー**を押してメニューを表示させ、**オブジェクトモード**に戻りましょう。

:::note info
Tabキー長押し：モード切替
編集モード中
数字キーの１：頂点選択モード
数字キーの２：辺選択モード
数字キーの３：面選択モード
:::


:::note warn
ショートカットキーで遊んでいたらカーソルの表示が変になっちゃった！とか、選択できなくなっちゃった！という場合はおそらく選択モードを変更してしまったことが原因です。
**Wキー**を押すことで選択モードを変更することができるので、左上にあるアイコンがこの表示になるまで**Wキー**を押しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/c6c6442e-db04-56e1-c679-b07f45411e9b.png)
:::

オブジェクトモードに戻ったら、**Zキー**を押してみましょう。シェーディングメニューが表示されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0a66c619-e381-4393-3d25-59fca71045cf.png)
**透過表示を切り替え**を選択するとオブジェクトが透過表示されます。
**ワイヤーフレーム**を選択するとオブジェクトがワイヤーフレーム表示になります。
**マテリアルプレビュー**を選択するとオブジェクトに割り当てたマテリアルが表示されます。
**オーバーレイ切り替え**を選択すると各種UIが非表示になります。
**レンダー**を選択すると現在の視点でレンダリングを行った結果が表示されます。GPUが載っていないノートPCで作業を行っている場合は動作が重くなる可能性があるので、なるべく切り替えないようにしましょう。

:::note warn
オーバーレイ切り替えを意図せず行ってしまい、何も表示されなくて何もできない！みたいになることがよくあります。その時は焦らずZキーを押してオーバーレイ切り替えがオンになっていないか確認しましょう。
:::


# モデリング
では、モデリングを行っていきましょう。ここから、これまで書いた基本操作はできる前提で書いていくので頑張りましょう。

### モデリングを行う前に
作成する対象の資料をなるべくたくさん集めましょう。調べれば調べるほどモデルの完成度は高くなります。
今回はラバーダックを作成するのでラバーダックでググって色々調べましょう。今回はK3の画像をメインに観察していきます。

>![index.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/febfc5f7-b060-4c93-a638-6b0436d12a95.jpeg)
>引用元：http://k3tec.net/neko_wiki/index.php

解像度が低いですが、頭が結構上を向いていて、羽の立体感はなくツルツルした感じ、底面は真っ平らだとわかります。K3のこのタイプのラバーダックの画像は他に見つけられなかったのでとりあえず、

>![pukiwiki.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/dea25370-f6bf-ce0f-e3cd-7a41a19f540d.png)
>引用元：http://k3tec.net/neko_wiki/index.php

このK3ホームページのアイコンの画像がほぼ真横からラバーダックを見ている画像っぽいので、これを各パーツのサイズ感の指標としてモデリングを行っていきます。

### 下絵の配置
Blenderを開いた初期の状態では、カメラ、ライト、立方体の3つが配置されています。これらは一旦邪魔なので削除してしまいましょう。
![ RubberDuck [C__BlendWorks_models_RubberDuck_RubberDuck.blend] - Blender 4.0 2023_11_19 (日) 11_46_30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/544e9872-062d-adf2-11db-4ef0d01f4411.png)
**Aキー**で全選択し、**Xキー**で削除できます。

:::note infoA
Aキー：全選択
Xキー：オブジェクトの削除（編集モード中：選択対象の削除）
:::

モデリング作業中は基本的にカメラを平行投影にしてモデリングします。平行投影にすることで、パースによる大きさのズレがなく正確にモデリングできます。
右上のアイコンの一番下、マス目のボタンを押しましょう。そうすると平行投影・透視投影を切り替えることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/e51dbb2e-ba6e-0ead-31eb-0f2baf00cdb7.png)

:::note infoA
透視投影：パースのついた描画方法
平行投影：遠近感のない描画方法
:::

まずはラフモデルを作成します。ラバーダック全体の大まかな形を作成していきましょう。
画面上に何もない状態になったら **Shift+A** を押してみましょう。

:::note info
Shift + Aキー：オブジェクトの追加
:::

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/d3bd7962-61fe-f0b8-9413-2384efa6c8e9.png)
**画像**→**参照**を押してK3のアイコン画像を読み込みます。

![_ RubberDuck [C__BlendWorks_models_RubberDuck_RubberDuck.blend] - Blender 4.0 2023_12_13 (水) 2_19_25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a3092672-7bb0-ff32-e1c7-654d6fb272db.png)
適当に画像を読み込むとこのように斜めに下絵が読み込まれてしまいます。
この場合、画像を選択している状態で右上の**アイテム**メニューから回転のXYZの数値を選択し、それぞれ0度にしましょう。
>これが
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/1678842b-c413-32af-1482-be8b66bc39c7.png)
>こう
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/80dd8093-1a43-cd37-b481-816e9c2e376a.png)

:::note info
Shiftを押しながら選択：複数選択
数値を複数同時に変更したい場合はこれが便利です
![ダウンロード.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/cf8b8512-82cd-1200-2f37-3446a02024c3.gif)

:::
すべての角度が0になったら、画像をx軸に90度回転させましょう。
ショートカット：**R**→**X**→**90**
Blenderは右手座標系なので、-Y方向が正面、+Zが上となるので、画像をY軸に少し後ろに移動させます。
このような形になっていたらOKです。
![_ RubberDuck [C__BlendWorks_models_RubberDuck_RubberDuck.blend] - Blender 4.0 2023_12_13 (水) 3_31_23.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/51649a2f-0a42-7fba-0f30-ed3135f2ba04.png)

### 胴体の製作
そしたら、基本の形である立方体を表示させます。
**Shift+A**でしたね。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/88bfa6fb-fcf8-1957-54dd-19ca4f7cdb1a.png)

>どうせ立方体を表示させるなら最初に立方体は消さなくていいじゃんと思ったそこのあなた！！その通り……！！ただ儀式的にやっているだけなんです……！！

![_ RubberDuck [C__BlendWorks_models_RubberDuck_RubberDuck.blend] - Blender 4.0 2023_12_13 (水) 3_54_59.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/c99eb442-a526-3511-463b-e7f4ac9cb11a.png)
この立方体を編集して、まずはアヒルの胴体を作りましょう。
立方体を選択し、編集モードに移ります。
そうしたら、右上のYと書いていない方の緑の丸をクリックしてください。（もしくはテンキーの1）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a47d7ce0-2ada-d089-7378-5c12096187af.png)
そうすると-Yからの視点にカメラが移動します。
![_ RubberDuck [C__BlendWorks_models_RubberDuck_RubberDuck.blend] - Blender 4.0 2023_12_13 (水) 4_03_27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/e957cc89-5554-92cf-cd2f-eb16992b470f.png)

この状態で、先程配置した下絵に沿って頂点を動かしてモデリングを行っていきます。

:::note info
視点移動：軸に沿った位置に視点を動かす際にはテンキーの数字を押すか、マウスで下部のアイコンのそれぞれの軸をクリックして移動させます。
Unityとかでも同じ操作があるので慣れてる人はやりやすいかも。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a47d7ce0-2ada-d089-7378-5c12096187af.png)
:::

早速頂点を動かしたいところですが、現在の視点からだと、ただ頂点を選択するだけでは、手前側の頂点しか選択できません。
>この状態で右上の頂点を選択しても
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/8ce09fd5-b1dc-4995-b554-bb5aeace6093.png)
>手前側の頂点しか選択できない
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/77cbaf62-e928-be39-901b-7c8fa45a0fa0.png)

解決策として、透過状態でモデルを表示させましょう。
**Z**を押すとシェーディングメニューが表示されます。この状態で**透過表示を切り替え**を選択しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/b3b7a83a-1c5b-1838-c459-4dc7d0c1f960.png)
このようにモデルが半透明で描画されます。
![「Blender4.0を使ってK3のラバーダックをつくろう」を編集 - Qiita - Google Chrome 2023_12_13 (水) 4_13_02.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/9ad0c3da-9887-20e1-4442-81338f8f1837.png)
この状態で、左クリックを押しながら範囲選択。そうすると、奥の頂点も一緒に選択するとができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/3055a2ff-187d-3526-6e9f-74fb519a7eb2.png)

>奥の頂点も選択できた。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/ab6e44c0-aaca-8d6f-fb5e-df27a8100375.png)

そしたら頂点を動かしてみましょう。このような形になれば良いと思います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/b9c74495-5b71-a1ce-e754-46bd431a5b27.png)

しかし、このままでは頂点が足りませんね。その場合はモデルに近い位置にマウスを持っていき、**Ctrl+R**を押してみましょう。ループカットができます。
![ループカット.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/b381e9d0-1866-49b8-a007-9f41922ebb9d.gif)
ループカットを確定させるには、左クリックを押します。逆にキャンセルしたい場合は右クリックを押しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/99d58d2b-5c2a-b180-a5a6-88e6227e408c.png)
左クリックを押したあと、マウスを動かすことでループの位置を動かすことができます。ループを動かした位置で確定させる場合は左クリック、初期位置で確定させたい場合は右クリックを押してください。


:::note info
Ctrl+R：ループカット　モデルの周に沿って辺を追加することのできる機能。
ループカットの初期の分割位置は線分の中点になる。ループを移動させたい場合はループカットの表示が出ているときにマウスを動かす。
:::

:::note warn
ナイフツール（Kキー）を用いて頂点を増やす方法もありますが、個人的にはループカットを用いて頂点数を増やすのがおすすめです。理由としては、ループカットで分割を増やした場合は必ず、モデルを構成するポリゴンが四角になるからです。
モデルを四角ポリゴンで構成することで、モデルの編集が行いやすく、UV展開が行いやすい扱いやすい3Dモデルを作成することができます。
:::
ループカットを使って縦と横それぞれに辺を追加したあと、このような形に頂点を移動させてみてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/b6c0bec9-8541-b6f7-39b6-4c12229d2f76.png)
とりあえずこの形で側面からのラフ形状は完成とします。

次に正面の形状を作りましょう。先程のように右上のアイコンから、今度は赤丸を選択して-X方向からの視点に切り替えます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a624887b-3ae2-cbd2-0b2a-9d7650062ea3.png)

そうするとこのようになっており、明らかに縦に細長いです。
![_ RubberDuck [C__BlendWorks_models_RubberDuck_RubberDuck.blend] - Blender 4.0 2023_12_13 (水) 4_37_07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/d1455124-1023-8c4c-142e-5b3e209dee17.png)

これを修正するため、Y軸方向にモデルを拡大させます。
**Alt**を押しながら辺の周上で左クリックを押すことで、ループ選択ができます。これを用いてモデルの真ん中の辺を選択しましょう。
![ループ選択.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/42b8c008-1a68-09dc-a549-109e0b64a55e.gif)

:::note info
Alt + 左クリック：ループ選択
:::

そしたら**S→Y**を押し、Y方向に拡大を行います。

これらの操作を繰り返し、形状を下の画像のようにしてみましょう。
>前と後ろの頂点を選択し、Y方向に縮める。
また、Z方向に厚みを感じたため、Z方向に縮める。
最後にx軸に沿ってループカットを追加、頂点を動かして雫型に近づける。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/10d796be-c3ac-a672-0c6e-7ef3e8648316.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/7555cafb-6f74-04be-55ef-5b02eb6ecc9d.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/3d0d05e2-d65f-8c13-2b02-46b3e3961071.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0343e2bd-e78f-7dd5-ca96-f3dac0dcdb7a.png)


さて、このままではあまりにもザ・ポリゴンなモデルです。
そこで、サブディビジョンサーフェス（再分割曲面）を利用します。
このような曲面の多いラバーダックなどのモデリングをする際に、サブディビジョンサーフェスがよく用いられます。

:::note info
サブディビジョンサーフェス：ポリゴンメッシュを規則的に分割して得られる面のこと。なんか細かくするやつって覚えておけばよし
:::

編集モードからオブジェクトモードに戻りましょう。
右下のメニューから、レンチのマークを選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0577deb6-c180-ad4b-bd64-21e875b209cc.png)
モディファイアーを追加からサブディビジョンサーフェスを選択しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/724ea7b2-918f-f15a-706c-43c11fc50685.png)
モディファイアーのビューポートのレベル数を2にます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/82ccc8d6-cb12-4685-8b8c-bb4fc65abd04.png)
そしたらモデルを選択した状態で右クリック。スムーズシェードを選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/5428610f-c1f8-9b0d-89ab-c35072cb8e7b.png)

すると、サブディビジョンサーフェスによって分割されたポリゴンがなめらかに描画され、いい感じにラバーダックっぽくなりました。

少し脱線して、サブディビジョンサーフェスを適用した状態の現在のポリゴン数がどのくらいか調べてみましょう。
右上のビューポートオーバーレイから**統計**を選択。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/04a9a3e3-2572-3886-9dd5-ab7edc5f8f4d.png)
すると左上に選択したオブジェクトのポリゴン数が表示されます。（モディファイアー適用後の数値が表示されます）
現在の状態で768ポリゴンでした。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a7037415-228f-6034-2049-0fc16ba84b10.png)

モデリングに戻ります。
サブディビジョンサーフェスを適用したら、もう一度編集モードに戻りましょう。
このように、頂点が描画されている位置と実際にモデルが描画されている位置が異なることがあります。これは、サブディビジョンサーフェスモディファイアーを適用しているためです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/07883f7e-4fa9-f352-21c7-e0a8c0863b09.png)
このままだと編集しづらいため、モディファイアー欄の右上、▽に○がついてるマークを押しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/419ad95b-6cb9-1615-ae15-304ba5bcb3c4.png)
これにより、モディファイアーが適用された頂点の位置で編集を行うことができます。
次に編集を行いやすいようにするため、ミラーの設定を行いましょう。
モデルの左側をすべて選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/baaf93a6-f5ae-b715-bfc9-9f1558b34c3b.png)
**Xキー**で削除してしまいましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/2db33312-261f-e89f-9a72-d107206cbbe7.png)
そうしたら右側のモディファイアーを追加から、**生成→ミラー**を選択します。
座標軸を**Y**にして**クリッピング**にチェックを付けましょう。こんな感じになるはず。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/5b92c020-dbac-4413-414f-0b6d2d32508e.png)


:::note info
**ミラーモディファイア**
その名の通り、モデルの原点を中心として反対側にオブジェクトを鏡写しにするやつ。
ミラーオブジェクトに任意のオブジェクトを設定すると、そのオブジェクトを対象の軸としてミラーしてくれます。
クリッピング：ミラーの軸より向こう側に頂点や面が移動することを防ぐ
:::

ミラーが無事に適用できたら、ミラーモディファイアをサブディビジョンモディファイアの上に移動させます。
モディファイアウィンドウの右上(::::)をマウスドラッグでモディファイアの順番をいじることができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/e4e841e2-30f9-e7c3-33ce-418e68673685.png)


ミラーを上にしたのには理由があります。モディファイアーは上から順番に適用されていきます。そのため、サブディビジョン→ミラーの順に適用したものと、ミラー→サブディビジョンと適用したものではモデルの形状に差が出てしまうのです。
>サブディビジョン→ミラー
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/ae4f2b18-62b4-e54b-505c-015780a6aebd.png)
ミラー→サビディビジョン
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/6a9c417d-74d6-7573-5b5d-ba1f57d22cdd.png)

:::note warn
サブディビジョンサーフェスはモデルの頂点、面の情報を用いるため、今回のように左右対称にモデリングを行いたい目的でミラーモディファイアを利用している場合には、ミラーで左右対称なモデル情報を作成→サビディビジョンを適用という形にしないと意図した形状を得ることができません。
意外と見落としやすいミスなので注意しましょう。
:::

ここまでできたらアヒルの尻尾を作りましょう。
後ろ側の面を選択します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/2aae5bce-dcb6-baa2-c17c-d921c366b3ae.png)
その状態で**Eキー**を押しましょう。面の押し出しができます。
押し出しの軸は面の法線方向になります。
もし、任意の軸方向に押し出したい場合は**Eキー→任意の軸キー**というふうに押すと、その軸に沿って押し出すことができます。
左クリックで押し出した状態を確定することができます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/25b396d4-26fa-942a-380f-16a84a12796d.png)

:::note warn
Eキーを押したあと、右クリックしてしまうと押し出した面が押し出しを指定した面と同じ位置に置かれてしまいます。この状態になると、面が重なってしまい描画がおかしくなる原因になります。
意図せずこの動作をしてしまうこともあるので、気をつけましょう。
もし押し出しをした後、右クリックしちゃったかも？って思ったらctrl+Zで戻りましょう。
:::

:::note info
Eキー：面の押し出し
:::

ある程度押し出したら、**Sキー**の拡大縮小や頂点を選択して移動させていい感じの位置に移動させましょう。
正解はありません、思い思いのアヒルの体を作りましょう。
体の制作はこれで終わりにして、次は頭に進むので、他の頂点の微調整もここで行ってしまいましょう。
すべてのパーツができたあと、最終的な微調整を行うので、ある程度の形状ができたら次に進みましょう。

>現在の状態
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/2d7105db-1c31-7011-3c1b-0dbd82e14098.png)

### 頭の制作
頭を作ります。
今回は便利なアドオンを入れて作成してみましょう。
左上の**編集→プリファレンス**から**アドオン**を開き、右上の検索欄で「loop」と検索します。
すると、「メッシュ：LoopTools」が見つかるので□をクリックして有効化しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a27cbe99-874b-c998-27df-b37e7b5e1def.png)

ついでにAutoMirrorというアドオンも入れておきましょう。後で使います。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a8f2f44b-20cc-f966-b264-7802ea480a53.png)


作業に戻ります。
**Shift+A**から立方体を作成します。
サブディビジョンモディファイアーとミラーを追加します。今回はショートカットを使って追加してみましょう。

立方体を選択した状態で、**Ctrl+2**を押してみましょう。サブディビジョンモディファイアーが適用されます。Ctrlキーと同時に押す数字に応じたレベルのモディファイアーが適用されます。
モディファイアーウィンドウにある▽のマークを押すのを忘れずに。

:::note info
Ctrl+数字キー：任意の数字レベルのサブディビジョンモディファイアーを適用
:::

立方体を右クリックでスムーズシェードにします。
>現在の状態
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0d4d22db-22eb-4be0-d76c-17451f4e86cb.png)

編集モードに移りましょう。
編集モードに移ったら、**Aキー**で全選択、右クリックで**細分化**を行いましょう。その後に画像の位置までモデルを動かしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0ccc3864-c4e7-f29b-5512-116977665718.png)

このメッシュを球状にしていきます！
**Aキー**で全選択、上部メニューの**メッシュ**から**トランスフォーム→球状に変形**を押してみましょう。マウスを動かすとメッシュが球状に変形します！！すごい！！この機能知りませんでした。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0e955d1f-c138-2cf4-924c-90244e9a1c27.png)


最後にミラーです。右側**編集**タブから**Auto Mirror**を選択します。
画像のように設定し、AutoMirrorボタンを押しましょう。ミラーモディファイアが自動的に追加されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/821a3c86-3eee-169d-f645-93210623c3cc.png)

AutoMirrorはミラーを適用するための操作（メッシュを半分で分割、頂点を削除、クリッピング）を自動で行ってくれるアドオンです。便利。
これを行ったあと、モディファイアーウィンドウからミラーを上にするのを忘れずに。

最後にプロポーショナル編集の説明をしてあとは自分で頑張ってねって感じにします。（世の中のBlender本出してる人はすごいね……）

プロポーショナル編集は上部の◎マークを押すと有効になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/ff3a600e-5db5-d5fd-3ea4-7223b0ec66f7.png)

プロポーショナル編集は選択した頂点や辺、面に対する移動、回転、拡大の影響が周囲の頂点にも適用される機能です。
右側のメニューから、他の頂点への影響度合いの計算式？を変更することができます。今回はスムーズを使いますが、他にも色々あるので試してみてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/2265eea1-2b98-c69f-b750-431a9d450fda.png)

プロポーショナル編集機能をオンにしたら、後頭部の頂点を選択して少し後ろに移動させましょう。プロポーショナル編集の影響範囲は頂点の移動、回転、拡大操作中にマウスホイールで変更することができます。
![プロポーショナル.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/545f342f-235f-e6b9-e1d3-ba50540e067c.gif)

こんな感じです。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/78e4d3ab-bb52-f9f1-ad2b-e616b87b46e1.png)


### くちばしの制作
これまで紹介した技術のみで作成できます。それぞれ頑張ってみてください。
立方体から作成し、モディファイアーにはミラーとサブディビジョンサーフェスを使用しています。
頂点の流れを見るとどんな感じにループカットしたかわかると思います。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a69847ac-7319-0a51-2a3b-37cb030d3794.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/71fcbfd8-9dee-26b9-c5cc-185ab745707c.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0084c572-b046-b008-6e86-7b66392ea1e9.png)


### 目の制作
これまでと同様に立方体から作成していきます。
レベル2のサブディビジョンモディファイアーを追加し、Y軸方向に縮小したものを目の位置に移動させます。
この際、オブジェクトモードで目のオブジェクトを移動させるとすこし楽です。
オブジェクトモードでは**Gキー**を押したあとに**Xキー**を２回押すことで、オブジェクトのローカルX軸に沿って移動を行うことができます。Y,Zでも同様の操作が可能です。
ローカル軸での操作は、移動だけでなく**Sキー**の拡大縮小、**Rキー**の回転でも使えるので活用しましょう。

:::note info
（オブジェクトモードで）G,R,Sキー→X,Y,Zキー２度押し：オブジェクトをローカルX,Y,Z軸に沿って移動,回転,拡大縮小
:::

いい感じに目の位置に移動できたら、**モディファイアーを追加**から**ミラーモディファイア**を追加しましょう。
**ミラーオブジェクト**のスポイトマークをクリックしたあと、頭のオブジェクトをクリックしてください。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/cd46e439-4283-dc6b-82ec-55858c467a2f.png)

それっぽくなってきました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/fca769cf-7642-451a-53a6-db866e9fe1da.png)

### 頭と体の接続
頭と体をつなぎましょう。
体のオブジェクトを選択し、編集モードに移ります。
このままだと他のオブジェクトが邪魔なので、「/」キーを押すと選択したオブジェクトのみが表示される状態になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/06695faf-5d2f-0161-b320-a35bd320d232.png)

**Kキー**を押して見ましょう。ナイフツールになります。
左クリックで切断する位置を指定することができるので、下の画像のように指定していきます。
>※真上(Z+)からの視点です
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/bf73c3bc-18b6-a2b0-c6fa-ee6f8945d527.png)

Enterを押すと確定します。

:::note info
Kキー：ナイフツール、面を切断できる。Enterで確定。
:::


そうしたら今度は、赤色の２点と青色の２点を繋いでいきます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/dfd2a26b-f4b5-a082-4f42-761eecbfaaab.png)

Shiftを押して赤色の２点を選択、その後**Jキー**を押してみましょう。
２点間が辺で繋がれました。同様に青で示している頂点でも同じ操作をしましょう。

:::note info
Jキー：選択した順に頂点間を辺でつなぐ。２点以上も可。試してみて。
:::

ここまでできたら、真ん中の面を削除します。
>面を選択して
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/eedd10d3-6b8a-fb6d-166f-332917afc2d8.png)
>Xキー→面 で削除
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/c152fb59-26d1-768a-56ae-6f96b0ff804f.png)

オブジェクトモードに戻ります。「/」キーを押して表示をもとに戻すのを忘れずに。
次は頭のオブジェクトを選択して編集モードに移ります。
下の面を選択して、**Eキー**で押し出しを行いましょう。
押し出した面は削除します。

>押し出した面を
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/321bffa7-46fc-99d9-0cf3-02b1bea4bdd7.png)
>Xキー→面　で削除
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/15b7be41-6f82-9487-971d-a046f506e285.png)

下準備が完了しました。
オブジェクトモードで**Shift**を押しながら頭のオブジェクトと胴体のオブジェクトを選択してください。
その状態で**Ctrl+J**キーを押しましょう。2つだったオブジェクトが一つになります。

:::note info
Ctrl+J：選択オブジェクトの統合。最後に選択したオブジェクトが親として統合される。
:::

>2つのオブジェクトを選択
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/709617c2-503c-36b7-9b37-22ebc82251f0.png)
>Ctrl+J
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/14642039-7ba2-55bf-c083-6711d48e3861.png)

統合したオブジェクトを選択して、編集モードに移ります。
**Altキー**を押しながら、先程面を削除した部分の辺ループを選択しましょう。
**Shift+Alt**で辺ループの追加選択も可能です。

>見えづらいけど……
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/478d29cd-f526-d30e-0023-74c9dade5cdb.png)

選択できたらLoopToolsからBridgeをクリックしましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/c6ace883-034c-cd46-37e1-8d568cea6e8f.png)

選択した辺ループの間が面で接続されます。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/359acb06-a1c8-2329-18dd-65f2a65c1ebd.png)

こんな感じになりました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/3c042c5a-5fdf-c271-8d78-f69180561b16.png)

:::note warn
オブジェクトを統合した際に、目のミラーモディファイアーに設定していたミラーオブジェクトが外れてしまっているかもしれません。その場合は、再設定しましょう。
:::

### 扱いやすいデータにする
最後にオブジェクトの向きを調整して終わりにしましょう。
3Dカーソルが原点にあることを確認したら、画面上部のトランスフォームピボットポイントを3Dカーソルに設定します。（3Dカーソルの説明は「Blenderに慣れる」の章にあります）
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/23d8d900-9c65-6ac0-e81b-d32675f3be53.png)

この状態で、すべてのオブジェクトを選択して、**Rキー→Zキー→90**の順で入力しましょう。
**Gキー→Zキー**でオブジェクトが緑のラインの上に行くように移動します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/af4a8bd8-75b2-8d54-59ed-92537f6e0a5f.png)

すべてのオブジェクトにあるミラーモディファイアーを適用します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0a2b2e0d-96e5-8148-3233-ecf1fa3ea3c7.png)

ミラーを適用したら、すべてのオブジェクトを選択して**オブジェクト→適用→回転・スケール**を選択しましょう。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/aaee402a-70e8-f8d9-ef31-b074a336d4da.png)

これを行うことで、回転、スケールの値がリセットされます
>適用前
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/a701931d-3711-744f-83b1-1cdedead756f.png)
>適用後
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/5c0abc8c-3df0-77aa-c357-7f043c18b051.png)



### 全体の微調整
すべてのパーツを組み合わせた状態で各部の調整を行います。
ミラーモディファイアが必要だと感じた場合、再度適用しましょう。
先程オブジェクトの向きを変えたため、ミラーの軸が変わっていることに注意。

胴体が長いのと、頭が少し横長すぎる感じがしたので調整しています。
くちばしの形状もいじっています。

以下に細かいTipsを載せておくので調整する際に活用してください。

:::note info
画面右上のX,Y,Zを押すと、対称なメッシュの場合に対称に頂点、辺、面が動きます。ミラーの適用がめんどくさいときに。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/0c6437c3-523e-6ef5-33cd-105ee9d2df0f.png)

:::

:::note info
頂点、辺、面を選択した状態でGキー２回押し：頂点スライド。辺に沿って頂点等を移動させることができる。
:::

ここは個人の感覚によって調整の仕方が分かれますので、頑張って調整してください。
自分のものはこのようになりました。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/e1621731-b79c-9fcf-296a-3aaf2e17f4b5.png)





# 完成
これでモデリングは終了です。この後、マテリアルの設定などを行ってこのモデルに色を付けていきます。
楽しく書いていたら卒論と同じくらいの文字量になってしまいました（まだ卒論書き始めてないのにね……）。
だいぶボリューミーな記事になってしまいましたが、Blenderを始めるきっかけになったらうれしいです。
マテリアルの設定などはやる気があったら書きます……
![untitled.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623470/2c026e8a-5281-5f90-d831-dad2f6290bb8.png)