色ソースを追加すると、好きなサイズの四角形を作成することができ、色も自由に設定することが出来ます。
今回は、色ソースを使い、OBSに背景カラーを追加したりWEBカメラと合わせた色ソースの使い方を紹介したいと思います。
色ソースを追加
ソースから「色ソース」を選択します。
![色ソースを選択](https://little-movie.com/wp-content/uploads/2022/11/oir1.jpg)
色ソースを選択するとソースを作成/選択画面が出てくるので、新規作成に名前を付けOKボタンを押します。
![新規作成に名前を付けOKボタンを押す](https://little-movie.com/wp-content/uploads/2022/11/oir2.jpg)
OKボタンを押すと、色ソースのプロパティ画面が出てきます。
![色ソースのプロパティ画面が出力](https://little-movie.com/wp-content/uploads/2022/11/oir3.jpg)
プロパティ画面では、色、幅、高さを設定することができます。
今回は、背景用に作成しようと思うので色を選択し、好きなカラーに変更します。
![色を選択から好きな色に変更](https://little-movie.com/wp-content/uploads/2022/11/oir4.jpg)
変更するとプレビュー画面が設定した色に変わりOKボタンを押すとプロパティ画面が閉じOBSのモニター上に設定した色ソースの背景カラーが表示されます。
![OBSに設定した色が表示される。](https://little-movie.com/wp-content/uploads/2022/11/oir5.jpg)
作成した色ソースは、画面自体の色を変えたのではく幅、高さで設定した四角形が表示されているだけなのでトリミングも可能です。
![トリミング](https://little-movie.com/wp-content/uploads/2022/11/oir6.jpg)
WEBカメラと色ソースを使ったオーバレイ
色ソースにWEBカメラを重ねることでWEBカメラ用のオーバレイを作成することが可能です。
ソースから映像キャプチャデバイスを選択しWEBカメラの設定をします。
設定方法は、リンク先の記事で紹介しています。
映像キャプチャデバイス(WEBカメラ)をソースに追加したら、先ほど同様に色ソースを追加します。
![色ソースとWEBカメラを追加](https://little-movie.com/wp-content/uploads/2022/11/oir7.jpg)
色ソース(オーバレイ)と映像キャプチャデバイス(WEBカメラ)の2つがソースに追加されたら色ソース(オーバレイ)と映像キャプチャデバイス(WEBカメラ)のレイヤー順を映像キャプチャデバイス(WEBカメラ)が色ソース(オーバレイ)の上になるように並び替えます。
![並び替え](https://little-movie.com/wp-content/uploads/2022/11/oir8.jpg)
映像キャプチャデバイス(WEBカメラ)が上になったら、OBSのモニター上で出力してある映像キャプチャデバイス(WEBカメラ)を選択し、縮小させます。
![映像キャプチャデバイストリミング](https://little-movie.com/wp-content/uploads/2022/11/oir9.jpg)
同じく、色ソース(オーバレイ)も縮小させます。
この時、映像キャプチャデバイス(WEBカメラ)をモニター中央に配置し、色ソース(オーバレイ)は、shiftを押しながら一辺ずつ縮小させていくと綺麗にオーバレイを作成することが出来ます。
![](https://little-movie.com/wp-content/uploads/2022/11/oir10.jpg)
中央に配置したとき、多少ずれる可能性があるので2つ選択した状態で、右クリックを押し変換から「画面中央に置く」を押すと、モニターの中央に配置されます。
![画面中央に置く](https://little-movie.com/wp-content/uploads/2022/11/oir11.jpg)
オーバレイを設定することが出来たら、2つのソースは固定したいのでソースから「グループ化」を選択し2つを1つのグループにします。
![グループ化](https://little-movie.com/wp-content/uploads/2022/11/oir12.jpg)
新規作成で、名前を付けOKボタンを押してください。
![グループ名を付けOKを押す](https://little-movie.com/wp-content/uploads/2022/11/oir13.jpg)
グループが作成出来たら、ソースにあるグループ(WEBカメラオーバレイ)に映像キャプチャデバイス(WEBカメラ)、色ソース(オーバレイ)を追加してください。
![グループに追加](https://little-movie.com/wp-content/uploads/2022/11/oir14.jpg)
これでグループ(WEBカメラオーバレイ)を選択したときモニター上で1つにまとまり縮小しやすくなります。
![グループにまとまると縮小しやすくなる](https://little-movie.com/wp-content/uploads/2022/11/oir15.jpg)
あとは、お好みでテキストなどを追加しWEBカメラ用のオーバレイを作成して見てください。
![完成](https://little-movie.com/wp-content/uploads/2022/11/oir16.jpg)
OBS Studioについて
![OBS Studio](https://little-movie.com/wp-content/uploads/2022/10/ost_a-1024x544.jpg)
OBS Studioは、ビデオ録画と生放送用のオープンソースのソフトウェアで無料で使うことが出来ます。
Windows、Mac、Linuxで使用することができ、簡単にダウンロードして録画・配信を開始出来ます。
OBS Studioをダウンロードするには、OBS Studio公式サイトをチェック!!
ゲーム実況者やLive配信者は、このOBS Studioを使って録画・配信をしているよ!!