Youtube

OBSでVtuberや動画を丸く画面を切り抜いて合成する方法

http://karasunekou.com/wp-content/uploads/2021/12/karasunekou-balloon-icon.jpg
烏袮コウ

おにいちゃん、What’s Up?  烏袮コウです!

OBS Studio」で動画を撮影することが多いんですが、Vtuberのモデルが大きく写り込んじゃって、見づらくなるケースが出てきました!

特に縦画面で最適化するとき、ゲームの画面が半分以上が体に隠れちゃったりするんです!

ウェブストーリーでも実験的に実況動画配信をやってみたりしてるんですが、横画面と違ってゲーム画面とアバターのバランスを取るのが難しいんですね!

Youtubeでもショート動画が流行っているみたいですが、縦画面動画だと配置や合成に苦労します!

では、TVなんかでよくある画面を丸く切り取って、それを合成できないか?

調べていたら、OBSでもできるようです!

それじゃ、Here We Go!

この記事を執筆しているVtuber 烏袮コウのアイコン
烏袮コウ(からすね・こう)
新人ショタおぢさんVtuber。2022 年 1 月 26 日に初動画「【自己紹介】Vtuber一問一答自己紹介【烏袮コウ】」を投稿してデビュー。チャンネル登録もおねがいします! それじゃ、よろしくね♪

OBSでVtuberを丸く切り抜いて合成

ということで、お勉強したことをメモしておきますね!

OBSで縦画面動画の撮影・配信方法はこちらで確認できます!

1:OBSを起動

OBSを起動

まずは、OBSを起動します。

2:「フィルタ」を選択

「フィルタ」を選択
「ソース」でVtuberモデルを選んで右クリックから「フィルタ」を選択します。

3:「イメージマスク/ブレンド」を選択

「イメージマスク/ブレンド」を選択

左下の「+」をクリックし、フィルタの一覧から「イメージマスク/ブレンド」を選択します。

4:マスクを選択

マスクを選択
今回は丸く切り抜きたいので、円形のマスクを使用します。

マスク用の画像を「パス」の「参照」から指定しましょう。

この画像を用意しないといけないのですが、今回はブラウザで手軽に画像を作成できる「Pixlr」というサービスを利用します。

Pixlrのトップページ

ピクセラーのサイトにアクセスし、エディターを選択します。

わかりやすく、お手軽な「Pixlr X」で問題ないでしょう。

なお、ログインしなくても利用することができます。

Pixlr Xのエディター

「Pixlr X」のエディター画面です。

プロジェクトの新規作成を選択します。

新規作成

デフォルトだと画像サイズが「1920×1080」になっているので、これをアスペクト比が「1:1」になるようにします。

今回は「1080×1080」にしています。

Pixlrの画像作成画面

「Pixlr」の画像作成画面です。

無料なので右に広告が出ますが、あきらめましょう。

左のメニューから「Shape」を選択します。

円を選択

「円」を選択すると、キャンバスに円の画像が挿入されます。

白を選択

「塗りつぶし」から「白(#FFFFFF)」を選択し、円を白色にします。

円のサイズを調整

円のサイズを調整します。

サイズは、はみ出したりピッタリにしないようにしましょう。

失敗例

ギリギリに設定すると、OBSで設定したときに「漏れ」が発生します。

余裕を持ったサイズにしましょう。

画像を保存

「保存」で、できあがった画像に名前を付けて保存します。

画像は「PNG」で、オプションの透過(Transparent)をオンにしたまま保存してください。

これで、マスク用の画像ができました。

丸く切り抜き

「パス」でダウンロードした画像を選択すると、Vtuberモデルが丸く切り抜かれます。

5:画面を合成

画面を合成

マスクで丸く切り抜いたVtuberモデルを、ゲーム画面などと合成してみます。

これだと、縦画面でもあまり邪魔にならず配信・録画できるのではないでしょうか。

なお、OBS で縦長動画を撮って配信・録画する方法を別の記事でご紹介していますので、こちらも参考にしてみてくださいね!

まとめ

http://karasunekou.com/wp-content/uploads/2021/12/karasunekou-balloon-icon.jpg
烏袮コウ

ここまで読んでくれてありがとう、おにいちゃん!

ということで、OBSの縦長画面で邪魔にならない感じでVtuberモデルを丸く切り抜く加工でした!

スマホなどで縦画面のゲームも多いですし、シューティングゲームの配信でもこんな感じの丸いマスクは便利かもしれません!

他の形にもできますので、いろいろ試してみたいと思います!

それじゃ、See You♪

烏袮コウ

烏袮コウ

新人Vtuberの烏袮コウです! 只今デビュー目指して絶賛準備中! ブログやツイッターも随時更新中です! それじゃ、See You!

関連記事

Youtube

ウェブストーリー

RECOMMEND

最近の記事
おすすめ記事
  1. ブラウザ画像編集アプリ Pixlr に AI ジェネレーター実装! にゃんこのイラストを描いてもらいました!

  2. Amazonアソシエイト・プログラムの審査システムがいつの間にか変わっていた!

  3. 無料で使える便利なウェブ上で画像編集ができる「Pixlr」を使ってみた!

  4. いにしえのオタク歓喜! 個人サイト復権の兆しで自分らしい発信の場が再び! WordPress で簡単にブログを始めよう!

  1. 【自己紹介】Vtuber一問一答自己紹介【烏袮コウ】

  2. 無料でイラストを手軽にシルエット化する方法! ブラウザ上でのシルエットの作り方をご紹介します!

  3. いにしえのオタク歓喜! 個人サイト復権の兆しで自分らしい発信の場が再び! WordPress で簡単にブログを始めよう!

  4. AI チャットに続き画像生成 AI「Bing Image Creator」が登場! さっそくにゃんこを作ってみました!