マスクを使ってソースを好きな形に切り抜く方法【OBS Studio】

この記事ではマスクを使ってOBS Studio上でソースアイテムを好きな形に切り抜く方法を紹介します

必要な場面

今回は歪んだ形のフレームにウェブカメラを合わせることを例に解説していきます

用意したフレームはこちらです

こちらの画像をウェブカメラを普通に重ねると

このようにフレームの外にウェブカメラの背景がはみ出してしまいます

今回紹介する方法をとることで下の画像のようにフレーム内にきっちりウェブカメラのソースが収まるようになります
(今回は極端なフレームを用意したので映っている場所がおかしいかもしれません)

手順

マスクを作成する

まず、フレームの形に切り抜くために画像編集ソフトを使用してマスクを作成します

今回は無料の画像編集ソフトGIMPを使用しました

GIMPでフレーム画像を開きます

ファジー選択」をクリックし、フレームの内側をクリックすることでフレームの内側に選択範囲ができます

メニューバー」→「選択」→「選択範囲の反転」をクリックします

メニューバー」→「レイヤー」→「新しいレイヤーの追加」をクリックします

新しいレイヤーの塗りつぶし色は「Transparency」を選択してください

新しいレイヤーを選択した状態で選択範囲を黒で塗りつぶします

再び「メニューバー」→「選択」→「選択範囲の反転」をクリックします

メニューバー」→「選択」→「選択範囲の拡大」をクリックします

数値を調整して選択範囲を設定します

このとき、元のフレーム画像から選択範囲がはみ出さないように注意してください

選択範囲を今回は白で塗りつぶします

これで切り抜くためのマスクが完成しました

メニューバー」→「ファイル」→「名前を付けてエクスポート」を選択し、画像として出力します

OBS Studio上での設定

今回はカメラシーンにウェブカメラとフレームを配置しています

ウェブカメラを右クリックして「フィルタ」を選択します

左下の+ボタンから「イメージ マスク/ブレンド」を選択します

パスを参照から先ほど作成した白黒のマスク画像を選択します

これで先ほど白く塗りつぶした部分のみが表示されるようになりました

フレームからはみ出ず、小さすぎないことも確認してください

マスクの解説は以上です

おわりに

マスク画像は基本的に白が映したい場所、黒が透明にしたい場所として作成します

マスク画像を作成する必要がありますが、一手間加えるだけで少し違った演出になって楽しいですね

すぐに試してみたい方のために今回使用したフレームとマスク画像を一応置いておきます

今回使用したフレームとマスク画像

 

 

最新情報をチェックしよう!