![見出し画像](https://assets.st-note.com/production/uploads/images/107992712/rectangle_large_type_2_8b0679bb7f59e12bb0ca0a704a448125.png?width=800)
ココフォリア部屋づくり備忘録②
どうやら②があったらしい
前回:ココフォリア部屋作り備忘録①|白倉彼子 (note.com)
7月にCoC6版「VOID」を回すことになったので部屋を作ります
この手の部屋づくり、別に必須ってわけではないんだけど
私はたのしいからやっちゃうんだよな
1.シナリオ情報
クトゥルフ神話trpg VOID - myao - BOOTH
こちらのシナリオです
秘匿HOありのシナリオですがこの記事では秘匿内容には触れず作業を進める予定
極力触れないよう意識してますが何か感じるものはあったりするかもしれないので、遊ぶ予定のある方&遊んでいる途中の方は気を付けたほうがいいかも………
2.なんとなくイメージを考える
シナリオのトレーラーに使われているのが黄色・橙色・くすんだ水色?と白、という感じなので、これらの色を使っていきたい
そこそこ長時間シナリオなので、見ていて疲れにくい配色にしたい……
となると、上記の色はどれも背景にベタで使うと疲れやすそうなので
なじみがよいかつ疲れにくそうな色がもう一色ほしいところ
という訳で、Coolors - The super fast color palettes generator!というカラーパレットのジェネレーターを使って色を考えてみる
このジェネレーター、かなり楽しいしアイデア出しに丁度いいのでおすすめ
カラーコードとかも出してくれるよ
![](https://assets.st-note.com/img/1686490119455-ddwzdUoQNh.png?width=800)
![](https://assets.st-note.com/img/1686490395952-CZ7RO5S9Np.png?width=800)
![](https://assets.st-note.com/img/1686491002547-41ZyPaDrsp.png?width=800)
色味を調整しつつ、なんとなく「こんな感じにしたいな~」を決める
今回は全員バストアップ立ち絵になりそうなので、左右にPCコマを置きつつ
下に情報とかハウスルールとかそのへんを置く構造にしたい
3.とりあえずココフォリアで背景と前景を設定しよう
![](https://assets.st-note.com/img/1686491191234-cWBbD9Y2WX.png?width=800)
設定しておかないと迷子になるんだよね
前景のサイズをいくつにするかは議論が分かれるところだと思うんですが
私は16:9が好きなので16:9かもう少し横長にしがち
今回は32:18にしておきます
![](https://assets.st-note.com/img/1686491417471-tTDE91jiXu.png?width=800)
![](https://assets.st-note.com/img/1686492730422-Pk6wzifmKD.png?width=800)
4.コマとかロゴとか置くところつくるぞ
![](https://assets.st-note.com/img/1686494359529-Uqqxmuzxue.png)
![](https://assets.st-note.com/img/1686494362189-cHou1EwnnO.png?width=800)
![](https://assets.st-note.com/img/1686494365139-AkuOjFDp6X.png?width=800)
適当にコマ置き場、ロゴ、あとトレーラーのテキストを拝借して諸々作成
フォントはロゴの大きいほうが「VF-Major Snafu」、小さいほうが「せのびゴシック」
太め・細長めだと未来感でるかな~と思ったのでそれっぽいイメージ……
ほんとは色ずれとかグリッチとかさせたかったんですけど
シンプルにしたい!と思って部分的に範囲選択→ちょっとだけずらす→ずらした部分の間を少しだけ削る でどうにかしました
![](https://assets.st-note.com/img/1686494473522-z3CMogg72L.png?width=800)
そのうえで、最初にイメージしてた感じに配置
テキストの脇にメニュー画像置いていこうかな~というイメージ
![](https://assets.st-note.com/img/1686495979772-8pvnagkuM9.png)
![](https://assets.st-note.com/img/1686495982868-82VHbSeMWK.png)
メニュー画像つくった
なんかいつもどんなメニューおいとくか悩むんだよな
![](https://assets.st-note.com/img/1686496182987-GRuHjSpVYw.png?width=800)
配置
必要なもの(というか置いておきたいもの)は作ったので、
細かい装飾もなんかうまいことやるぞ
5.いろいろ装飾をするぞ
![](https://assets.st-note.com/img/1686500275044-V6rHs0MCDl.png)
![](https://assets.st-note.com/img/1686500274964-s71tJA0DFP.png)
![](https://assets.st-note.com/img/1686500274999-KpWif4x1En.png)
なんか使えそうな画像を適当に用意して、
![](https://assets.st-note.com/img/1686500293952-7NFBpkYHhJ.png?width=800)
バランスをみつつ配置
![](https://assets.st-note.com/img/1686501094244-r91uwpsmWg.png?width=800)
水玉のドットを置いたりして、満足したので完成とします
![](https://assets.st-note.com/img/1686501160255-Ph1GqJRHFF.png?width=800)
チャットタブも含め表示するとこんな感じ
ある程度「らしさ」もありつつ見やすくまとまったかなと思います
たのしみだな~~
この記事が気に入ったらサポートをしてみませんか?