TRPGサムネイルシリーズ記事系列
作例
立ち絵はにじジャーニーより生成。
エントロピー・メルトダウン
![](https://sazano123.com/wp-content/uploads/2023/06/image-3-3-1024x512.webp)
本作は、「 株式会社アークライト 」及び「株式会社KADOKAWA」が権利を有する『クトゥルフ神話TRPG』の二次創作物です。
Call of Cthulhu is copyright (C)1981, 2015, 2019 by Chaosium Inc. ;all rights reserved. Arranged by Arclight Inc.
Call of Cthulhu is a registered trademark of Chaosium Inc.
PUBLISHED BY KADOKAWA CORPORATION
–
2PLのサムネイル:流れ
立ち絵をざくっと置いて、場所や立ち位置決めをします。
…が、2PLの場合は左右に配置するだけ!
まず、2PLに関しては、
こういうの多い!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-3-4-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
バランスよくするなら
自然に左右配置になるしな
使うツール(Canva)
Canvaを使いますが、
パワーポイントや他ツールでも可能!
簡単にコラージュして画像を作る系のツールならOK
ツールは、
いつも通りCanva使うよー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-30-3-1024x538.webp)
有料使っているけど、
ソシャゲの課金的な恩恵が
あるだけだから
無料でOK!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
今回使った素材たち(2PL)
本来なら試行錯誤しながら
この素材かな…?って
迷うことはすごくあるよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
とはいえ、そんな所で
時間を割くわけにはいかないから
一回作ったのを
再構成する形で進めている
ということで
今回作ったパーツたちは
こんな感じ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-29-3-1024x538.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-11-3-1024x538.webp)
立ち絵を置いてみる
基本的に立ち絵は大きく!
全身あるから映さないと勿体ない気持ちもあるけれど、
顔のみやバストアップの方が映える
まずは、何も考えず
左右に立ち絵を配置するよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-4-4-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
明らかに
身長差が可笑しいな
そうなの!
合わせる・統一するが
大事なのが伝わればいいなー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
じゃ、
バストアップに合わせるね
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
立ち絵が向き合っているか、背中合わせか。
仲良い印象を持たせたい!
→向き合わせる
仲が悪い・性格がデコボコしている印象を持たせたい!
→背中合わせで視線だけ向いている
さて、
これがバストアップ!
……
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
–
…なんだけど、
2案用意したよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
背中合わせ寄り版
![](https://sazano123.com/wp-content/uploads/2023/06/image-5-5-1024x538.webp)
向き合っている寄り版
![](https://sazano123.com/wp-content/uploads/2023/06/image-9-4-1024x538.webp)
どっちの方が
それっぽい?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
それっぽい…か…。
–
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
エントロピーメルトダウンは、
明るくてコミュニティ得意なHO1と
大人しくて才能のあるHO2が
依存するってシナリオになっている。
※継続可シナリオなので、
必ずしもこの雰囲気に合わせなくても〇のシナリオです。
詳しくはシナリオ内情報を参照くださいませ。
性格が正反対って所を
強調するなら背中合わせ、
依存している所を強調するなら
向き合っている方かな。
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
なら、
背中合わせの方で!
![](https://sazano123.com/wp-content/uploads/2023/06/image-5-5-1024x538.webp)
りょうかい!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
タイトルロゴを載せてみる
さっきのタイトルロゴを
載せてみるね
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-7-4-1024x512.webp)
タイトルロゴの配置場所
“タイトル”の為、出来るだけ大きく!
まんなかを推奨
タイトルが
一番大事だから、
真ん中に大きく載せるよー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-13-3-1024x538.webp)
–
背景とかを抜いてみると
こんな感じ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-15-3-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
これだけでも、
既にそれっぽいな
シナリオカラーにしてみる。
シナリオカラーを使うと、それっぽさがかなり出る!
色の印象は大きい為、スポイト大推奨
サムネイルを
シナリオカラーに
合わせるだけで
一気にシナリオらしさが出るよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
–
エントロピーメルトダウン自体の
サムネイルは診断にあるから
その色を借りるね
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
…ずっとエンメルと
言っていた。
エンメロだった
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
※シナリオ省略は被りがない様に作者の方が配慮して付けていることもあるので、
作者の方が明記している場合は、その名称に合わせて下さい。
?
この青色を
スポイトでもらうねー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
スポイトのやり方
スポイトのやり方は簡略版の為、こちらの方が詳しいです↓
![](https://sazano123.com/wp-content/uploads/2022/05/image-2022-05-26T124343.830.webp)
–
背景をクリックして、
カラーを押すよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-16-3-1024x538.webp)
で、
スポイトボタンを押す
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-17-3-1024x538.webp)
診断ページから、
スポイトする!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-18-3-1024x538.webp)
そして、
こんな感じ…!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-19-3-1024x538.webp)
……いい…
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
PLやKP、HOを置く
PL/KPを置く
PLアイコンは合ってもなくてもOK。
ある場合は小さめ推奨。
KPは真ん中か端当たりに配置。
PLはキャラクターに近いところに、配置。
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
だいぶそれっぽいな
![](https://sazano123.com/wp-content/uploads/2023/06/image-20-3-1024x538.webp)
ね、良い感じ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
漫画なら
もう売っても許される
けど、
まだまだ情報足りないから
足していくよー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
HOのラベルをつける
HO付けるよ。
HOの名前も必要な感じ?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
HOは
「どういうキャラクターか」を
示すもので
俺としては結構重要だと思う
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
けど、
ノイズになるなら
全然省いてOK!
![](https://sazano123.com/wp-content/uploads/2023/06/image-21-3-1024x538.webp)
うーん。
概要欄にある情報入れたいけど、
長くても読まれないから、
こんな感じかなー?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-4-10.webp)
飾りや装飾編
これで一応完成だけど、
ちょっと寂しいかな?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-21-3-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
なら、
飾りつける流れか?
ほほう?
つけて、いい?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
そうして
もらえると助かる!
ふふん。
この分野は岸かれかに、
まかせてほしいな♡
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
–
此処での注意は
「色は統一した方がすっきりする」!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
なるべく、新しい色を
使わないってことだな?
そうそう、
色変えられる素材で黄色か青、
もしくは白か黒にしていくよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
枠線
結構使いがちだけど、
映画みたいに
上と下に線があるだけで
なんか格好良く見えちゃうから
枠線で囲ってみるね
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-22-2-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
かなり収まり良くなるな?
元々黄色い長方形が、
周りにあるから
統一感すごくいいよね!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
シナリオのモチーフの確認
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
ネタバレにならない様に
概要欄にある情報だけを整理する
…となると、
また診断ページのトレイラーを見る?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
見る
……傘と魚?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
そうだな
シナリオモチーフを散らしてみる。
モチーフは余白を埋める道具で、
モチーフが目立つのは△。
「タイトルロゴ>>>PC>HO>PL>>その他」
でOK
基本的には最背面に置く様にする。
傘と魚を持ってきたよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
ついでに言うと、
全部Canvaの素材だから、
検索すれば出てくるよー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
–
–
シナリオトレイラー雰囲気が
手書きやシンプルな印象だから、
それに寄せて持ってきている
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-24-3-1024x512.webp)
空欄を少し埋める感じで
モチーフを散らしていく。
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
余白部分の確認
余白が気になる場合のみ、
余白にモチーフを入れる感覚。
そのため、寂しい感じのする余白を把握する。
まずは
「なーんか寂しいなー」って所に
マークをつけていくよー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-22-2-1024x538.webp)
うーん、
気になる余白部分、
ここかな?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-2-11.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-25-3-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
……
妙にお洒落な感じなったな?
と言っても、
書いてある言葉は
「気になる余白」だけどね?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-4-10.webp)
モチーフを入れる時の視線誘導の話。
①入れる場合は
なるべく両方ににもモチーフを入れるようにする。
→モチーフが左右どちらかに偏る場合は、
そちらにだけ目が行ってしまう。
②サムネイルは「タイトル」を見てもらうようにする
別の部分に情報量やイラストが多いと、
タイトルがかすんでしまって、一目で言葉が伝わらない。
一旦入れたけど…
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-4-10.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
けど?
![](https://sazano123.com/wp-content/uploads/2023/06/image-27-2-1024x538.webp)
うーん、HO2の方に
書き込みが多いから
こっちに目が行っちゃう感じがするかも
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-4-10.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
さいとうなおき先生が言いそうな感じの台詞
そうなの?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-5-12.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/6_144-3-300x300.png)
アーカイブが消えているせいで、
引用できないけど、
視線誘導はそこから学んでる
–
–
![男子C](https://sazano123.com/wp-content/uploads/2021/04/5_144-1-300x300.png)
重複する話だろうけど、
「タイトルに目が行く」が、
重要なのに、
これだと
右上に目が持ってかれるな…?
!
それなら、
同時に解決できるかも。
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
–
–
–
白色で左の子にも
魚を足すねー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
–
–
–
–
![](https://sazano123.com/wp-content/uploads/2023/06/image-28-2-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
……頭良いな、これ
–
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
これなら、
黒い魚に目が行って、
魚の進行方向がタイトル。
考えが好きだわ
いやー、かしこいなー
かしこいな、かれかはー
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-3-8.webp)
–
–
さらに、かわいい!
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
OK、
修正に行こうか
お?お?
スルーするじゃん?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-4-10.webp)
軽度修正
修正の時に見るのは
「統一できる形・色はあるか」
ある場合は、統一すると
まとまりが良くなることが多い。
黄色の枠で
囲っているスタイルで
統一していたから、
PLとKP枠も同じにしたよ
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
![](https://sazano123.com/wp-content/uploads/2023/06/image-29-2-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
サムネイルっぽいな
まさに究極で無敵の
サムネイルだよ?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-1-13.webp)
テンプレート
![](https://sazano123.com/wp-content/uploads/2023/06/image-3-4-1024x538.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/1_144-300x300.png)
この型のテンプレートは、
↓に入れておいた
あれ、
Canvaテンプレートリンクは面倒って
言ってなかった?
![岸かれか](https://sazano123.com/wp-content/uploads/2022/10/image-5-12.webp)
![男子C](https://sazano123.com/wp-content/uploads/2021/04/2_144-1-300x300.png)
Bのアカウントから
リンク作った。
–
関連記事
-
TRPG配信でキャラクターステータスやキャラクター紹介画像のデザインまとめ、TPRG 配信 キャラクター 画像や探索者ステータス画像、共鳴者ステータス画像などのまとめ
-
漫画化幻覚テンプレートまとめ、TRPG素材、探索者ディスプレイ関係など。非公式素材もあるので用法用量、規約など守ってご利用くださいませ
-
TRPGサムネイルの作り方:後編① 2PLのサムネイルを作ってみる!テンプレートと理論を使って作ってみる
-
お部屋やサムネイルを作る際に守って欲しいことなどや、規約の話。TRPGのロゴやトレイラー画像の使用などの画像権利関係や立ち絵の商用利用の話。
-
TRPGサムネイルの作り方:後編② 4PCのサムネイルを作ってみる!ニュアンス寄りにざっくり作る
-
TRPGトレイラー4枚を作る前編!キャッチコピー編!Canvaを使ったトレーラー作成方法。キャッチコピーや人を引き付ける台詞をどうやって作るのか、キャッチコピーやタイトルを付けるコツや型について紹介!
-
自分でロゴを作成してみる。ココフォリアでのタイトルロゴ。ざっくりロゴ作成方法、ロゴっぽいのを作る!、ロゴの作り方、トレイラー・サムネイルの作り方、VtuberさんやTRPGシナリオなど簡単なロゴが合った方が良いからそれとなく作ってみたい人向け!
-
立ち絵ディスプレイの作り方、TRPGでキャラクターの立ち絵やビジュアルの背景を作るやり方、絵が描けなくても無料ツールで出来る方法。応用すればトレイラーの作り方にも!
-
YoutubeのTRPGサムネイル参考一覧まとめ:配信者さん、Vtuberさんにお願いしてTRPGサムネイルをお借りしたのを纏めております。※随時更新予定
-
YoutubeサムネイルやTRPGトレイラーで使える画像の作り方。無料ツールを使っての画像作成の仕方、動画サムネ画像を簡単作成!インストール不要なツールCanva無料版にて作成
-
TRPGトレイラー4枚を作る後編!トレイラー画像編!Canvaを使ったトレイラー作成方法。概要に何を書くのか、シナリオのロスト率基準について、1枚目から4枚目って何に書いているのか。Twitterでもおしゃれに見えるトレーラー画像を作る!
-
TRPGサムネイルの作り方、始め方。前編:素材準備や説明編の話、どうしてサムネイルを作るのか?見本のサムネイル一覧ページや権利関係の話やロゴの作り方、立ち絵等の話。
–
–