シナリオ執筆の為、更新停滞気味です

TRPG配信画面や動画の作り方、枠の作成方法。君だけのリプレイ動画を作る方法。初心者向けにOBSのダウンロードから!ココフォリアとの連携仕方が分からない人や、そもそも立ち絵の光らせ方が分からない人用の記事

基本の「き」も分からない状態から教えるので、分かる部分は読み飛ばしてください

ディスコード×ココフォリアでの
ボイスセッション前提の説明です。

男子D
男子D

TRPGの配信や録画したい

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

男子C
男子C
男子D
男子D

コミュ障の癖にとか思った?

面倒な彼女かよ

男子C
男子C
男子D
男子D

彼女?
気持ちは有難いのですが
お断りさせて頂きます

より一層のご活躍を
お祈り申し上げます。

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

男子C
男子C

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

男子C
男子C
目次

おおまかな流れ

OBS(Open Broadcaster Software)を使って録画・配信する。
録画の方はこれで出来るようになります。

配信の場合は、「ココフォリアの配信画面の作り方」の基礎は分かるようになります。

OBS(Open Broadcaster Software)を開く

OBSを立ち上げる

はい、
まずはこれ!

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

男子C
男子C
男子D
男子D

でも、お高いんでしょう?

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

男子C
男子C
男子D
男子D

ダウンロードの場所に、
和太鼓みたいなマーク出てきた

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

男子C
男子C
男子D
男子D

説明に関しては
「Next」押しながら
進めておくよ

男子D
男子D

ダウンロード出来た

えらい!
ならそれ開いて

男子C
男子C

OBSを開いてみる

男子D
男子D

開いた

ココフォリアの画面を映してみる

男子D
男子D

ココフォリアを
反映させたい

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

男子C
男子C
男子D
男子D

なら、
前回の瞬き部屋にする。

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

男子C
男子C
男子D
男子D

出来た。
OBSに戻る?

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

男子C
男子C
男子D
男子D

押したら、
ウィンドウ出てきた

男子D
男子D

ブラウザ名は?

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

男子C
男子C
男子D
男子D

なら「Aはばか」

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

男子C
男子C
男子D
男子D

バグった

いや合ってる合ってる

男子C
男子C

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

男子C
男子C

画面のサイズと合わない場合

男子D
男子D

貼り付けたけど、
サイズが合わない

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

男子C
男子C

OBSでの不要な部分の削除は「Altキーを押しながら!」

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

男子C
男子C

【重要】OBSの対話機能の使い方!

OBSでココフォリアのお知らせを消す方法

男子D
男子D

大きくはなったけど
広告が消えない。
課金制?

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

男子C
男子C
男子D
男子D

クリックしたけど
対話…???

ここ

男子C
男子C
男子D
男子D

「相互作用」画面が
出てきた

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

男子C
男子C

ルームチャット画面の消し方

男子D
男子D

ルームチャットも
消しておこう。

画面の縮小拡大

男子D
男子D

画面の小さくしよ

男子D
男子D

完了したから、
「相互作用」の画面閉じるよ

背景真っ白だな?

男子C
男子C
男子D
男子D

コマサイズ100にしていて
コマがかなり大きいからね
直すよ

追記:画面がぼやける場合 2022.2.7更新

幅1920 高さ1080にすると丁度良くなります

情報提供:赤坂柚月さんです。ありがとうございます。

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

男子C
男子C
男子D
男子D

そのままでも
僕は気にならない

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

男子C
男子C
男子D
男子D

圧…。

なら、
大きかったコマを
直す作業する

確かに丁度いいな

男子C
男子C

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

男子C
男子C

サイズは
幅1920、
高さ1080


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

男子C
男子C

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

男子C
男子C

現在ここまで出来ている状況

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

男子C
男子C
男子D
男子D

なら、これを見て欲しい

男子D
男子D

ステータス画面がないのが
気になる。

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

男子C
男子C

※盤面のサイズが小さすぎてステータス出ておりません

男子D
男子D

その前に
ダイス振った映像を
録画して確認する

ここまでの内容で、ひとまずの録画は可能!

男子D
男子D

今の進捗はこんな感じ

ステータス画面について

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

男子C
男子C
男子D
男子D

これは何をすれば…?

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

男子C
男子C
男子D
男子D

貼り付けた。

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

男子C
男子C
男子D
男子D

飛んだ

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

男子C
男子C
男子D
男子D

これをさっきのに
貼り付ける?

そうなる

男子C
男子C

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

男子C
男子C
男子D
男子D

さっきの編集画面が出てきた

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

男子C
男子C
男子D
男子D

出てきた…!!!

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

男子C
男子C

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

男子C
男子C
男子D
男子D

どうやって立ち絵
置くのかなって

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

男子C
男子C

光る立ち絵が小さい場合

タップORクリックで開きます。

たぶんこっち側にも
書いた方が良いか。
Sさんから頂いた質問の件

男子C
男子C
男子D
男子D

名前は伏せたけど、
メッセージそのままだから
消してほしい場合は
フリップ消すから言ってね

たぶん、こんだけで
解決する奴だと思う!

男子C
男子C

難しそうだったら、
また伝えて

男子C
男子C
男子D
男子D

屋敷の郵便受け、毎日スパム届くせいで
全部迷惑フォルダにしてるから
管理者に直接ツイッターメールだと助かるかも

画像を載せる方法

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

男子C
男子C
男子D
男子D

知ってる

お前はな?

男子C
男子C

OBSでの画像やソースの優先順位の変更仕方

男子D
男子D

立ち絵を光らせる方法で
作ってみたけど、
ステータスが消えた

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

男子C
男子C
男子D
男子D

出来た。
それっぽい

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

男子C
男子C

配信用フリー背景画像について

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

男子C
男子C
男子D
男子D

↑を使って、
上の部分を調整してみた

ダイスのログについて

男子D
男子D

これだと
ダイスのログが
遡れない状態になっている

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

男子C
男子C

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

男子C
男子C

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

男子C
男子C

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

男子C
男子C
男子D
男子D

そんなこんなの間に
出来た

男子D
男子D

これでもう配信画面…

もうすこしこだわりたい人向け!(盤面CSSと吹き出しのみCSSについて)

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

男子C
男子C

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

男子C
男子C
男子D
男子D

やり方は
さっきと一緒?

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

おすすめする

男子C
男子C

上方や下方にスペース余る問題(テロップの入れ方)

男子D
男子D

上の方のスペース余った

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

男子C
男子C
男子D
男子D

ほう

テキストの入れ方

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

男子C
男子C
男子D
男子D

それは得意

男子D
男子D

何か格好良いこと書くね

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

男子C
男子C
男子D
男子D

はい

いるよな、こういう奴

男子C
男子C
男子D
男子D

人間は唯一無二オンリーワンなのに

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

男子C
男子C
男子D
男子D

何その初耳情報
格好良い…、何それ
格好良い…

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

男子C
男子C

テキストをテロップにする方法

フィルタを押して

男子C
男子C

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

男子C
男子C
男子D
男子D

スクロールを選択した

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

男子C
男子C
男子D
男子D

スクロールし始めた。

お好みの速度に設定して

男子C
男子C

実際の映像

男子D
男子D

音声借りてやってみた

完全に良い感じ!

男子C
男子C

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

男子C
男子C
男子D
男子D

姑か何かかな

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

男子C
男子C
男子D
男子D

なんかやばいこと言ってる

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

男子C
男子C

終わりに

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

男子C
男子C
男子D
男子D

今回のCSSって
あのサイトの運営さんが
止めたら使えない奴だったよね

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

男子C
男子C

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

男子C
男子C

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

男子C
男子C

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

男子C
男子C
男子D
男子D

これで
何とかなりそうだし
助かった

それは良かった

男子C
男子C
男子D
男子D

そんな機会はまだないけど

ごめんそれは知ってた

男子C
男子C

NPCが出てきて順番が変わる場合の参考記事様

CSSすこし触れる人向けの記事です↓

関連動画

立ち絵の差分も反映したい!という方へ

立ち絵を光らせるやり方ってどうやればいい?

ボイセの時に声良くしたいって方へ!
にじさんじライバーのインターフェースやマイクなど!

Youtubeで配信の形でやってみたい人に!

キャラクターコマに瞬きをさせるとても簡単なやり方!

初心者で野良卓が怖い人へ!新しいTRPGの世界を知りたい人へ!TRPGテブラプレでの体験会について。色々なシステムをお試しで遊んでみたい方や、クトゥルフ神話TRPG以外を初めて経験してみたい!という方や、優しいGMさんの元で野良卓の感覚を味わってみたい人にも!

自分がどんなTRPG合うか分からない!そもそもTRPG分からないって方へ!

TOP

多くの方に教えてくださると、喜びます!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

今はゲームシナリオを書いている者です。
アナログゲームを嗜む脚本家、小説家、人狼もマダミスも好き。

目次