OBS Studio（以下OBS）の「画像」ソースは、さまざまな場面で活用できます。画像を入れて表示させてみましょう。
ここでいう画像とは、自分のPCに保存してある画像のことをさしています。
画像を表示する方法は簡単です。「画像」ソースを追加して、映したい画像を選びます。
ただ、最初のうちはトラブルが起きるかもしれません。画面サイズが合わないなどのケースです。
詳しいやり方を見ていきましょう。
Windows PC用の解説です。
目次
活用例を確認しよう
待機画面、サムネ用、ロゴ表示などに使える
「画像」ソースは、さまざまな場面で活用できます。
| 説明 | 関連ページ | |
| 休憩中の画面用 | 休憩などで離席するときに | こちら |
| 待機画面・背景用 | 配信画面の「背景」パーツとして | こちら |
| フレーム・枠用 | 配信画面の「装飾」パーツとして | こちら |
| サムネイル用 | OBSのスクショ機能を使ってサムネ作成時に | こちら |
| 雑談・ラジオ配信用 | なにか落ち着いた画面を映しておきたいときに | こちら |
| ロゴ用 | タイトルロゴ、スポンサーロゴを映したいときに |
また、上表以外にも「うまくゲーム画面を映せないけど、とりあえずライブ配信・録画してみたい」というときも積極的に使いましょう。
ゲーム画面を映せない、真っ暗画面になるというのは頻出トラブルですが、画像であればまず映ります。
違うソースを使うべきケース
注意したいのですが、以下のような画面を映す場合は「画像」ソースは使いません。
| 使うべきソース | 解説ページ | |
| ゲーム画面 | ・映像キャプチャデバイス ・ゲームキャプチャ ・ウィンドウキャプチャ |
こちら |
| VTuberのアバター画像・立ち絵 | ゲームキャプチャ | こちら |
| Discordのアイコンをピョコピョコ表示 | ブラウザ | こちら |
| 時計 | ブラウザ | こちら |
どのような画面を映したいのかによって、使うべきソースが異なります。
OBSに入れる画像を準備しよう
JPEG・PNGなどに対応（透過も可能）
OBSは、一般的なファイル形式であるJPEG形式やPNG形式などに対応しています。
- .jpg
- .png
- .webp
- .gif
- .bmp
- .jxr（Windowsのみ）
- .tga
PNG形式、WebP形式、およびGIF形式は透過に対応しています。そのため、OBS側で特別な設定をせずとも背景を透明にできます。
▲「Illustrator」で背景が透明な猫画像を作成しました。それをOBSで表示しています。後ろの画面は『STREET FIGHTER 6』（カプコン）の動画です。
背景画像はフリーで作れる
もしOBS用にフリー（無料）の背景画像を探している場合は、Googleのサービスである「Whisk」を利用しましょう。AIで画像を生成できます。
たとえば、「ライブ配信用のかわいい待ち受け画面」などと入力すると、以下のような背景画像を作れました。
もちろん、ダウンロード・保存もできます。
OBSに画像を表示しよう
ソースの「+」から「画像」を追加する
それでは「画像」ソースを追加してみましょう。「ソース」の「+」から「画像」をクリックします。
「新規作成」が選択されていることを確認してください。任意の名前をつけて「OK」をクリックします。
「参照」をクリックし、視聴者に見せたい画像を選択します。2つ設定箇所がありますが、基本的にはチェックを入れる必要はありません。
画像が表示されたら「OK」をクリックします。
OBSに画面が映りました。画像の大きさがおかしい場合は、Ctrlキー + Fキーを押してください（後述）。
また、画像が表示れない場合の対処法については後述します。
ドラッグ＆ドロップでも追加できる
ほかにも、画像をOBSにドラッグ＆ドロップする方法もあります。
ただ、ドラッグ＆ドロップで画像を表示できない（斜線のアイコンが出る）というケースがあるかもしれません。
原因はOBSを管理者権限で起動しているからです。
もし心当たりがある場合は、最初に書いたとおり「+」→「画像」で表示してください。
画像のサイズ・位置を変更しよう
赤い境界線があることを確認
前提として、画像に赤い境界線（バウンディングボックス）が表示されていることを確認しましょう。
これがない場合、サイズ・位置を変更できません。
もし赤い境界線が表示されない場合は、以下の4点を確認してください。
- ソースをクリックする
- ソース名の横にある鍵のアイコンをクリックする（ロック解除）
- OBSの画面上で右クリックして「プレビューをロック」のチェックを外す
- 「ソース」一覧のソース上で右クリックし、「変換」→「画面に合わせる」を選択する
サイズ・位置をドラッグで調整
- サイズ変更 : 赤色の点をドラッグ
- 位置変更 : 画像の内側にカーソルを合わせてドラッグ
「画面に合わせる」が便利
どうしても覚えておきたいのが、「画面に合わせる」という機能です。
この機能を使うと、OBSの画面に合わせて画像サイズが自動的に調整されます。つまり、わざわざ赤い点をドラッグする必要がありません。
ミスったら操作を元に戻す・やり直す
- 元に戻す : Ctrlキー + Zキー
- やり直す : Ctrlキー + Yキー
画面サイズがおかしい場合は
画像を表示したさいサイズがおかしいと感じるケースがあるかもしれません。
- 画面が見切れる、ずれる
- 上下または左右に黒枠（黒帯、空白）がある
これは、たとえば表示した画像の縦横比（アスペクト比）が4:3だと必然的に起こります。
▲出典 : 『スーパーマリオワールド』（任天堂）より
また、ユーザー側の設定ミスが原因の場合もあります。おもにOBSの設定を見直してみましょう。
詳しい対処法を下記ページにまとめました。
より詳しい基本操作を覚えよう
基本操作の説明が続いたので退屈かもしれません。
しかし、あと一息です。下表をご覧ください。
| 説明 | |
| 順序（手前・奥） | ・複数のソースを追加しているときに重要 ・リストの下にあるソースが手前に表示される |
| ロック | ・ソースを操作できないようにする ・背景画像はロックすると便利 |
| 表示・非表示 | ・ソースを非表示にしたいときに使う ・目のアイコンで切り替え |
| 削除 | ・使わないソースは削除 ・ゴミ箱アイコンから |
この表に書いたことも、やはり基本操作として覚えておく必要があります。
詳しい説明については、下記ページをご覧ください。トリミングのやり方についても書いています。
スライドショーで画像を自動で切り替えよう
画像を自動的に切り替えることもできます。「スライドショー」を追加しましょう。
同ソースを追加したら設定画面で「+」をクリックします。
「ファイルを追加」または「ディレクトリを追加」で画像を追加します。
- ファイルを追加 : CtrlキーまたはShiftキーで画像を複数選択
- ディレクトリを追加 : フォルダーごと選択
画像が表示されないときは
もし画像が表示されない場合は、以下のような原因が考えられます。
- そのファイル形式にOBSが対応していない
- OBSを管理者権限で起動しており、かつ画像をドラッグ＆ドロップで追加している
- 画像を非表示にしている
- ソースの順序をまちがえている
いずれも上述したとおりなので、再度確認してみてください。
このあとは
ここまでできたら、実際にライブ配信・録画してみましょう。
マイクなど最低限の設定方法も、上記ページにまとめています。
また、休憩時などに画面を切り替えたい場合は、「シーン」機能を使います。これも覚えておくと今回の「画像」ソースを有効活用できます。
2006年から15年以上、ゲーム実況のやり方の解説記事を書いています。書いた記事数は1,000本以上。ゲーム配信、ゲーム録画、動画編集の記事が得意です。
記事はていねいに、わかりやすく！ゲーム実況界の教科書をめざしています。