TRPG配信画面の作り方｜OBSで録画・配信する方法とココフォリア連携を初心者向けに解説

そういう交流あるんだな？

面倒な彼女かよ

なんで
お祈りメールみたく
なってんだよ

まあ、友好関係があるのは
良い事だし、説明はする！

はい、
まずはこれ！

配信者や
動画作成者が良く使う
便利なソフトだ

無料だし、
そのくだり
前もやらなかったか？

その後、
ダウンロードの案内出るから
「はい」押して

えらい！
ならそれ開いて

なら、
ココフォリア開いて

OK!
次にサイトのURLを
コピーできるか？

戻ったら
「＋」を押して
ブラウザをクリック

分かり易ければ、
何でも良い。

なんでもいいとは
言ったから、
もう何も言わねーわ

いや合ってる合ってる

URLと書いてある欄に
元から入っていた内容を消して
さっきコピーしたURLを貼り付ける！

OBSに映った
ココフォリアの画面を
クリックすれば解決する

あとは
「Alt」キーを押すと
不要な部分を
消すことが出来る。

いや、対話機能を使う。
OBSでココフォリア画面を
クリックしてほしい

ここ

その画面はクリックすると
ちゃんと反応するから
そこで色々弄る！

背景真っ白だな？

無理矢理
引き延ばしてるから
ちょい画質悪いな…

俺は気になるから、
ちょっとこの辺りの
やり方を伝えておく

確かに丁度いいな

さっきの画面を
ダブルクリックして

サイズは
幅1920、
高さ1080

これは
ココフォリアの
画面サイズと
同じになる

大きくしたら縮小しても
画質が綺麗だから
後は自由に編集すれば大丈夫！

終わったけど、
そっちどんな感じ？

普段は出ていた気がするんだが…
まあ、ステータスの出し方を教える

困ったら
此処のステータスを借りている

まずは前と同じく
ココフォリアのURLを
コピーして
貼り付ける

じゃあそれは一旦放置で
紅坂さんのサイトに飛ぶ

よし、完璧。
@inportから始まる部分を
コピーする

そうなる

編集したいから
「Aはばか２」を
……って、名前…
いいや、それクリック

そこにコピーした
URLを貼り付ける

はしゃいでいて何より
Altキー押したり、場所調整して
色々弄ってみて

なんでそんな絶妙に
ダサ……んんっ、
なんかそういうの置いたんだよ

差分は反映出来ねーけど
画像そのまま載せるか
光らせて載せるかしてるからなぁ…？

画像を載せる方法も
さくっと伝えておく

お前はな？

順番を入れ替えれば、
治るはず

そうだな。
かなり良い感じになって来た

OKUMONOさんを
背景にするだけで
大分「画面」っぽさが出ると思う

ステータス画面と
同じところのカスタムCSS使っているな

やり方は
「ステータスと同じ」だから、
さくっと載せておく

一応言っておくけど、
OBS自体が不安定なソフトだから
俺や他サイト管理者に
問い合わせても解決しないし、
困る事が多いから
問い合わせないように！

でも無料で此処まで使えるの
神なんだよなぁ…

これは前景だけを
抽出するCSS

で、こっちは
ダイス振った時に
出てる表示のCSS

一緒。
ただ小分けにする分、
バグも起きやすいから
動画化なら
ステータスとログだけ分離を
おすすめする

適当にテロップ入れたら
丁度良くなることが多い

まず、
テキストを
挿入する

いや、適当でいい
本当に適当で

いるよな、こういう奴

いや、お前確か
クローンで
いっぱい同じ顔いるだろ

良く分からないけど
面倒なスイッチ入ったから
次の説明に行くぞー

フィルタを押して

で、「＋」を押して
「スクロール」を選択

そうしたら、
「水平速度」を右に動かして

お好みの速度に設定して

完全に良い感じ！

って言いたいけど
テロップちょい上かな

良く言われるし、
否定はしない。
でも俺優しいから

テロップ
もうちょい弄りたい場合は
個人的に
このサイトが
かなり分かりやすい

基本の基本って感じだから
まあ色々弄って学べばいいと思う

それはある。
まあ、そうなったら
勉強はする

CSSやHTMLとか
内部の見方を
教えて説明してくれるのは
この川犬さんの動画が
かなり分かり易かったから
載せておく。

あと理解したら
↓のＣＳＳ使い方も説明するけど
マダミス配信のＣＳＳを
載せて下さった方がいたから
急遽置いとくわ

説明するの
わりと楽しいけど
このページが重くなるから
今回はこれにて！

それは良かった

ごめんそれは知ってた