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

ココフォリア部屋の作り方応用編。BOOTH素材をお借りして、綺麗な部屋を簡単に楽しく作る方法!BOOTHで売っている素材の種類についての説明。スクリーンパネルの使い方、フレーム素材やコマ置き場の配置や、パネル画像の作り方、非公開や自分だけ見るを使うことで秘匿パネルを作る!四角以外の前景の作り方など!

BOOTHで素材売っているけど、使いこなせない方へ!

※チャットノベル形式となります。前回のココフォリア部屋の作り方(シーン分け編)は此方

ココフォリアのレイアウト、ぱっと作りたい?
(どうでもいい導入)

男子B
男子B

ココフォリア、
紙芝居方式を止めたいです

※背景だけ変えるココフォリア部屋を通称「紙芝居方式」と言います

なら、
BOOTH素材を
お借りする
やり方から教えるわ

男子C
男子C
目次

ココフォリアの素材の種類について

・キャラクターコマ置き場
・フレーム素材
・パネル素材

を置くと、脱紙芝居が出来ます!

男子B
男子B

まず、どんな素材が
必要なんですか?

一般的には、
・キャラクターコマ置き場
・フレーム素材
・パネル素材
…だな

男子C
男子C

キャラクターコマ置き場について

キャラクターコマ置き場は
その名の通り、
キャラコマを置く場所

男子C
男子C

コマ置き場がある理由

男子B
男子B

なんでキャラコマを
置く場所が
必要なんですか?

理由は3つ
1.誰かHO1でHO2か分かりやすくする
2.スクショ撮る時に映える
3.前景に重要な情報を置きたいときに
  PCコマで見えなくなる事故を防ぐ

男子C
男子C

主に1の理由だな!

男子C
男子C

フレーム素材について

前景の周りに装飾を付けるだけで、おしゃれになる!

フレーム素材あるだけで
気分が上がるよな

男子C
男子C
男子B
男子B

あるだけで
おしゃれですよね

ココフォリアの前景を丸型や、正方形、色んな形にしたい!と言う方→フレーム素材を使う!

丸型に切り抜けるフレームや、正方形に切り抜けるフレームがある為、それを使う!

男子B
男子B

そういえば、
前景を
丸くしている方も
いますね?

あれは全部「フレーム」を
使って
その形にしている。

男子C
男子C

パネル素材について

パネル素材① 諸注意パネル
初めから注意書きやルールを説明する為の素材(ハウスルールとか)

パネル素材② 追加情報パネル
 途中から手に入れた情報を出す素材(いつでも見返しやすい情報パネル)

パネル素材は

男子C
男子C

「情報タブで流れると面倒」

男子C
男子C

って
情報を画像に落とし込んで
いつでも見れるようにする
素材!

男子C
男子C
男子B
男子B

画像に落とし込む?

後で説明すっけど、
パネルは「文字が入れられる」

男子C
男子C

マーカーパネルも入れられますが、シーン切り替えると消えてしまうので
部屋素材は常にスクリーンパネル推奨です。

パネル素材①諸注意パネル

これは「前提事項」を
再確認
するときのパネル。
言った言わない防止用でもあるな

男子C
男子C

パネル素材② 追加情報パネル

これも
流れたら面倒な情報を
画像化すると便利!
って画像

男子C
男子C

BOOTHの素材を実際に反映してみよう!

BOOTHで気になっている奴、
一つあげてみろよ

男子C
男子C

そうだ、
部屋丸ごとセットので
頼む。

男子C
男子C
男子B
男子B

そうですね、
あ、これ便利

それめちゃくちゃ
便利で好き。

男子C
男子C
男子B
男子B

躓いたら、
聞きますね

OK、
いつでも聞いて
……と、その前に一つ

男子C
男子C

ココフォリアでのフレームやパネル、コマ置き場素材反映の注意

お部屋のレイアウト時は
スクリーンパネル>マーカーパネル

パネルは
コマ置き場もスクリーンもパネルも
「スクリーンパネル」を
推薦
している

男子C
男子C
男子B
男子B

マーカーパネルだと、
シーン変わると消えちゃうからですか?

そう!
その場でしか
使わない場合は
マーカーでもOK!

男子C
男子C

BOOTH素材使用の実践

男子B
男子B

ココフォリアを開く

ココフォリアに素材を一気に入れるやり方

略式リキュール様の下記の素材を使う時などに、このやり方を使用してください

男子B
男子B

ダウンロードした素材、
そのまま入れればいいのか?

男子B
男子B

わ、全部出力されるんだこれ
一個ずつ出した方が楽だったな…

それ知らなかったけど、
便利と言えば便利だな?

男子C
男子C

スクリーンパネルの使い方

スクリーンパネルの出し方

男子B
男子B

とりあえず、一個ずつ出そう

男子B
男子B

スクリーンパネルボタンを押す

男子B
男子B

「+」を押す

男子B
男子B

また「+」を押す

男子B
男子B

ココフォリア上に、
入れたい画像を選択する

男子B
男子B

ココフォリア内に入ったら
「盤面上」に出したい画像を
クリックする

男子B
男子B

画像が無事に入った。

男子B
男子B

あとはメニュー画面を消して、
完了ですね

男子B
男子B

後は同じ感覚で出していこう。

PCとタイマンシナリオ設定で
良いですか?

イマンシナリオ…KPとPLが1対1で行うシナリオ
(ざっくり説明の為、少し語弊があります)

大丈夫!

男子C
男子C

フレームとコマ置き場が出来た完成図

男子B
男子B

よし、まずは
それっぽくなった

あー……

男子C
男子C

こうだな!!!

男子C
男子C
男子B
男子B

よく小姑って言われませんか?

スクリーンパネルの固定の仕方

ショートカット方法
右クリック+「L」で固定可能!

PLに配置弄られて、
キレそうになることあるだろ?

男子C
男子C
男子B
男子B

いえ、その……全く…
弄られても別に…

そうだな!あるよな!
ってことで、
配置固定の仕方だ!

男子C
男子C
男子B
男子B

無理矢理…

まず、画像を
ダブルクリックすると
「編集画面」
になる。

男子C
男子C

んで、
配置固定・サイズ固定
地形パネルとして扱うを
クリックすると「固定」される

男子C
男子C

赤くなったのを
確認したら、
「保存」を押す

男子C
男子C

諸注意パネルの配置場所

ハウスルールパネルは
フレーム近くや
端に配置されている
印象

男子C
男子C

男子B
男子B

パネルが
やたら大きく表示されました

知っていると思うけど
一応パネルサイズ変更の
やり方も伝えとく

男子C
男子C

スクリーンパネルのサイズ変更の仕方①

一つ目は
マウスを四角に当てると
マークが変わるから、
それでサイズ変更する方法

男子C
男子C

スクリーンパネルのサイズ変更の仕方②

でも、前のやり方でやると
比率が崩れやすい

男子C
男子C

だから、
画像をダブルクリックして
縦軸と横軸を
数値で合わせるやり方もお勧め

男子C
男子C

配置した例

男子B
男子B

こんな感じで良いですか?

完璧!
これはPLが見易いこと
大前提のパネル
だから
分かりやすい所にあるのは助かる!

男子C
男子C

パネル素材の作り方

丁度いい画像を探すのが大変なので、
作った方が楽なこともあります。

男子B
男子B

そういえば、

男子B
男子B

これって自作でした?

探すより作った方が
俺は楽。

安定のCanvaだな

男子C
男子C

Canvaの使い方については
誰かが言ってたから
簡単に手順だけ書いておく

男子C
男子C

素材から
「メモ」と検索
(※調べたい素材を検索)

男子C
男子C

テキストと重ねて
1分で完成!

男子C
男子C

出来たものが此方!

男子C
男子C
男子B
男子B

あれ、背景透過できない…

悪い、
俺有料会員様なんで

男子C
男子C

秘匿パネル楽しいって話

実は筆跡違う…?や、それぞれ秘匿貰ったけど内容何だったのだろう…?など秘匿で送って、
他画像を照らし合わせると真実が見えるギミックがしたい場合、
「パネルの非公開」を活用し、
秘匿パネルを作ることをおすすめします。

秘匿パネルと呼んでる方法だけど
・スクリーンパネルの文字入れ
・「非公開」

の2つを組み合わせると楽しい!

男子C
男子C

てことで、

まずは
スクリーンパネル
「文字入れの仕方」

やって行こうと思う

男子C
男子C

スクリーンパネルに文字を入れるやり方

まず画像を
ダブルクリックすると
編集画面に飛べる

男子C
男子C

「メモ」の欄に
入力したい言葉

入れて「保存」!

男子C
男子C

カーソル出しそびれたけど、
今こんな感じ!

男子C
男子C
男子B
男子B

HO1が何したって
言うんですか…

配信時でのパネル素材「メモでの文字入れ」の注意事項!

このパネル、なんだが
マウスを上に乗せた時の
文字が拡大しても

あんま大きくならない

男子C
男子C
男子B
男子B

リスナー用ではなく、
完全にPL用のメモとして
使用する
…という事ですか?
僕はカメラに映らないのでしませんが

そうそう。
「これ何処だった?」という
ぐだぐだは少なくなる
から
パネル設置して損はない

男子C
男子C

……と言いつつ、
口頭で聞かれれば、
情報再度投げる方が好きだし
卓が動いている感が好きだから
俺はしない。悩む声が好き。


好みの問題

男子C
男子C

スクリーンパネルのメニュー画面を出したいとき(固定されている場合でも可能)

男子B
男子B

画像固定すると
ダブルクリック通じませんね…?

なら、
編集したい画像の上で
右クリック押して

男子C
男子C

で。

男子C
男子C

メニューが出るから、
一番上の「編集」を押す

さっきの設定画面に行く

男子C
男子C

丁度メニュー出したから
他の内容も伝えておく

男子C
男子C

スクリーンパネルのメニュー画面詳細について

文字での説明だとこう

男子C
男子C
概要説明(画像と同じ内容を文字で説明しています)

概要説明(下に画像あります)

編集…「文字入れ」の用途が主、その他配置固定、サイズ調整も可能
配置固定…レイアウト崩れ防止(配置固定を既にしている場合は固定解除表記になっている)

回転する…画像が回転する。キャラクターコマもShift+Rで回転させられる。楽しい。
パネルを非表示…画像が消えてしまう(データや設定は残っている為、すぐ取り出せる)
全体公開にする…パネルを「非公開」にした場合に使う。秘匿情報漏洩の為、慎重に行う事
非公開にする…パネルを「非公開」にする。黒い四角のパネルが存在しているが、情報が見えない状態。
自分だけ見る…「誰が見ているか」はしっかり皆に分かる為、不正をしたらすぐバレます
拡大表示…細かい地図を見るときなどに! Shift+Eでも使える
山札…マーダーミステリーでよく使う為、今は割愛
複製…同じデータをそっくり作る事が出来る。Shift+Dでも使える
削除…画像を削除する(ココフォリアにデータは残っているが、盤面で設定した設定は完全に消える

画像で説明するとこう

男子C
男子C

山札は、山札を作る時が出来た時に使うので使わないマーダーミステリーもいっぱいあります。

画像を非公開にするやり方。
その受け渡し(マーダーミステリーでも良く使うココフォリアでのカードのめくり方)

で、文字の入れ方と
メニューが分かったところで
そのメニューから
「非公開」を選択する!

男子C
男子C

KP側の準備

KP目線での準備は
「非公開にする」でOK

男子C
男子C

PL目線で非公開の画像を見た場合

男子B
男子B

確かに、此方側だと
何も見えなくなりましたね。

その画像を右クリックで
自分だけ見るにしてもらえるか?

男子C
男子C
男子B
男子B

「自分だけ見る」ですね

男子B
男子B

成程、これは便利

ちなみにKP側だと
こう見えている

男子C
男子C
男子B
男子B

誰が見ているかは
はっきりと
分かってしまうんですね

表で情報を渡すから
秘匿送り間違いはなくなる!
とも言える!

男子C
男子C

スクリーンパネルの管理画面の出し方

最後、KPやDLやる時に
管理画面出したままにした方が良いから
その方法だけ教えるわ

男子C
男子C

…と言っても、
一番初めにやった手順と一緒。
スクリーンパネルをクリック

男子C
男子C

…すると
全スクリーンパネルの
表示非表示が
一括で管理できるようになる

男子C
男子C

おまけに
PLに「秘匿の一部を
削除してから
秘匿画像全体公開で」

言われた時も
文字の編集が此処から出来て楽

男子C
男子C

余談。背景に悩んだ時に、さくっとおしゃれにするには?

ちなみに、
「背景」を付ける時は
夕焼け、青空、夜空にすると
それっぽくなる
から楽
空万能

男子C
男子C

終わりに

あとは、
重なり優先の説明だな

男子C
男子C
男子B
男子B

いえ、大変良く分かりました。
ありがとうございました
さようなら

………
デジャヴが強いんだが

男子C
男子C

関連記事

エモクロアTRPGやそもそもTRPG分からない人向け!

ココフォリアでの部屋の作り方(前回分)

TRPGのリプレイ動画や配信画面の作り方

TOP

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

この記事を書いた人

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

目次
閉じる