一、前言与软件环境#
ライブ配信中、いくつかのシーンではぼかしやキー表示の機能が必要になることが多いですが、検索してみると海外のチュートリアルはほとんどが有料の機能が豊富な streamFX を推奨しており、国内のチュートリアルは非常に粗雑です。そのため、自分で簡単なチュートリアルを書こうと思います。問題があればご容赦ください ——
今回使用するソフトウェアは：
- blur-filter 1.1.0
- input-overlay 5.0.4
- OBS Studio 29.1.3 Steam Version
2023/8/29 更新：blur-filter は著作権の苦情により削除された疑いがあります。こちらは 2 つのプラグインの Onedrive リンク です。
二、インストール及び blur-filter の設定#
-
Github Release ページから blur-filter-1.1.0-win.zip をダウンロードし、解凍した
obs-pluginsとdataフォルダーを OBS Studio のルートディレクトリに上書きします。
-
まずソースにゲームキャプチャを追加し、新しいグループを作成します。ゲームキャプチャを右クリックして
コピーを選択し、グループを選択して右クリックし貼り付け（参照）を選択します。その後、参照ソースをグループにドラッグします。最終的な効果は以下の通りです：
-
グループを選択して右クリックし、フィルターを選択し、Blur フィルターを選択してぼかし効果を追加します。
私はガウスぼかしが好きで、ぼかしの程度を 6〜8 に設定します。 -
フィルターウィンドウを閉じた後、グループを選択し、ALT キーを押しながらマウスでウィンドウのサイズを調整してぼかしの領域を変更します。これで完了です。
三、input-overlay のインストール及び設定#
-
Github Release ページから input-overlay-5.0.4-windows-x64.zip と input-overlay-5.0.4-presets.zip をダウンロードし、主体を解凍した
obs-plugins、io_clientとdataフォルダーを OBS Studio のルートディレクトリに上書きし、presets の圧縮ファイル全体を OBS のルートディレクトリに解凍します。 -
注意が必要なのは、多くのチュートリアルで
Input Overlayの項目を見つけるように言及されていますが、実際にはバージョン更新により日本語化されているため、正しいソース名は入力叠加であり、多くの人がインストールに失敗したと思うかもしれません。 -
ソースを追加し、入力叠加を選択して、まずキーボードを設定します。OBS Studio\input-overlay-5.0.4-presets\wasd-extended-numeric の中の wasd-extended-numeric.png をキーボードのテクスチャとして選択し、同じパスにある wasd-extended-numeric.json を設定ファイルとして選択します。
- 同様の方法でマウスを追加します。
OBS Studio\input-overlay-5.0.4-presets\mouseの中のmouse.pngをテクスチャとして選択し、同じディレクトリにあるmouse-arrow.jsonを設定ファイルとして選択します。マウス感度は個人の好みに応じて調整し、画面中心を使用にチェックを入れ、中心水平偏移と中心垂直偏移はあなたのディスプレイの長さ / 幅のピクセルの半分に設定します。
- 簡単にサイズや位置を調整し、グループに入れるなどして、基本的な入力叠加が作成されました。
四、Input Overlay のバグ修正及び簡単なカスタマイズ#
使用中に、私が使っているこのバージョンの Input Overlay には実際に多くの小さな問題があることに気付きました。少し変更します〜
- マウスのサイドボタン 1 を押すと、Input Overlay が表示されません。
実際には非常に簡単で、mouse-arrow.json のサイドボタン 1 のコードブロックを変更するだけです。
{
"code": 5,
"id": "smb1",
"mapping": [
285,
1,
40,
62
],
"pos": [
0,
210
],
"type": 3, #3を1に変更するだけ
"z_level": 1
},
wasd-extended-numeric.jsonのキー設定が不合理です。
私が改善したキーを参考にしてください：
{
"default_height": 129,
"default_width": 157,
"elements": [
{
"code": 16,
"id": "q",
"mapping": [
1,
1,
157,
129
],
"pos": [
137,
133
],
"type": 1,
"z_level": 1
},
{
"code": 17,
"id": "w",
"mapping": [
161,
1,
157,
129
],
"pos": [
274,
133
],
"type": 1,
"z_level": 1
},
{
"code": 18,
"id": "e",
"mapping": [
321,
1,
157,
129
],
"pos": [
411,
133
],
"type": 1,
"z_level": 1
},
{
"code": 42,
"id": "shift",
"mapping": [
481,
1,
157,
129
],
"pos": [
0,
399
],
"type": 1,
"z_level": 1
},
{
"code": 30,
"id": "a",
"mapping": [
641,
1,
157,
129
],
"pos": [
137,
266
],
"type": 1,
"z_level": 1
},
{
"code": 31,
"id": "s",
"mapping": [
801,
1,
157,
129
],
"pos": [
274,
266
],
"type": 1,
"z_level": 1
},
{
"code": 32,
"id": "d",
"mapping": [
961,
1,
157,
129
],
"pos": [
411,
266
],
"type": 1,
"z_level": 1
},
{
"code": 56,
"id": "alt",
"mapping": [
961,
525,
157,
129
],
"pos": [
137,
532
],
"type": 1,
"z_level": 1
},
{
"code": 57,
"id": "space",
"mapping": [
1280,
1,
421,
129
],
"pos": [
271,
532
],
"type": 1,
"z_level": 1
},
{
"code": 15,
"id": "tab",
"mapping": [
1,
263,
157,
129
],
"pos": [
0,
133
],
"type": 1,
"z_level": 1
},
{
"code": 19,
"id": "r",
"mapping": [
161,
263,
157,
129
],
"pos": [
548,
133
],
"type": 1,
"z_level": 1
},
{
"code": 33,
"id": "f",
"mapping": [
321,
263,
157,
129
],
"pos": [
548,
266
],
"type": 1,
"z_level": 1
},
{
"code": 44,
"id": "z",
"mapping": [
481,
263,
157,
129
],
"pos": [
137,
399
],
"type": 1,
"z_level": 1
},
{
"code": 45,
"id": "x",
"mapping": [
641,
263,
157,
129
],
"pos": [
271,
399
],
"type": 1,
"z_level": 1
},
{
"code": 46,
"id": "c",
"mapping": [
801,
263,
157,
129
],
"pos": [
406,
399
],
"type": 1,
"z_level": 1
},
{
"code": 47,
"id": "v",
"mapping": [
961,
263,
157,
129
],
"pos": [
541,
399
],
"type": 1,
"z_level": 1
},
{
"code": 20,
"id": "t",
"mapping": [
1121,
263,
157,
129
],
"pos": [
688,
133
],
"type": 1,
"z_level": 1
},
{
"code": 34,
"id": "g",
"mapping": [
1281,
263,
157,
129
],
"pos": [
683,
266
],
"type": 1,
"z_level": 1
},
{
"code": 48,
"id": "b",
"mapping": [
1,
525,
157,
129
],
"pos": [
675,
399
],
"type": 1,
"z_level": 1
},
{
"code": 29,
"id": "ctrl",
"mapping": [
1121,
1,
157,
129
],
"pos": [
0,
532
],
"type": 1,
"z_level": 1
}
],
"flags": 0,
"overlay_height": 666,
"overlay_width": 865,
"space_h": -20,
"space_v": 5
}
唯一の問題は、テクスチャ自体に Caps キーが含まれていないため、追加することができません。最終的な効果は以下の通りです：
mouse-arrow.jsonのマウス設定の矢印が中央に配置されておらず、見栄えが悪いです。
同様に、mouse-arrow.jsonの arrow コードブロックを変更します：
{
"id": "arrow",
"mapping": [
614,
1,
100,
100
],
"mouse_type": 1,
"pos": [
210 , #210を195に変更
235
],
"type": 9,
"z_level": 1
}
すべての変更を保存した後、元の入力叠加を削除して再追加する必要があることに注意してください。そうしないと、変更が反映されません。