> For the complete documentation index, see [llms.txt](https://guide.ci.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.ci.me/jp/streamer-guide/stream-settings/setting-up-overlays.md).

# オーバーレイ設定

CI.MEではチャット、チャットBeam、ミッション目標、動画Beam、エフェクトの5種類を提供しています。StudioでURLをコピーしOBSにブラウザソースとして追加し、720×1080pxなどの推奨サイズに合わせます。

***

## **概要**

オーバーレイは、チャットやBeamアニメーション、各種ウィジェットなど、配信画面上に表示される要素です。\
オーバーレイを適切に設定することで、より魅力的で視聴しやすい配信演出を行うことができます。

現在、CI.MEでは以下の5種類のオーバーレイを提供しています。

| チャットオーバーレイ     | チャットメッセージ、Beam、サブスクメッセージなど、視聴者のアクティビティを表示します。                                      |
| -------------- | ---------------------------------------------------------------------------------- |
| チャットBeamオーバーレイ | チャットBeam、ミッションBeam、サブスクメッセージ、サブスクギフトの4種類のアニメーションやエフェクトを表示します。                      |
| ミッション目標オーバーレイ  | ライブミッションの進行状況や目標を表示します。チャットBeamオーバーレイにもBeamの内容は表示されますが、ミッション目標はこのオーバーレイで個別に表示されます。 |
| 動画Beamオーバーレイ   | 動画Beam時のアニメーション、エフェクト、メッセージを配信画面上に表示します。                                           |
| エフェクトオーバーレイ    | サブスクギフトや応援Beamのアニメーション・エフェクトを表示します。サブスクギフトは、チャットBeamオーバーレイとエフェクトオーバーレイの両方に表示されます。  |

## **オーバーレイの設定方法**

<figure><img src="https://1797279539-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGMDz2mcG3d94wTcKt5T3%2Fuploads%2FMWsmANKTkUk57IF76yx7%2FJA_Streamer_Settings_03.png?alt=media&amp;token=3cf73643-e6db-4e8d-a34f-641129c483c9" alt="オーバーレイ設定ガイドの4ステップ図。OBSにブラウザソースを追加してURLを貼り付け、幅と高さを設定し、シーンがアクティブになるとブラウザを更新にチェックを入れ、テストアラートで確認する流れ"><figcaption></figcaption></figure>

配信でオーバーレイを利用するには、**CI.ME Studioで発行したオーバーレイURLをOBSに追加する必要があります。**

例えば、チャットオーバーレイを設定する場合は、以下の手順で設定します。

1. CI.ME Studioで \[ライブ配信] → \[配信設定] を開き、「チャットオーバーレイ」横の \[管理設定] をクリックします。
2. オーバーレイURLをコピーします。
3. OBSで **\[ソース] → \[追加] → \[ブラウザ]** を選択します。
4. コピーしたURLを貼り付けます。
5. サイズを 720 × 1080 に設定します。
6. キャンバス上で位置やサイズをお好みに合わせて調整してください。

## **推奨オーバーレイサイズ**

各オーバーレイには、OBSで使用する際の推奨サイズがあります。

| チャットオーバーレイ     | 720 × 1080 px  |
| -------------- | -------------- |
| チャットBeamオーバーレイ | 800 × 840 px   |
| ミッション目標オーバーレイ  | 幅 560 px       |
| 動画Beamオーバーレイ   | 690 × 642 px   |
| エフェクトオーバーレイ    | 1920 × 1080 px |

#### **よくある質問**

<details>

<summary><strong>Q. チャンネル名を変更した場合、オーバーレイの更新は必要ですか？</strong></summary>

はい。チャンネル名を変更した場合は、変更内容を反映するため、OBS上のオーバーレイを更新（再読み込み）する必要があります。

</details>

*更新日：2026年7月6日*

{% embed url="<https://ci.me/>" %}