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

TRPGサムネイルの作り方:後編② 4PCのサムネイルを作ってみる!ニュアンス寄りにざっくり作る

2PLの時の考えを生かしつつ、ざっくり楽しく作るメイキングをします。

TRPGサムネイルシリーズ記事系列

目次

作例

バディキャンペーンシナリオ集『Dirty Pair』【DX3rd】

※ 本作は、「矢野俊策」「有限会社ファーイースト・アミューズメント・リサーチ」及び「株式会社KADOKAWA」が権利を有する『ダブルクロス The 3rd Edition』の二次創作物です。(C)矢野俊策/F.E.A.R.

使うツール(Canva)

Canvaを使いますが、
パワーポイントや他ツールでも可能!

簡単にコラージュして画像を作る系のツールならOK

ツールは、
いつも通りCanva使うよー

岸かれか
岸かれか

有料使っているけど、
ソシャゲの課金的な恩恵
あるだけだから
無料でOK!

岸かれか
岸かれか

4PLのサムネイル:流れ

シナリオの雰囲気確認

サムネイルを見て「楽しそう!」と思った人が
「思っていたのと違う!」となることの防止

概要欄を読んで、雰囲気を作る!

4PLは人によって、
スタイルが違うけど、
どんな感じ?

岸かれか
岸かれか

Dirty pair概要より

第一話「Code Magenta【紅紫法典】」

PC①…自他共に認める天才チルドレン
PC②…最年長の落ちこぼれエージェント

若者達の間に奇妙な噂が広まっている。
──【紅紫法典】。
目にするだけで願いが叶う紅き文字。
その内容は悪戯ともとれる不可解なものだった。
任務に赴く彼らに、その正体はまだ解らない。
チルドレン・若いエージェントばかりが集う少々子供に過保護なUGN小佐古支部にて、
天才と謳われるPC①は同年代のライバルとの賭けもあり初めての任務に胸を躍らせる。

そんな中、ペアを組めと言われた相手は

……くたびれたエージェント・PC②だった。


第二話「Cobalt Plan【蒼蒼計画】」

PC①…他を寄せ付けない孤高のエリートエージェント
PC②…最終兵器として隠匿されてきた、謎のレネゲイドビーイング

UGN武上支部内の空気は焦燥に包まれていた。
早急に手を打たねばならない、どんな手段をもってしても。
そして、ある一つの任務が下されることとなる。
それはこう呼ばれる。──【蒼蒼計画】と。

孤独に任務を遂行するUGN武上支部きっての実力者・PC①。
今までもこれからも一人で充分であるというのに、
一体なぜレネゲイドビーイングなどと行動しなければならないのだろう。

隣町から波及し未だ止まることのないジャーム化事件の解決のため、
PCは調査を開始する。

第三話「Perfect Gray【曖昧十全】」

PC①②…UGN小佐古支部に所属するチルドレンとエージェント(マジェンタ組)
PC③④…UGN武上支部に所属するエージェントとレネゲイドビーイング(コバルト組)
二つの街で起きたジャーム化事件が、隠匿されつつあった。
そんな中、UGN小佐古支部に1件の通知が届く。
PCは支部長の意思を背負い、武上町へと向かう。

男子C
男子C

ダブルクロスの2ペアもの。
メインPCとサブPCがいるスタンス。

男子C
男子C

①②でコードマジェンタ
【紅紫法典】って
シナリオを行って

うんうん

岸かれか
岸かれか
男子C
男子C

そっから、③④で
コバルトプラン【蒼蒼計画】を行う

その後に合流って感じ?

岸かれか
岸かれか
男子C
男子C

そうそう、
最後は
パーフェクトグレイ【曖昧十全】って
シナリオで4人集まる。

本来は紅紫法典①②と、蒼蒼計画①②が
①②③④として改めて行く流れですが、
便宜上、PC①~④にしています。

男子C
男子C

……と言っても、
今回はDirty Pairとしての
赤と青を基調とした
サムネイルを見たい。

確かに、
立ち絵も色合いが赤青だから
原色強めな色にしても
行けそうな気がする

岸かれか
岸かれか
男子C
男子C

それなら幸い。

使うツール(Canva)

Canvaを使いますが、
パワーポイントや他ツールでも可能!

簡単にコラージュして画像を作る系のツールならOK

ツールは、
いつも通りCanva使うよー

岸かれか
岸かれか

有料使っているけど、
ソシャゲの課金的な恩恵
あるだけだから
無料でOK!

岸かれか
岸かれか

立ち絵仮置き

立ち絵をざくっと置いて、
場所や立ち位置決めをします。

PC番号順になることが多いですが、場合によっては変更することも◎

今回はダブルクロスのシナリオをお借りしているので、
PC1を前にする配置にしています

ぱぱっと置いてみたけど、
こう?

岸かれか
岸かれか
男子C
男子C

かなりいい感じ!
横文字のタイトルだから
中央余白って埋められそう?

…なるほど?
じゃあ、こう?

岸かれか
岸かれか

男子C
男子C

…あー……。

男子C
男子C

ペア、変ったな…?

私もそう思った。

岸かれか
岸かれか

うーん、余白埋めつつ、
二人の繋がりをー……、

岸かれか
岸かれか

こうかな?

岸かれか
岸かれか
男子C
男子C

元鞘に戻った感

よーし!

岸かれか
岸かれか

ダブルクロスなので、とりあず裏切りを意味する言葉を入れてみる

入れたいので、入れました。

男子C
男子C

中央の区切りを
誤魔化したい


――ダブルクロス、
それは裏切りを意味する言葉

男子C
男子C

って
入れてもらえるか?

はいはーい

岸かれか
岸かれか

閑話タップで開く:湧いて出てきたので格納しております
男子D
男子D

ダブルクロスだ。

男子C
男子C

湧いて出たな

男子D
男子D

今出てても
ノイズだし
ジャームだと思うから
すぐに帰る

私の応援は
全然来ないのに
そっちだけ2人も来て、
ずるくない?

岸かれか
岸かれか
男子C
男子C

人徳あげろ

ふふん、かれかって
放置すると可愛いから
皆で可愛がってるだけ!
じゃあねー

夏日まわり
夏日まわり
男子C
男子C

……お、おう…。

文句言う前に、消え去った…

岸かれか
岸かれか

タイトルロゴを入れる

タイトルロゴが入る余白がある為、入れてみる

丁度上の部分に
タイトルロゴ入りそうだね?

岸かれか
岸かれか
男子C
男子C

なら、頼んだ。

!!!!
……ッ、頼まれた!

岸かれか
岸かれか

男子C
男子C

格好良いかよ

いいね、
これすごくいい感じ!

岸かれか
岸かれか

背景を付ける

男子C
男子C

コードマジェンタと
コバルトプラン混ぜた感じの
サムネイルが良いから、
赤・青って行けるか…?

男子C
男子C

まあ、明度とか彩度合わせりゃ
なんとかなるか

明度とは色の明るさの事で、
明度が高ければ”白”に近づき、低ければ”黒”に近づきます。

彩度とは、色の鮮やかさのことで、
彩度が高ければ”ビビットな色”となり、
低ければ”白、黒、灰色”(無彩色)となります。

説明引用元&見本が載っている例↓

思ったより、
詳しい…

岸かれか
岸かれか
男子C
男子C

…あー、
これ詳しいになるのか。
もうちょい普通な対応がしたい

生徒役だからって、
そこまでしなくていいよ!
助かってるしねー

岸かれか
岸かれか

プラン1!
原色原色しないように、
だんだん暗い色になる背景で
調和していく感じかな?

岸かれか
岸かれか
男子C
男子C

中央の区切りって、
目立ちそうだな?

どうだろう、
とりあえず敷いてみる…ね!

岸かれか
岸かれか

男子C
男子C

いや、気にならないな。
格好良いサムネイルだろ、
これ

これこれこれ、
格好良いよね!

岸かれか
岸かれか
男子C
男子C

余白気になる部分あっけど、
まだPC番号とか書いていないから
むしろ、正解って感じ

PC番号などを入れてみる

感覚的にそれっぽいところに置いていますが、

①「顔周りが目立つ」ので、胴体あたりにPLなどを配置
②横向き文字の方が読みやすい
③余白や配置によっては縦向き文字を選んでも〇
④HOやPC概要は余白埋め・添えるだけ要素寄り

の意識で置いています。

よーし、
PL付けるね

岸かれか
岸かれか
男子C
男子C

そうだな。

で、PLの近くに
PCの説明をを入れて、
余白を埋めてみようかな

岸かれか
岸かれか

男子C
男子C

いい感じ!

で、最後にPC名!

岸かれか
岸かれか

サムネイルは「顔」が大事!について

サムネイルは「ぱっと見の印象重視」かつ、
小さくても見えるようにが◎


その為、一回小さくして確認することも大事

かなり小さくしたサムネイル↓

男子C
男子C

いや、
最高なんだけどさ

うんうん、だよね
天才なので

岸かれか
岸かれか
男子C
男子C

あー……
その、さ

あっ、大丈夫大丈夫。
言ってるだけで修正あったら、
即直すから!

岸かれか
岸かれか
男子C
男子C

いや、足りないのは分かるんだけど
何処が足りないのかがさ、
自己嫌悪中。

男子C
男子C

まとまりすぎてるっつーのか、
……!
 分かった。

分かった?

岸かれか
岸かれか
男子C
男子C

Youtubeのサムネイルだと、
弱くないか、これ

……ごめん、
言われてみればそうかも

岸かれか
岸かれか
男子C
男子C

いや、
こっちこそ悪い

異能力感出したかったけど、
エフェクト回りは
無視して顔アップでも良い?

岸かれか
岸かれか
男子C
男子C

勿論、OK!

あと、
裏切りを――も削除で良い?

岸かれか
岸かれか
男子C
男子C

気にしないで良い。
やってくれ

…え、いい……?
そ、それなら、いけるかも。

岸かれか
岸かれか

こんな感じで……、
いいかな?

岸かれか
岸かれか

男子C
男子C

…!

男子C
男子C

インパクト強くなったな

顔大きくしただけ
なんだけどね…!

岸かれか
岸かれか
男子C
男子C

確認の為に
小さくしてみよう

男子C
男子C

……いい。
負けないサムネイルだなこれ

男子C
男子C

本当なら、
タイトルロゴ中央のが
いい気はすっけど、
PC1の身長小さい感が欲しいから
此処は弄らないで欲しいし、
これで完璧

いけそう?
良かった…!

岸かれか
岸かれか

パーツ分け・テンプレート

作ったサムネイルを、
パーツ毎に分けてみたよ

岸かれか
岸かれか

パーツ分け

サムネイルテンプレート

男子C
男子C

Canvaで
テンプレート使いたい人は↓から

他:参考例

男子C
男子C

ダブルクロスだと
PC番号ごとの兼ね合いも
サムネイルに入れて作ってもらったから、
紅坂さんのサムネイルも参考にする。

赤・青の背景で例を作るのが
特例だったからね…

岸かれか
岸かれか
ゆるい余談
男子C
男子C

紅坂さんのサムネイル……、
“あの”紅坂さんだ。

……?
“あの”、なの?

岸かれか
岸かれか
男子C
男子C

いや、配信画面の作り方説明の時に
俺が「紅坂さん」を
連呼し過ぎたせいで

男子C
男子C

読者の方に
「紅坂さんが突然出てきた。」
「紅坂がいれば何でもできる」って
言われてて
面白くなって、つい乗った。

該当記事↓(紅坂さんCSS作ってくれている有難い方です…)

男子C
男子C

紅坂さんのファンボ
立ち絵の表情差分を
動画・配信に反映できる
ツール
配布してるから
気になる人は是非どうぞ

配信卓でも表情差分を反映させるツールの使い方↓

宣伝してる…

岸かれか
岸かれか
男子C
男子C

俺も
「立ち絵反映が出来たらいいな」と
言っていた側だからさ

…4PLどの子も
平等に映ってて、
すごく良い配置かも…!

岸かれか
岸かれか
男子C
男子C

だよなー?
だから、
テンプレート参考として、
見せる許可もらった。

※著者が元からお話している方だったので、
 頼みやすかった事もあります。

他の皆様の素敵サムネイルも此方にて掲載しております↓

男子C
男子C

流石に借り物だから、
詳しく作り方は伝えないけど
テンプレートみたいに
するならこんな感じ

テンプレート自体も
かわいくない…?

岸かれか
岸かれか
男子C
男子C

そうそう、
シンプルにすると
更にセンスある構図だな―って
実感した

関連記事

TOP

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

この記事を書いた人

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

目次