> For the complete documentation index, see [llms.txt](https://aventurine.gitbook.io/avalon/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://aventurine.gitbook.io/avalon/document/tutorial/04.md).

# 表情改変したい

Face Binder

Face Binderは最低限の機能に絞った**コンパクトな表情改変ツール**です。

必要なものを必要な分だけ設定できるので、

* ある程度自力で表情改変できる方
* 表情改変系ツールが干渉しやすいアバター

にもオススメです。

## こう思ったことはありませんか？ <a href="#id-01" id="id-01"></a>

* ハンドジェスチャーに応じて変わる**表情を変更**したい！
* **まばたきを差し替え**たい！
* 顔改変したら**喋ってるときの口の形が変になった**！

## Face Binder で解決！ <a href="#id-02" id="id-02"></a>

{% hint style="success" %}

* 用意したアニメーションを入れるだけ
* アニメーション作成もツール内で完結
* 破綻対策も◎
  {% endhint %}

***

## 1. 表情を変更する <a href="#id-03" id="id-03"></a>

{% stepper %}
{% step %}

### 事前準備 <a href="#id-04" id="id-04"></a>

使用するアニメーションクリップを用意してください。

自作する場合は [Shape .anim Maker ](/avalon/document/feature/shape-anim-maker.md)で作成できます。
{% endstep %}

{% step %}

### 対象アバターをセット <a href="#id-05" id="id-05"></a>

メニューからFace Binderを開き、\
Hierarchyからアバタールート（一番親のオブジェクト）を「対象アバター」にドラッグ&ドロップしてください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FR98mN9Zjn5qOlcrkqGxz%2Fimage.png?alt=media&amp;token=a09eea11-42e7-4f55-a5cb-c39c1b54aac3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### プリセットを選択 <a href="#id-06" id="id-06"></a>

「プリセット選択」のドロップダウンから、どのジェスチャーに表情を適用するか選択します。

<table><thead><tr><th width="191">選択肢</th><th>説明</th></tr></thead><tbody><tr><td>左手のみ</td><td>左手のジェスチャー7通り</td></tr><tr><td>右手のみ</td><td>右手のジェスチャー7通り</td></tr><tr><td>両手（右手優先）</td><td><p>両手のジェスチャー14通り</p><p>※両手同時にジェスチャーしているときは右手が優先</p></td></tr></tbody></table>

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FH8WbYMDUCITTdHL4AexJ%2Fimage.png?alt=media&amp;token=475c8a23-ba4e-451b-ae32-de49ab213c60" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 各ジェスチャーに表情アニメーションを指定する <a href="#id-07" id="id-07"></a>

それぞれのジェスチャーに対応させたい**表情アニメーション（.anim ファイル）**&#x3092;ドラッグ＆ドロップしてください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FNhPkmWfNgTHbPDcXm2JA%2Fimage.png?alt=media&amp;token=9300e8bd-a07c-49eb-89f4-a944494d815d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
セットしなかったジェスチャーはデフォルト表情（Neutral）のままになります。
{% endhint %}
{% endstep %}

{% step %}

### 「まばたきを許可」を設定する <a href="#id-08" id="id-08"></a>

各ジェスチャーの下に あ&#x308B;**「まばたきを許可」** チェックボックスを設定します。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FgGCQzVt7ANRCo3I0Uv4F%2Fimage.png?alt=media&amp;token=01b2bdbd-13f1-489d-811b-56f94f84ce57" alt=""><figcaption></figcaption></figure>

**基本的にはチェックなし（オフ）推奨です。** \
表情アニメーション中にまばたきが発生すると、目のシェイプキーが重ねがけされて顔が破綻する原因になります。

チェックをオンにするのは、目の形を変えない表情（口だけの表情など）など、まばたきしても崩れないと確認できる場合のみにしてください。

{% hint style="warning" %}
アバターデフォルトのまばたきがアニメーションで設定されている場合、**表情を適用した時点でまばたきはきかなくなります。**（VRC Avatar Descripterで設定されている場合は動きます）

まばたきを再度有効化するためには、オプション&#x306E;**「まばたき設定」**&#x3067;デフォルトのまばたきアニメーションまたは自作したアニメーションを適用する必要があります。
{% endhint %}
{% endstep %}

{% step %}

### （任意）表情遷移時間を変更する

各表情の遷移時間はデフォルトで0.1秒に設定されています。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FrZWFwkZZz14JLWAJ26lm%2Fimage.png?alt=media&amp;token=4ca74595-7ab6-4a3c-afe1-a89700662d02" alt=""><figcaption></figcaption></figure>

もし変更したい場合は、**「表情の遷移時間をカスタマイズ」**&#x306B;チェックを入れて、任意の数値を入力してください。
{% endstep %}

{% step %}

### 表情を適用する <a href="#id-09" id="id-09"></a>

**「表情を適用」** ボタンをクリックします。

確認ダイアログが表示され、アバター内に `Face Binder > ジェスチャー表情` というオブジェクトが生成されていれば適用完了です。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2F4LXXQ13LQJo3lVjUzP70%2Fimage.png?alt=media&amp;token=212c4f04-c5a0-4777-a723-f7ec0b0e520c" alt=""><figcaption></figcaption></figure>

デフォルトの顔を変えていない場合など、**まばたき設定や口干渉設定が不要な場合**はこれで完了です。
{% endstep %}
{% endstepper %}

## 2. まばたきを変更する <a href="#id-10" id="id-10"></a>

{% stepper %}
{% step %}

### 事前準備 <a href="#id-11" id="id-11"></a>

使用するアニメーションクリップを用意してください。

自作する場合は [Easy Blink Generator](/avalon/document/feature/easy-blink-generator.md) で作成できます。

具体的な作成方法はこちらを参考にしてください。

{% content-ref url="/pages/izJROlzKkOm7ckQHs1Ow" %}
[まばたきアニメーションを作りたい](/avalon/document/tutorial/02.md)
{% endcontent-ref %}
{% endstep %}

{% step %}

### （まだの場合）対象アバターをセット <a href="#id-12" id="id-12"></a>

メニューからFace Binderを開き、\
Hierarchyからアバタールート（一番親のオブジェクト）を「対象アバター」にドラッグ&ドロップしてください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FR98mN9Zjn5qOlcrkqGxz%2Fimage.png?alt=media&amp;token=a09eea11-42e7-4f55-a5cb-c39c1b54aac3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### まばたきアニメーションを指定する <a href="#id-13" id="id-13"></a>

オプションタブを開き、用意した .anim ファイルを「まばたきアニメーション」にドラッグ＆ドロップしてください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FUbVOwIzfC7SBqvw6AaJQ%2Fimage.png?alt=media&amp;token=73f0b346-18a5-49e8-9e20-4cd94a60c16a" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### まばたきを適用する <a href="#id-14" id="id-14"></a>

**「まばたきを適用」** ボタンをクリックします。

確認ダイアログが表示され、アバター内に `Face Binder > まばたき` というオブジェクトが生成されていれば適用完了です。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FYwW4FnEwau6nKu5NzxpT%2Fimage.png?alt=media&amp;token=68ef50ca-5711-4e97-b7e9-fb7eec7a2e59" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## 3. リップシンクとの干渉を防止する <a href="#id-15" id="id-15"></a>

顔改変や表情改変をすると、\
いじったシェイプキーがリップシンク（発声に応じて口を動かすシェイプキー設定）と重ねがけされて、\
**発声中に口が破綻してしまうことがあります。**

破綻の原因になるシェイプキーを**発声中にすべて0に固定する（元の顔に戻す）**&#x3053;とで、干渉を防ぐことができます。

「口干渉防止」は、これを非破壊で設定するための機能です。

{% stepper %}
{% step %}

### （まだの場合）対象アバターを指定 <a href="#id-16" id="id-16"></a>

メニューからFace Binderを開き、\
Hierarchyからアバタールート（一番親のオブジェクト）を「対象アバター」にドラッグ&ドロップしてください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FR98mN9Zjn5qOlcrkqGxz%2Fimage.png?alt=media&amp;token=a09eea11-42e7-4f55-a5cb-c39c1b54aac3" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### 破綻の原因になるシェイプキーを選択 <a href="#id-17" id="id-17"></a>

リップシンクと干渉すると破綻の原因になるシェイプキーを選択してください。\
（選択中のシェイプキーは青くなります。）

{% hint style="success" %}

#### おすすめ設定

基本的に**口に関わるすべてのシェイプキー（舌、歯含む）**&#x3092;選択すればOKです。

カテゴリでMouth / Mouth 〇〇 / Teeth 等に絞り込み、「すべて選択」でまとめて選択できます。

<p align="center"><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2F5hgDLQq0n3C0ZzvOcouS%2Fimage.png?alt=media&amp;token=0e3dc104-742a-40fb-8c2a-642c008ce379" alt=""></p>

ただし、以下のようなキーは除外を推奨します。

* 八重歯のON/OFF
* 口全体の位置調整・サイズ調整
  {% endhint %}

{% hint style="danger" %}

#### リップシンクで使用するキーは絶対に選択しないでください！

アバタールートのVRC Avatar DescripterでVisemeに設定されているキーは選択しないでください。

リップシンク自体が上書きされて動かなくなります。

<p align="center"><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FalLPy6g6OpNRMzfxgPX0%2Fimage.png?alt=media&amp;token=f5f83071-d5de-4135-8a0a-d4e327752032" alt="" data-size="original"></p>
{% endhint %}
{% endstep %}

{% step %}

### 口干渉防止を適用する <a href="#id-18" id="id-18"></a>

シェイプキーを1つ以上選択すると、**「口干渉防止を適用」** ボタンが表示されます。\
クリックして適用してください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FweuZRJY6iCzrOGXrX5gD%2Fimage.png?alt=media&amp;token=d386ad86-36f1-49ca-a7c1-6b0746cb1166" alt=""><figcaption></figcaption></figure>

確認ダイアログが表示され、アバター内に `Face Binder > 口干渉防止` というオブジェクトが生成されていれば適用完了です。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FnL3h6utHFzxDedVYa7Pr%2Fimage.png?alt=media&amp;token=c1086120-3e73-48e7-8f69-422089500537" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}