2022 0128

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

烏袮コウ

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

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

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

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

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

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

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

それじゃ、Here We Go！

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

この記事を執筆しているVtuber 烏袮コウのアイコン

烏袮コウ（からすね・こう）

新人ショタおぢさんVtuber。2022 年 1 月 26 日に初動画「【自己紹介】Vtuber一問一答自己紹介【烏袮コウ】」を投稿してデビュー。チャンネル登録もおねがいします！　それじゃ、よろしくね♪

烏袮コウのプロフィール

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

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

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

2022.01.27

OBS で Youtube の Shorts など縦長動画を撮る方法

最近、Tik tokとかYoutubeのShortsなどショート動画が流行ってますよね！スマートフォンがあれば誰でも簡単に動画をアップロードできますし、視聴者もサクサク動画を流し読みする感覚で見ることができる手軽さがショート動画の魅力です！もちろん、パソコンからもショート動画...

1:OBSを起動

OBSを起動

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

2:「フィルタ」を選択

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

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

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

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

4:マスクを選択

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

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

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

2022.01.08

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

SNSありきのこの時代。画像編集ソフトの必要性も高くて、いろいろなソフトやアプリが出回っています。ぼくもブログを書いたりするときに画像編集ソフトを使うんですが、以前使ってたPCが壊れちゃったので、入れていたソフトも使えなくなっちゃいました！定番のフォトショップ...

Pixlrのトップページ

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

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

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

Pixlr Xのエディター

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

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

新規作成

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

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

Pixlrの画像作成画面

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

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

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

円を選択

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

白を選択

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

円のサイズを調整

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

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

失敗例

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

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

画像を保存

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

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

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

丸く切り抜き

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