MENU
プロフィール背景画像
ソラノ
DTPオペレーター
DTPオペレーター|ブログやTwitterで初心者にもわかりやすいデザインテクニックを発信しています| Photoshop歴13年|アドビ認定アソシエイトと色彩関連の資格を取得|現在はココナラで「Photoshopの使い方」のお仕事を承っております。

【Photoshop】YouTube用のサムネイルの作り方をわかりやすく解説

サムネイルの作り方サムネイル
あみちゃん

YouTubeのサムネイルを自分で作ってみたいな〜

このような悩みに答えていきたいと思います。

この記事の執筆者
ソラノグラフィックプロフ

YouTubeで動画を配信するときに必ず必要になるのがサムネイル制作

自分の発信内容にあったサムネイルを作るのって案外難しいんですよね。

あみちゃん

フリー素材を探してきても、なかなかしっくりこないんだよね〜

そこで本記事では、Photoshopを使ったYouTube用のサムネイルの作成方法を解説します。

ソラノ

画像つきでわかりやすく解説していきます。

この記事を読んでサムネイルの作り方の基本をマスターすれば、自分にピッタリのサムネイルを作ることが出来るようになりますので、ぜひ参考にしてくださいね。

この記事の内容

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

サムネイルの作り方31

これから説明する順番で進めていけば、上記のようなシンプルなサムネイルなら誰でも簡単に作ることができます

ソラノ

それでは早速作ってみましょう。

台紙の作成手順

STEP
新規ファイルを作成する

まず上部メニューの「ファイル」から「新規」を選択します。

サムネイルの作り方1
STEP
サイズを入力する

新規ウィンドウにお好きなファイル名を入力し、サイズを入力します。

YouTubeのサムネイルサイズは「幅:1280px」「高さ:720px」「解像度:72」になります。

サムネイルの作り方2
STEP
完成

これで完成です。

サムネイルの作り方32
あみちゃん

台紙作りは簡単ね!

ソラノ

次は台紙に素材を入れ込んでいきましょう!

素材を用意して入れ込む

STEP
素材のあるファイルを開く

台紙ファイルを開いている状態で、素材のファイルを開きます。

サムネイルの作り方3
STEP
台紙に素材を入れ込む

素材ファイルの「背景」を台紙ファイルにドラッグ&ドロップします。

サムネイルの作り方4
あみちゃん

素材のレイヤーを直接入れるだけなのね。簡単!

サムネイルの作り方5
STEP
配置を調整する

ツールバーから「移動ツール」を選択します。

サムネイルの作り方33
STEP
素材を移動させる

素材を好きな位置に移動させましょう。

見やすさなどの観点から「左側に文字」「右側に人物」を配置する事が多いですね。

サムネイルの作り方34
STEP
自由変形を選択

上部メニューの「編集」から「自由変形」を選らびます。

サムネイルの作り方6
STEP
好きな大きさに調整する

四角のポイントを掴んで好きな大きさに調整します。

サムネイルの作り方7
STEP
完成

これで、素材の入れ込みができました。

サムネイルの作り方9
ソラノ

次はいよいよ文字入れをしていきます。

文字を入力する

STEP
文字ツールを選択

左側のツールバーから文字ツールを選択します。

サムネイルの作り方10
STEP
文字を入力

文字を入力したい箇所をクリックすることで、文字を入力することができます。

入力が終わったらキーボードの「esc」ボタンを押すことで決定になります。

サムネイルの作り方11

改行をしてしまうと後々調整に手間がかかってしまうため、一行ごとに入力していくのがおすすめです。

サムネイルの作り方12
ソラノ

改行しないほうが後で調整しやすいですよ。

STEP
文字の大きさを変更する

画面上部にある「文字ツール」のプロパティーで、文字を好きな大きさに変更することができます。

サムネイルの作り方13
STEP
完成

これで文字入力は完成です。

サムネイルの作り方14
ソラノ

次は背景や文字の装飾をしていきましょう。

あみちゃん

なんかサムネイルっぽくなってきた!

背景の装飾

STEP
新規レイヤーを作る

新規レイヤーアイコンをクリックして、背景の上に新規レイヤーを作ります。

サムネイルの作り方15
STEP
好きな色で塗りつぶす

上部メニューの「編集」から「塗りつぶし」を選択します。

サムネイルの作り方16

内容は「カラー」を選択。カラーピッカーで好きな色を設定したら「OK」ボタンを押します。

サムネイルの作り方17
STEP
完成

これで背景の装飾は完成です。

サムネイルの作り方18
あみちゃん

最後は文字の装飾だね!

文字の装飾

STEP
レイヤースタイルを開く

まず装飾したい文字レイヤーを「ダブルクリック」して「レイヤースタイル」を開きます。

サムネイルの作り方19

レイヤースタイルはとても奥が深いので、今回は割愛させていただきます。

サムネイルの作り方20
ソラノ

今回は最も簡単で、使用頻度の高い「文字のフチ付け」のみ作っていきます。

STEP
レイヤー効果を作成する

「レイヤースタイル」の左下にある「fx」マークを押して、「境界線」を選択します。

するとチェックマークの入った「境界線」ボックスが現れます。

サムネイルの作り方21
ソラノ

fxは「レイヤー効果」の略称です。

STEP
詳細設定を入力する

「境界線」を選択している状態で、右に表示されている設定を下記のように入力していきます。

サイズは「15px」フチのカラーはお好きなカラーを設定してください。

サムネイルの作り方22
STEP
文字自体の色を変更する

見やすくするためにフチに合わせて文字本体の色も変更していきます。

左の「文字ツール」を選択し、色を変えたい文字の上で「ダブルクリック」します。

最後にお好きなカラーを設定すれば完成です。

サムネイルの作り方23
STEP
完成

その他の文字にも同じ処理を加えれば完成です。

サムネイルの作り方24
あみちゃん

サムネイルっぽくなってきた!

ソラノ

ほとんど完成ですが、最後に少し手を加えましょう。

色ボックスを作って装飾する

STEP
選択ツールで選択する

左側にあるメニューバーから「選択ツール」を選択します。

続けて画面の好きなところで四角い選択範囲を作ります。

サムネイルの作り方25
ソラノ

次で調整するので、今は適当な大きさで大丈夫です。

STEP
選択範囲を変形させる

続けて、上部のメニューから「選択範囲」をクリックして「選択範囲を変形」を選択します。

サムネイルの作り方26
STEP
好きな形や角度に調整する

選択範囲の「四角ポイント」を使って自由自在に調整することができます。

形が決まったら、右上の「○」ボタンを押して決定します。

サムネイルの作り方27
STEP
選択範囲に好きな色を塗る

続けて「新規レイヤー」を背景のレイヤーの上に作ります。

次に上部メニューの「編集」をクリックして「塗りつぶし」を選択して好きな色に設定します。

サムネイルの作り方29
あみちゃん

背景を作った時と同じ方法だね!

サムネイルの作り方30
ソラノ

同じように他の箇所にも、色ボックスを作っていきましょう。

STEP
完成

これでサムネイルの完成です。

サムネイルの作り方サムネイル
あみちゃん

できた〜!(歓喜)

ソラノ

最後に「jpeg」形式で保存しましょう。

JPEG形式で保存をする

STEP
別名保存を選択

まず上部メニューの「ファイル」から「別名で保存」を選択します。

サムネイルの作り方1-1
STEP
JPEG形式に設定する

好きな「ファイル名」を入力、フォーマットを「JPEG」にして「保存」を押します。

サムネイルの作り方1-2
STEP
詳細設定はそのままでOK

詳細設定は特に変更せず、そのまま「OK」を押します。

サムネイルの作り方1-3
STEP
完成

これで完成です!

出来上がったファイルを、「YouTube」にアップロードして使いましょう!

サムネイルの作り方完成
ソラノ

これでシンプルなサムネイルの完成です!お疲れ様でした!

あみちゃん

やった〜!私にもできた!

シンプルなYouTubeサムネイルの作り方:まとめ

サムネイルの作り方31

以上、シンプルなYouTubeサムネイルの作り方でした。

サムネイルを作る手順は大きくわけて5つ。

  1. 台紙を作る
  2. 素材を入れる
  3. 文字を入れる
  4. 装飾する
  5. JPEGで保存する

「YouTube」や「ブログ」など、SNSが主流の現代では、サムネイル制作は基本のスキル

自分の作ったメディアで頻繁に使用しますので、この記事を読んでぜひ繰り返し実践してみてくださいね。

フリーソフトなどでも作ることができますが、自由にカスタマイズして作成したい方はPhotoshopを使ったサムネイル制作がおすすめです。

ソラノ

Photoshopなら、自分だけのサムネイルを簡単に作れます。

Photoshopを使うなら、月々980円で始めることができるフォトプランがおすすめです。

7日間の無料体験もできますので、ぜひチャレンジしてみてくださいね。

\ 7日間の無料体験ができます! /

サムネイルの作り方サムネイル

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
この記事の内容
閉じる