【Blender】オブジェクトにボーンを入れた後、ポーズをとらせる操作手順

# この記事でできること
- こんなことができるようになります

<img width="450" alt="スクリーンショット 2020-07-07 11.42.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/dc03c5d3-76cc-091f-364e-072751c85fe1.png">

<img width="336" alt="スクリーンショット 2020-07-07 12.23.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/f8658361-e749-f01c-e595-3d1abc0e55f6.png">

![a07のコピー.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/677fa053-c433-d112-29c5-95a45f146d23.png)

- ボーンを入れるだけの記事なので、そこから先のunityとかの話は、ここでは無しにしてます。

# 前準備
## Blenderの環境 
### Blender2.83.1を使用しています。(2.83でも変わらず)
- [Blender.jp](https://blender.jp/)

## OBJファイルの準備
- わざわざOBJファイルを作る必要はないですが、tinkercadが慣れているので、そこから作りました。
- obj形式でエクスポートします。

<img width="356" alt="スクリーンショット 2020-07-07 11.44.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/60039749-af9e-ddb2-68ed-b379e1d8f7eb.png">

# オブジェクトをインポートする
- インポートの仕方は割愛します。
- tinkercadのサイズとBlenderのサイズは大きく違います。(Blenderにインポートすると、100倍くらい大きくなる)
<img width="459" alt="スクリーンショット 2020-07-07 10.43.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/a05ec90f-f766-6ba8-876a-bbdb42870e9a.png">

- 回転と位置を調整して、Blenderの中心軸に移動させたら、下図のようにインポートしてきたオブジェクトの中心点を、Blenderの原点に設定します。

<img width="1318" alt="スクリーンショット 2020-07-07 10.50.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/94ce0a4e-61f7-eef5-b8f1-da185d3f645d.png">

- 位置に関する注意点
    -  このあとのボーンを追加するところで、「対称化」という作業では、「x軸」で対称化されるため、オブジェクト(キャラクター)が正面を向いた状態で、水平にx軸が展開されるようにしましょう。 

<img width="459" alt="スクリーンショット 2020-07-07 10.43.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/a05ec90f-f766-6ba8-876a-bbdb42870e9a.png">

# ボーンの編集
## ボーンを追加する
- アーマチュアとは、「骨格」の意です。
- [追加]-[アーマチュア]-[単一ボーン]で、ボーン(アーマチュア)が追加されます。
<img width="822" alt="スクリーンショット 2020-07-07 13.43.30.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/2af4eeaa-aded-aee8-52ba-14d0b1977d16.png">
- 正面から見た図でボーンを配置した方がやりやすい場合もあります。
- その場合、[ビュー]-[視点]-[前]を選択すると、真正面からのビューとなります。
- 画像では、わかりやすいように、ボーンのみ表示させています。
<img width="673" alt="スクリーンショット 2020-07-07 13.46.39.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/5fd71dc8-06dd-0e9e-abb5-616f738ab433.png">
<img width="182" alt="スクリーンショット 2020-07-07 13.48.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/fe6ffa2f-7123-9e68-94e2-a255e6f5fb1f.png">

## 作業しやすいように、視点を変える
- また、[オブジェクトデータプロパティ]アイコンから[ビューポート表示]-[最前面]にチェックを入れることで、ボーンがオブジェクトに隠れることはなくなります。
<img width="260" alt="スクリーンショット 2020-07-07 13.49.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/a03d107e-5c2a-350a-004c-1b5861e1a380.png">

## ボーンを追加する(押し出し)
- ボーンを増やすには、[編集モード]にしてから、[アーマチュア]-[押し出し]を選択します。
- ショートカットキーは「Eキー」なので、慣れてきたら「Eキー」を活用して時短するのもアリだと思います。
<img width="675" alt="スクリーンショット 2020-07-07 13.51.24.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/e4067297-7734-fd7e-3837-c79c14cd9402.png">

- ただし、このままだとあらぬ方向へボーンが飛び出るので、ここで(上向きで配置したい場合は、)[Zキー]を押して、ボーンの押し出す方向を確定させます。
<img width="307" alt="スクリーンショット 2020-07-07 13.51.37.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/98815601-83cc-926a-cb01-73c8ea70b59a.png">
<img width="247" alt="スクリーンショット 2020-07-07 13.51.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/c74737a7-aae5-1b8b-97ac-98a9cfca6e99.png">

- 途中から枝分かれしたい場合は、ボーンのヘッドを選択した状態で押し出しを行います。
<img width="191" alt="スクリーンショット 2020-07-07 13.57.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/c31c4a0b-72c2-eaa5-d233-92cc1e944610.png">
<img width="282" alt="スクリーンショット 2020-07-07 13.58.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/65ea814a-8ed7-39ab-0e4b-102c5f0be7a6.png">
- これらを繰り返して、まずは半身のボーンを作成します。
<img width="292" alt="スクリーンショット 2020-07-07 11.30.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/76390caa-e754-5e71-d20c-7de8036e8311.png">

## ボーンの対称化
- ボーンを対象化させるには、まず各ボーンの名前を設定する必要があります。
- 命名規則があり、名前の最後には".L"または"_L"とつけます。
- ボーンを選択したあと、[ボーンプロパティ]から、名前を変更します。
<img width="217" alt="スクリーンショット 2020-07-07 14.08.14.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/f2babd2e-f07c-e686-61d5-d45eeea37860.png">
<img width="262" alt="スクリーンショット 2020-07-07 14.08.21.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/90adcc35-1a7f-531e-5685-35f72a5107e7.png">
<img width="260" alt="スクリーンショット 2020-07-07 14.08.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/c11533e9-190e-3ac9-572c-0dbd0dd61da8.png">

- 名前をつけ終わったあと、対称化の対象となるボーンを選択して、[アーマチュア]-[対称化]を選択します。
<img width="262" alt="スクリーンショット 2020-07-07 14.11.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/2b7c1a2d-dbfd-942e-02be-2de2b1941919.png">
<img width="841" alt="スクリーンショット 2020-07-07 14.12.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/e03f8960-a7b2-50b0-4d3c-d9976fe73969.png">

- 下図のようにボーンが対称化されます。合わせて、作成されたボーンの名前も"_R"といった具合に反映されています。
<img width="506" alt="スクリーンショット 2020-07-07 14.13.23.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/0cb26841-3b13-4d8a-365a-34cf8c0ab0bf.png">
<img width="263" alt="スクリーンショット 2020-07-07 14.15.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/cc34b509-4b06-a9ae-79c4-b8f6bd79ca0e.png">

- こんな感じになったらひとまずボーンは完成です。
<img width="276" alt="スクリーンショット 2020-07-07 11.34.14のコピー.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/33d75dda-117a-c5ee-39d6-a3c3037cce91.png">

# アーマチュアとメッシュを関連付ける

1. オブジェクトモードにします。

1. アーマーチュアを選択した状態で、「Aキー」などでそのほかのオブジェクトも選択します。

1. [オブジェクト]-[ペアレント]-[自動のウェイトで]を選択します。

- 注意…別のオブジェクトを先に選択して、アーマーチュアを含むほかのオブジェクトを選択すると、その後の親子関係で破綻するので、先にアーマーチュアを選択しておく必要があります。

<img width="949" alt="スクリーンショット 2020-07-07 11.34.40.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/8553186f-cfc9-6da6-e6e9-25af84f7f8a6.png">

# ポーズモードで楽しむ

- ポーズモードに変更します。
- ※「シーンコレクション」で、「アーマチュア」を選択すると「ポーズモード」が表示されます。
<img width="174" alt="スクリーンショット 2020-07-07 14.22.17.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/b8b6d0ee-5fa9-0664-d3ff-f4e8eae8944f.png">

- [回転]を選択した方が、ポージングしやすいです。([回転]である必要はないです)
<img width="120" alt="スクリーンショット 2020-07-07 14.27.04.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/36b05211-495c-2b2d-d252-220b049923a2.png">
<img width="243" alt="スクリーンショット 2020-07-07 14.28.53.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/6123a808-f631-9feb-ff30-d1062bb1b79e.png">
<img width="181" alt="スクリーンショット 2020-07-07 14.27.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/5cf6415e-6fce-a006-fd57-c9feddacf745.png">

- 下図のように、好きなポーズがとれたら、完成です。おつかれさまでした。
<img width="450" alt="スクリーンショット 2020-07-07 11.42.57.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/e8497e80-496d-62f1-05df-59a0674ad77c.png">

- 今回の記事は、tinkercadをベースにしていましたが、下図のように、blenderでも問題なくできます。
![a07.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/6d989178-6add-7083-4207-fe5dcf6c4ed0.png)

# おまけ:VRMインポーターの恩恵を受けよう(人型ボーンを簡単に導入しよう)
- VRMインポーターがアドオンとしてインストールされている場合、[追加]-[アーマチュア]-[VRM humanoid]を選択すると、下図のようにボーンが一式表示されます。
<img width="608" alt="スクリーンショット 2020-07-07 14.31.56.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/3735616f-79ac-9460-797c-805dfd63c79f.png">
<img width="322" alt="スクリーンショット 2020-07-07 14.32.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/bb3e00ec-3146-bec1-5a27-b74509485ddd.png">
- この場合、下図のようにポーズをとることもできます。
<img width="336" alt="スクリーンショット 2020-07-07 12.23.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/191635/9bcf2cc1-5a2e-6e8d-babc-95ea2eb68637.png">