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でチャンネル登録者10000人になるまでの経緯とその方法

チャンネル登録者10000人までの経緯 私のYouTubeチャンネルが今年になってチャンネル

記事を読む

動画のカスタムサムネイルを極めて再生回数をアップさせよう

YouTubeに動画を投稿する際にカスタムサムネイルを設定することは非常に重要です。動画の内容を正し

記事を読む

YouTuberにオススメの動画編集ソフトを紹介する

YouTuberになるときにまず悩むのが動画編集ソフト選び。というわけで今回は、YouTuberには

記事を読む

YouTuberの定番!一眼レフを使った動画撮影とは?

一眼レフで動画撮影するメリット 高画質な映像が撮れる 一般的なビデオカメラに比べて一

記事を読む

4Kの撮影や動画編集をする時に必要なものとは?

最近は気軽に4K撮影できるようなカメラも増え、4K動画の撮影や編集を行う人も増えてきました。ただ、4

記事を読む

Comment

  1. レナ より:

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

  2. morumotto より:

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

    • youtuber_hack より:

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

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

Message

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

ソニーのα7IIIの動画性能をレビューしてみる【サンプル動画あり】

ソニーのα7IIIを購入してから、色んな状況で動画の撮影テストをしてみ

ソニーのα7IIIを購入したので開封レビューしてみる

ずっと待ち望んていたソニーのα7IIIが発表され、発売日当日に手に入れ

YouTuberが使っているフリーフォントは?オススメのフォントをまとめてみた

動画編集では映像内に文字(テロップ)を挿入することがよくありますが、文

一眼カメラ用の外部マイクの選び方とオススメ11選

最近は一眼カメラに外部マイクを装着しての撮影スタイルが増えてきています

収益化の条件が変更!YouTubeで簡単には稼げない時代に

数日前にYouTube動画の収益化(YouTubeパートナープログラム

NEEWERの撮影機材がコスパ最強で便利すぎる

NEEWERというメーカーをご存じでしょうか?映像制作をしている方なら

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