YouTubeサムネイルの文字入れで色と配置を決める

サムネの文字が読めない原因は、たいてい一つです。下地がゲーム画面だからです。

写真やイラストと違って、ゲーム画面は一枚の中で明るさも色も大きく変わります。空は明るく、影は暗く、エフェクトは原色で光ります。そこに文字を置くと、文字の一部だけが背景と同じ明るさになって見えなくなります。

対処は三つに分かれます。下地の側を先に整える、文字のフチで背景から切り離す、背景が邪魔しない場所に置く。実際のサムネは、この三つを組み合わせています。下地の整え方はゲーム実況サムネイルの背景の作り方と選び方に分けたので、ここでは残りの二つを説明します。

先に結論だけ書くと、赤い文字なら外に白、白い文字なら外に黒、下地が定まらないなら白と黒の二重です。置き場所は絵の空いているほうへ寄せ、迷ったら下端に一行にします。

フチの色は、文字の色で決まる

縁取りは飾りではなく、背景と文字のあいだに明るさの差を作るための処理です。ですからフチの色は、文字が何色かで半分決まります。

白い文字には黒いフチを付けます。白は明るさが一番上なので、暗い背景ならフチがなくても読めます。問題は明るい背景のほうで、そこでは黒を回すと明るさの差が最大になります。

けいさんのマリオカートは、画面全体を明るく飛ばしたうえで、白抜き黒フチの一行を置いています。白い下地に白い文字という一番読みにくい組み合わせを、黒フチ一本だけで成立させています。

突然8DXにアプデが来たので久々の野良実況【マリオカート8DX】けいこの事例を見る →

赤い文字には白いフチを付けます。赤は明るさが中くらいなので、暗い背景でも明るい背景でも背景に紛れます。どちらに転んでも読めるようにするには、外側に明るい色を一枚挟むことになります。

キヨ。さんのバイオハザードは、この関係を一枚の中で見せています。上の行は暗い赤に白フチ、下の行は白に暗い赤フチ。同じ二色のまま、行ごとに塗りとフチを入れ替えています。

生まれて初めてバイオハザードをやってみましたキヨ。この事例を見る →

黄色や金も赤と同じ扱いで、白か黒のどちらかを外に回します。まとめると、文字の色が白か黒なら反対側の色を一枚、中くらいの明るさならどちらかを一枚挟みます。

二重のフチは、背景の明るさが一定しないときに使います。中くらいの明るさでムラがある下地や、色が散らばっているキーアートの上では、白一枚だと淡いところで紛れ、黒一枚だと明るいところで浮きすぎます。

よしなまさんのSEKIROは、霞んだ白緑の空に対して、黒いフチのさらに外に白いフチを重ねています。手数は増えますが、背景のどの部分に文字が掛かっても輪郭が残ります。

500回死んだら即終了のSEKIRO-PART1-【SEKIRO: SHADOWS DIE TWICE実況】よしなまこの事例を見る →

ここまでを100件で数え直したものがサムネイルの文字の縁取りは何色にするかです。事例で見比べたいときは文字を太いフチで抜くから辿れます。

一行を色で割ると、二つの塊として読める

長い煽り文を一色で置くと、遠目には文字の帯にしか見えません。よく使われているのが、語ごとに色を変えて一行を区切る方法です。

割り方は用途で決まります。中心になる一語だけ色を変えるのが一番軽い方法です。柊みゅうさんのポケモンは、吹き出しの「ランクマなんて楽勝じゃぞw」のうち「楽勝」だけを赤にしています。煽りの中心がどこかを、読む前に色で示しています。

役割ごとに色を分ける方法もあります。渋谷ハルさんのAPEXは下段を二段構成にして、上段を白、下段の「遂に」を黄色、「マスター到達」を赤に塗り分けます。結論だけを別の色で、しかも一番大きく置いています。

色を増やしすぎると読めなくなります。GONさんのスプラトゥーンは四段すべてで大きさも色も変えていて、これは意図的に情報量で押している一枚です。真似する場合は、隣に並ぶサムネが静かかどうかを先に確認したほうが安全です。理由はYouTubeサムネイルを一覧で目立つようにするで説明します。

事例は語ごとに文字色を変えるにまとまっています。

置き場所は、絵のどこを空けるかで決まる

文字の位置は好みではなく、絵のどこを見せたいかの裏返しになります。よく出てくるのは四つです。

下端に一行。一番多い置き方で、画面幅いっぱいに引き伸ばして下辺に沿わせます。絵の上半分をそのまま残せるので、被写体が中央から上にいるときに向いています。

コブレッティさんのスプラトゥーンは、読む文字が「初使用wwww」の4文字と草だけで、下辺から少しはみ出させて切っています。

熟　練　度　０　ロ　ー　ラ　ー　【splatoon3】【爆速ゆっくり実況】コブレッティこの事例を見る →

上下で挟む。言いたいことが二つあるときに、上を状況、下を企画名のように役割で分けます。中央に絵の帯が残るので、被写体が画面の真ん中にいる構図と合います。

縦組みで左右に立てる。中央を空けたまま文字を大きく置けます。もこうさんのマリオカートは「全員〇す。」を左端、「雑魚ども」を右端に積んで、中央のキャラクターに文字が重ならないようにしています。横書きが並ぶ一覧では、字の向きだけで目に留まるという効果もあります。

【全員〇す】神ゲー「マリオカート8DX」をやります。【マリオカート8DX】実況プレイもこうの実況この事例を見る →

片側に寄せる。画面を縦に割って、片方を文字専用にします。zanさんのぷよテトは対戦画面の片側だけを残して左半分を空け、そこにぼかしをかけて文字置き場を作っています。別の画像を貼らずに、元の画面を加工して余白を確保する方法です。

事例はそれぞれ下端に一行だけ置く、上下を文字で挟む、文字を縦組みにする、左右で役割を分けるにあります。

文字を置かないという選択もある

読ませる工夫の反対側に、書かないという判断があります。文字を足さなければ、読めなくなる問題も起きません。

ヒカキンさんの8番出口は、テロップを一つも書き足していません。左下にあるのはゲーム内の「出口 8 Exit」の案内サインを拡大したもので、タイトル文字の役割を看板の形が果たしています。

【8番出口】何も知らずに脱出ホラーゲーム8番出口プレイしたら大発狂…【ヒカキンゲームズ】HikakinGamesこの事例を見る →

これが成立する条件は、絵だけで何の動画か伝わることです。公式ロゴが読める、演者の顔が知られている、ゲームの画面に見覚えがある。どれかが当てはまれば、煽り文はなくても足ります。

配信の告知でこの判断が多いのは、そもそも書ける結果がまだないからです。事情は配信のサムネイルと編集動画のサムネイルは何が違うかで説明しています。

迷ったときの順番

決める順番は、下地 → 文字の色 → フチ → 位置がやりやすいです。

背景をどう扱うかを先に決めると、文字の色の選択肢が絞れます。暗く落とした背景なら白か金、明るく飛ばした背景なら黒フチの白か濃い色。そこまで決まってから、置き場所を絵の空いているほうに寄せます。

逆に文字を先に決めて後から背景を調整しようとすると、たいてい背景のどこかで文字が読めなくなります。フチを厚くして対処することもできますが、背景の処理を先にしていれば要らなかった手数です。

ここまでの決め方で1枚作ってみるなら、サムネを作るから試せます。画像とタイトルを入れると、画風の違う候補が出ます。