> 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/02.md).

# まばたきアニメーションを作りたい

Easy Blink Generator

顔改変したアバターでは、デフォルトのまばたきシェイプキーと改変用シェイプキーが重ねがけされて、まばたき時に目の形状が破綻してしまう場合があります。

## こう思ったことはありませんか？

* キーごとに**シェイプキーの値を手打ち**するのは手間！
* もっと**直感的にタイミングを調整したい**！

## Easy Blink Generator で解決！

{% hint style="success" %}

* Sceneで確認しながら目を閉じた状態を作るだけ
* プリセットを選んでワンクリックで半自動生成
* 時短した分、より自然なまばたきを研究する時間に
  {% endhint %}

***

## 操作手順

{% stepper %}
{% step %}

### 顔メッシュをセットする

Easy Blink Generatorを開き、「顔メッシュ」にアバターの顔が入っているメッシュをドラッグ&ドロップします。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FHVHMYXbGkwTPYzh0SXff%2Fimage.png?alt=media&amp;token=7aa55da0-494f-4d79-879d-84bb12a7dac8" alt=""><figcaption></figcaption></figure>

メッシュに入っているシェイプキー一覧が表示されます。
{% endstep %}

{% step %}

### 目を閉じた状態を作る

シェイプキーのスライダーを動かして、**目を完全に閉じた状態**を作ります。&#x20;

すでに目を閉じた状態の表情を作った場合は、「読み込むアニメーション」にドラッグ&ドロップし、必要に応じて調整して使用することもできます。

顔改変の影響でどうしても破綻する場合は、原因となっているシェイプキーを0に近づけ、\
自然な閉じ目になるよう調整してください。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2F7UkHTnayVzVtIoMJ2Mvk%2Fimage.png?alt=media&amp;token=680d573d-59a2-45c9-8fd1-412a04289c71" alt=""><figcaption></figcaption></figure>

検索ボックスやカテゴリでシェイプキーを絞り込んで探すこともできます。

{% hint style="danger" %}

## 目を閉じるシェイプキーは複数存在する場合があります。

ジェスチャー表情と同じシェイプキーを使うと干渉の原因になります。

まばたきアニメーションには「Blink」や「vrc.Blink」のような名前が設定されているものを使用し、

ジェスチャー表情で目を閉じる場合は「eye\_close」のような名前が設定されているものを使用してください。

（命名規則はアバターによってバラバラなので、より近いものを選んでください）
{% endhint %}
{% endstep %}

{% step %}

### （任意）まばたきのタイミングを指定する

「▶ タイムライン」の▶をクリックすると、何フレーム目で開き目or閉じ目のキーを打つかが表示されます。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FJcXzaZEoREhJyBGR5lHu%2Fimage.png?alt=media&amp;token=a8668bef-644e-4814-9456-44ca5ec5a05e" alt=""><figcaption></figcaption></figure>

プリセットを選択したり、タイムラインを手動で調整したりしてお好みのタイミングを指定してください。

プリセットの自作や配布については以下のページも参考にしてください。

{% content-ref url="/pages/BAgte9S1F1f0SeKjYeRw" %}
[まばたきタイミングのプリセットを自作・配布したい](/avalon/document/tutorial/03.md)
{% endcontent-ref %}
{% endstep %}

{% step %}

### （任意）生成されるアニメーションを確認

「▶ まばたき再生」ボタンをクリックすると、現在の設定で生成アニメーションを確認することができます。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FUaETd5rlWcuWipk8LESw%2Fimage.png?alt=media&amp;token=5d6fa162-5192-4fe4-a140-7149b8f3de77" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### アニメーションを生成

「Blinkアニメーションを生成」をクリックします。

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2FD0rHjP7k8UYZN3ALZqO6%2Fimage.png?alt=media&amp;token=dfc68864-da73-4d1a-a01f-37175a8eae03" alt=""><figcaption></figcaption></figure>

以下のアニメーションクリップが生成されていればOKです。

```
Assets > aVentuRine > aVALON > BlinkAnim > BlinkAnim_保存日時.anim
```

<figure><img src="https://2315355677-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe4sUmINysj52de3UGEbH%2Fuploads%2F3TWy6zOjhNGvUwsfejt5%2Fimage.png?alt=media&amp;token=d0a85a44-4fca-4675-b9bc-69bce75122d9" alt=""><figcaption><p>Animation Clipの中身</p></figcaption></figure>
{% endstep %}
{% endstepper %}
