Photoshopで作るYouTube用カスタムサムネイル

YouTubeテクニック

YouTubeで多くの再生回数やチャンネル登録者を望むのであれば、カスタムサムネイルにも気を使う必要があります。ユーザーが動画を見るかどうかを決める材料は「動画タイトル」と「サムネイル画像」の2つしかありません。よりたくさんの方に動画を見てもらうには、より興味を引きつけるようなサムネイル画像を用意する必要があります。

そこで、今回はどのようなポイントに気をつけて作成すべきなのかも含め、実際にPhotoshopでカスタムサムネイルを作成する手順をご紹介します。

Photoshopでのサムネイル作成手順

元画像を用意する

WS000270
まず、サムネイルのベースとなる画像を開きます。画像については特徴的なシーンを動画編集ソフトの静止画書き出し機能を使って書き出しおきましょう。

人物をマスク抜きする

WS000271
YouTubeではできるだけ人物を目立たせたほうが、サムネイルのクリック率が上がると言われています。その為、今回の例でも人物の顔が大きく写っている写真を選んで見ました。人物をさらに目立たせるには人物をマスク抜きし、背景と人物の区別をハッキリさせる方法が効果的です。

Photoshopの場合は「クイック選択ツール」で人物をなぞるようにして選択するだけで簡単に人物だけの領域を選択することができます。選択ができたら新しいレイヤーを作成し、そこにコピーした選択領域を貼り付けましょう。ここではマスク抜きの細かなやり方については割愛しますが、他の多くのブログで既に紹介されているので検索してみてください。

背景を設定する

WS000272
人物のマスク抜きが完了したら、新しいレイヤーを作成し背景を設定します。背景は色が明るめ、もしくは薄めのものであまり目立たないものを選び、人物のマスク抜きがより引き立つものを選びましょう。単にレイヤーを単一のカラーで塗りつぶして背景としてもよいのですが、今回はフリーの背景素材を使用しています。このような素材を使用すると、サムネイルの質がぐっと高まりますのでオススメです。フリーの背景素材は下記のサイトなどで取得することが可能です。

screenshot

背景素材フリードットコム
http://www.haikei-free.com/

人物をマスクに光彩を適用する

WS000273
「レイヤー」→「レイヤースタイル」→「光彩(外側)」と選択していき、人物の周りに白いモヤモヤとしたものをつけます。こうすることで、より人物が引き立ち、マスクの境界線が目立たなくなる効果もあります。今回は白色の光彩を適用しましたが、黒や紫などの光彩を使用すると、恐怖感やダークな雰囲気を出すことができます。

飾り素材を追加する

WS000274
今回はさらにサムニエルの雰囲気を豪華に演習するために、人物の後ろに光が差し込むようなイラストを挿入してみました。私は自分で作成しましたが、このような素材はフリーでたくさん公開されていますので、それらを利用するとよいでしょう。日本のサイトでいうと以下の2つがオススメです。


テキストを追加する

WS000275
背景のある程度できてきたら、文字を追加していきましょう。文字を追加する際にはまず文字の大きさに注意しましょう。YouTubeのサムネイルというものは関連動画欄に小さく表示されることもありますので、視聴者が読みやすいように大き目の文字にしましょう。

また、文字に使用するフォントはパソコンに元から入っているようなゴシック系の文字だと、どうしてもダサくなりがちです。フォントにつていは日本語も使えるフリーのものが多数公開されていますので、それらのフォントを使用しましょう。フォントを変えるだけで雰囲気ががらっと変わります。ちなみに、上記の例で使用しているフォントは無料のポップ体フォント「けいふぉんと!」です。

screenshot

日本語のフリーフォント164種類のまとめ
http://coliss.com/articles/freebies/best-of-free-japanese-fonts-for-2015.html

テキストを装飾する

WS000280
最後に挿入した文字を「レイヤースタイル」で装飾し、文字をより目立たせましょう。今回はポップな雰囲気にするために、太目のエッジを付けたり、少し立体的な文字にしてみました。


例で使用している「レイヤースタイル」では「ドロップシャドウ」、「光彩(外側)」、「べベルとエンボス」、「境界線」の4つのレイヤー効果を使用しています。

レイヤー効果はテキストレイヤーを右クリック、「レイヤー効果」選択で追加できます。

以下、「ドロップシャドウ」と「光彩(外側)」の詳細設定。

以下、「べベルとエンボス」と「境界線」の詳細設定。

また、これらのレイヤースタイルを適用したあとに「自由変形」機能で文字に躍動感をつけています。

完成したカスタムサムネイル

GrAABBBAAeen4_hahuhahu20141dd123125939
最終的にできあがったカスタムサムネイルがこちらです。

YouTube上では視聴者がその動画を見てくれるかどうかが、動画タイトルとサムネイル画像にかかっています。それだけサムネイル画像は重要です。

上記の例のように文字を入れたりした凝ったサムネイルが正解というわけではありませんが、暗くて何が写っているのかよく分からないサムネイルなら、少し明るさやコントラストを上げるだけで”見やすい”サムネイルとなり、より多くの方に動画を見ててもらえるチャンスを増やすことができるかもしれません。ぜひ、サムネイルにもこだわってYouTubeチャンネルを運営してみてください。

もっと簡単・無料でサムネイルを作る方法

osiisト
このブログではPhotoshopを使わなくても簡単にサムネイルを作る方法も公開しています。
下記のリンクからご覧下さい。

 
 



はてなブックマーク Google+でシェア

関連記事

YouTubeに動画を投稿する時間はいつが適切なのか?

動画投稿する時間はいつがいいのか? チャンネル登録者を多く抱えているチャンネルでYouTubeで再

記事を読む

YouTuberは顔出ししないとダメなのか?

これからYouTuberになろうと思っている方もいるかと思いますが、まず「顔出し」をしようかどうかで

記事を読む

オープニング映像でYouTubeチャンネルのブランドイメージを高めよう!

ブランディングイントロという言葉をご存知でしょうか? ブランディングイントロとはYouTube

記事を読む

チャンネルアートの作り方と参考にしたい人気YouTubeチャンネル

チャンネルアートはパソコンやスマートフォンでチャンネルページを開いたときに表示される大きな画像部分の

記事を読む

YouTuberになってから買ってよかったもの

私はYouTuberとしての活動をはじめて8年ぐらいになるのですが、YouTuberになってから買っ

記事を読む

Comment

  1. レナ より:

    とても良い記事ですね!真似してサムネイルを作成してみたら、明らかにクオリティが高まりました。素材サイトはあまり利用したことがなかったのですが、今後は活用させていただきたいと思います。ありがとうございました。

  2. morumotto より:

    非常に参考になりました。
    >>例で使用している「レイヤースタイル」は「ドロップシャドウ」、「光彩(外側)」、「べベルとエンボス」、「境界線」
    ・・・なんとか真似したいのですが、うまくいかず。。。
    ここの設定詳しく教えて頂けませんでしょうか?

    • youtuber_hack より:

      ご質問あありがとうございます。確かにあの記述だけでは分かりにくいですよね。

      レイヤーウィンドウと、レイヤー効果の設定画面をキャプチャしたものを掲載致しました。参考にしてみてください。

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

YouTuberにオススメなワイヤレスマイク

ワイヤレスマイクを使うYouTuberが急増中 私は5年

YouTubeは今からでも稼げるのか?まだ遅くはない!

最近はYouTuberになる方が急激に増えてきており、これから初めても

YouTubeのチャンネル登録者を増やす方法とテクニック

YouTubeのチャンネル登録者を増やす方法

YouTubeで収益化を無効にされる原因とは【収益化アイコンが黄色になる場合】

YouTubeで収益化を無効にされる原因とは 収益化でき

動画編集用パソコンは10万円で買えるのか?

動画編集用パソコンは10万円で買えるのか? 私は普段、よく友

視聴者に嫌われるYouTuberの特徴

視聴者に嫌われるYouTuberの特徴を調査してみた 私

  • 人物:YouTuber
    YouTuber歴8年。
    登録者数10万人のチャンネルを適当に運営している。
    ここは文字で伝えたいことを書くところ。
    お問い合わせ・お仕事のご依頼はこちらから。
    お問い合わせページ
  • follow us in feedly
PAGE TOP ↑