見出し画像

YouTubeサムネイルの作り方:文字を目立たせる20のテクニック

こんにちは!
サムネデザイナーのヒロです。

YouTubeサムネイルは動画の第一印象。

特に文字がぱっと目に付くように配置されていると、ユーザーの注目を集めやすく、クリック率(CTR)が劇的に向上します!

もちろんチャンネル全体の成長にも大きく関わってきます。

しかし、一口に文字を目立たせると言っても方法は色々です。

そこで、今回の記事ではサムネイル上の文字を目立たせるデザインテクニック20選をプロの目線で紹介します。


こちらが今回のベースとなるサムネイルです。

コピーは思いつき

王道の3行レイアウトです。
サムネイルのレイアウトについては、図のようなイメージで下記の記事で解説しています。

(読まれています!)

サムネイルの作り方全般については、こちらの記事で解説しています。

読まれています!

サムネイルのシンプルな作り方

では、サムネイルの文字の目立たせ方を、最もシンプルな方法から紹介していきます。

後ろに黒の透かしを入れて、明るい文字を前にする
後ろに黒の透かしを入れて、文字の塗りを0にしつつ縁をつける
文字に光彩(外側)をつける
文字にドロップシャドウをつける

極めてシンプルな方法ですね。
図にまとめるとこんな感じです。

youtubeサムネイルデザインの作り方解説その1

サムネイルに袋文字を使った作り方

基本にして王道!袋文字を使って、サムネイルの文字を目立たせる方法です。

今回は白黒+赤黄にしているように、一般的な配色のコツは白黒+2~3色に色を絞ることです。

王道の袋文字。これだけでもかなり目を引きます。
文字に線ふきだしでちょっと変化を入れるのもあり
文字にパースをつけて立体感を出すのもあり
文字にシアー(斜体)をかけつつ傾ける

図にまとめるとこんな感じです。

youtubeサムネイルデザインの作り方解説その2
これだけでも全然違います。

サムネイルに帯やラインを使った作り方

続いては帯やラインを使ったサムネイルの作り方です。

文字の後ろに帯をいれる
文字の後ろに帯を入れて、さらに袋文字にする
文字の後ろにアンダーラインを入れる
袋文字にアンダーラインを入れつつ斜体にして傾ける
youtubeサムネイルデザインの作り方解説その3

サムネイルにシェイプを使った作り方

まだまだ続きます!

文字を四角の中に入れる
四角の色を交互にしても面白い
文字を円のなかに入れるものアリ
菱形のなかに入れるのもアリ
youtubeサムネイルデザインの作り方解説その4

サムネイルにふきだしを使った作り方

最後にふきだしを使ったサムネイルの作り方です。

横長の長方形を入れる
ふきだしを入れる
ギザギザのふきだしを入れる
重要な部分にモザイクをかける

こちらも図にまとめてみました。

youtubeサムネイルデザインの作り方解説その5

無料データ配布

今回の取り上げたサムネイルのオリジナルデータについては、下記のページで無料配布中です。

Adobe PhotoshopとIllustratorの両方に対応しています。こちらも是非ご覧ください。


当アカウントでは、PhotoshopやIllustratorのTipsや、サムネイル、デザインに関するテクニックを配信しています。定期的に無料配布等も行っていますので、是非フォローをお願いいたします。

それではまた!

いいなと思ったら応援しよう!