レベルアップ!

備忘録として綴ります。

新ココフォリアでおしゃれな部屋を作りたい!

お久しぶりです。お元気ですか?
私は……まあ、うん。

一時期狂ったように遊んでいたCoCですが今は大変落ち着いている状態です。
3年ほど前に始めたわけですが、気付けば7版が出版されココフォリアも新ココフォリアが出来て以前のココフォリア(旧ココフォリア)は全く使っておりません。
一応部屋は残ってるんだけどね。

新ココフォリアの使い方は公式ドキュメントが分かりやすいので記事にはしません。
あとアプデが多いので記事をかき上げる頃には変わっている可能性もある。
新ココフォリアには支援者専用の機能があるので、以下の機能を使いたい!という方はこちらからご支援をどうぞ!
・タイマー機能…右上にタイマーが出現。カウントアップのみ。
・スクパネを全て裏面にする…一々裏面にするの面倒くさい!という場合に使える。CoCではあまり馴染みないかも…?
・スクパネを全て削除…えーい!!!全部なかったことにするぞ!という場合に便利
・ルームの複製…同じシナリオが同時に2卓以上ある!という場合に便利。0から作り直さなくて良し。
・盤面エクスポート…部屋の飾りや配置とかをzipで書き出してくれる。書き出されたzipは盤面に突っ込むとそのまま配置してくれる!
詳細はこちら(支援者のみ閲覧可能)。


さて、使い方は記事にはしないと言うことで、代わりに部屋素材の作り方とか配置の仕方とか、「これどうやってんの!?」というのを載せていこうかなと思ってます。
誰かの役に立てばいいな……。

完成図

さて、今回作成するのはこちらっ
f:id:jagabeeInitialize:20210831104717p:plain
シナリオは青井様作蒼穹です。
PCの立ち絵を利用した画面ですね。立ち絵を使用する都合上、予め立ち絵を頂いておく必要があります。
こちらを作っていきたいと思います。

使うソフト

画像編集ができるソフトであれば多分どれでも大丈夫だと思います。多分…
私はPhotoshopを使いました。

作り方

①キャラ画像を加工
②ハウスルールテキスト、駒置き場設置
大きく分けてこの3つでこの部屋は構成されています。
②に関してはBoothなどで素材拾ってくるとかフリー素材を配布しているサイトから拾ってくるといいかと思います。
テキストは自前ですが駒置き場はこちらから拾ってきました。

キャラ画像を加工

Photoshopの使い方講座みたいになってしまうので分かる人は読まなくてもいいかも…
まず、配置したいサイズで新規作成します。今回は227×500で作ってます。
そして配置したいキャラを貼り配置を調整。
f:id:jagabeeInitialize:20210831095521p:plain

キャラを加工していきますが念の為レイヤーを複製して残しておくといいかも

f:id:jagabeeInitialize:20210831095737p:plain
グループ1は気にしないでください

複製したレイヤー(Base)は非表示で弄らない。

続いて、イメージ>色調補正>2階調化を選択
f:id:jagabeeInitialize:20210831100036p:plain

すると立ち絵がくっきりとした白黒になるかと思います。
f:id:jagabeeInitialize:20210831100151p:plain

出て来た小窓に「2階調化する境界のしきい値」があると思うので、そちらをお好みで調整してください。数値が小さいほど黒が多くなります。
立ち絵の色合いによって値が変わってくるかと思います。今回は155でこんな感じ。
f:id:jagabeeInitialize:20210831100309p:plain

OKを押した後変わっていれば良し!
レイヤーはこんな感じになってます。
f:id:jagabeeInitialize:20210831100400p:plain

立ち絵を貼ったこのレイヤーはスマートオブジェクトと呼ばれる状態で、この後死体編集ができないのでラスタライズします。
レイヤーを選択して右クリック>レイヤーをラスタライズを選択
f:id:jagabeeInitialize:20210831100705p:plain
レイヤーの下に先ほどまで出ていたスマートフィルターが消えていればOKです。
※ラスタライズは2階調化より前に行っても大丈夫です。

続いて、白い部分を全て透過します。
選択範囲>色域指定を選択。
f:id:jagabeeInitialize:20210831101041p:plain

すると小窓が出てきます。
抜きたい色を(小窓じゃない方で)選択すると、小窓部分のプレビューが変化します。
今回は白を抜きたいので白色部分を選択。先ほど2階調化したので「許容量」は1でOK。
f:id:jagabeeInitialize:20210831101359p:plain

これでOKを押すと白い部分が全て選択された状態になります。
f:id:jagabeeInitialize:20210831101430p:plain
そしたらDeleteキーを押して消すっ!
f:id:jagabeeInitialize:20210831101614p:plain
綺麗に抜けました~

そして、現在黒い部分が白くなってほしいので…
イメージ>色調補正>階調の反転を選択。
f:id:jagabeeInitialize:20210831101703p:plain
すると白くなったのではないでしょうか?
f:id:jagabeeInitialize:20210831101746p:plain
(分かりづらかったら現在のレイヤーの下に真っ黒なレイヤーを用意すると分かりやすいです)

立ち絵の加工はここまで。
最後に枠を作ります。
まず新規レイヤーを作り黒い長方形シェイプを用意します。
※色は分かりやすく黒にしているだけなので何色でもOK
f:id:jagabeeInitialize:20210831103159p:plain
シェイプツールの状態でカンバスをワンクリックすると小窓が出てきてシェイプのサイズを決められます。
カンバスの幅/高さ-(線の太さ×2)にするといいです。×2は、上下・左右とあるからです。
幅を10にしたいので、カンバスサイズ227×500からそれぞれ20ひいて207×480にしました。
f:id:jagabeeInitialize:20210831103501p:plain
多分クリックしたところから右下に出ていると思います。
これをカンバス中央に持っていきます。
f:id:jagabeeInitialize:20210831103552p:plain
作りたてであれば整列が上に出ていると思うので、それぞれ真ん中に配置するやつを選んで「整列」をカンバスにして中央に設置。
真ん中に来るでしょう。

再び新規レイヤーを作成。
バケツ塗りで真っ白なレイヤーを作ります。
f:id:jagabeeInitialize:20210831103817p:plain

そしたら、先ほど作った長方形レイヤーで、下の画像の赤い部分をCtrlキーを押しながら左クリック
f:id:jagabeeInitialize:20210831104056p:plain
すると長方形の部分が選択された状態になると思います。
f:id:jagabeeInitialize:20210831104211p:plain
選択された状態で、先ほど真っ白に塗ったレイヤーを選択しDeleteを押下。
f:id:jagabeeInitialize:20210831104325p:plain
こうなればあとは長方形レイヤーを消せば完了!

f:id:jagabeeInitialize:20210831104404p:plain
白い部分が分かりやすいよう黒いレイヤーを下に引いてます。

枠は一つ作ればOK。
枠のあるレイヤーの下に各キャラの立ち絵を加工して配置。
キャラごとに枠付きで出力すればOK!透過pngで出力しよう!

ココフォリアに配置してサイズ調整すれば完成でっす。
f:id:jagabeeInitialize:20210831104717p:plain



因みに…ちょっと面倒な手間を加えるとこんな見た目にもできます。
f:id:jagabeeInitialize:20210831115004p:plain
ただしこのやり方だと、前景パネル(あるいはマーカーパネル)を長方形にトリミングする必要があるのでちょっと面倒です。応用も効かないので個人的にはあまりお勧めしない。

無料でやりたい!

こんなサイトがあったのでこれを駆使すれば無料でもできそうです。
画像をモノクロ2色(二階調)にする - 無料WEBアプリ - DataChef | TechLagoon

画像の色を反転させる(ネガポジ反転)- 無料WEBアプリ - DataChef | TechLagoon



いかがだったでしょうか?
もし「こういうのやりたいんだけどやり方が分からない!」というのがありましたら答えられる範囲で答えたいなと思ってます!
※にわかPhotoshop使い手なので凝り過ぎたものは答えられるか自信ないですが💦

それでは良いセッションライフを!

おまけ

他にこんな部屋を作りました。

f:id:jagabeeInitialize:20210831110234p:plain
X2U バイガスライトシリーズ
f:id:jagabeeInitialize:20210831110453p:plain
クイズ大会(シナリオではない)
f:id:jagabeeInitialize:20210831112326p:plain
淫雨に告ぐ