無料PhotoshopチュートリアルYouTubeで更新中>>

【初めてのPhotoshopでもできる】YouTubeサムネイルの作り方<これだけで完璧>

PhotoshopでYouTubeのサムネイルを作る方法
記事内に商品プロモーションを含む場合があります
ちびたじ
ちびたじ

YouTubeのサムネイルを作りたいけど、Photoshopでどうやって作るの?

ちびえりな
ちびえりな

サムネイルを作るのにPhotoshopで必要な基本的な知識を順番に見ていこう!

YouTubeのサムネイルをPhotoshopで作ると、自由自在に自分の好きなデザインをすることができます。

今回はサムネイルを作るときに必要な、サムネイルのサイズを開いて、写真を入れて、文字を入れる方法まで一基本情報をまとめています。

Photoshopは月額1,180円で使える有料ソフトです。
無料体験もできるので、まだ持っていない人はこちらをチェック

【Photoshopどれを買えばいい?】おすすめプラン購入方法とダウンロード方法をわかりやすく解説
Adobe社の画像編集ソフトPhotoshopを購入するのに生じる様々な疑問を解決します。買い方・購入場所・プラン・セール情報・支払い方法・ダウンロード・インストール方法・パソコンの必要動作環境等この記事を読めばすべてわかります。
\PhotoshopとLightroomが月額1,180円/

Photoshop公式サイト

スポンサーリンク

Photoshopでサムネイルを作る方法【動画解説】

詳しくは動画でも解説しているので、動画で見たい人はぜひそちらから見てみてください。

サムネイル用のキャンバスのサイズ作成

まずPhotoshopを開きます。

そして、サムネイルのサイズのキャンバスを用意する必要があるので、新規ファイルをクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そしてサムネイルはweb用のものなので、webをクリックして、どれでもいいので1つクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

ここで右側でYouTubeのサムネイルのサイズを決めて、「作成」をクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

  • サイズ:1280x720px/inch
  • 向き:横向き
  • 解像度:72px/inch
  • カラーモード:RGBカラー

 

そうするとサムネイルのサイズのキャンバスを作ることができます。

PhotoshopでYouTubeのサムネイルを作る方法

ちびえりな
ちびえりな

ここに写真や文字を入れていけば、サムネイルのサイズより大きくなることはないから安心だよ!

写真を取り込む

まずキャンバスに入れたい写真を取り込みたいので、写真が入っているフォルダを開いて、写真をクリックしてドラッグして、Photoshopのキャンバスの上で離します。

PhotoshopでYouTubeのサムネイルを作る方法

 

そうするとPhotoshopに写真が入るので、ここで好きな大きさにするためにハジをクリックしてドラッグして広げます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そしてEnterを押すと確定されて、写真が入ります。

PhotoshopでYouTubeのサムネイルを作る方法

ちびえりな
ちびえりな

このように何枚も写真を入れることができるから、写真を1枚以上入れるときは同じように写真を取り込んでみてね!

写真を切り抜く

左側のツールバーからクイック選択ツールのアイコンをクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして上の「被写体を選択」をクリックしすると、Photoshopが自動で写真に写る被写体を点線で選択してくれます。

PhotoshopでYouTubeのサムネイルを作る方法

 

では、右下のレイヤーマスクをクリックして写真の切り抜きができます。

PhotoshopでYouTubeのサムネイルを作る方法

背景を作る

色の背景

右下の塗りつぶし調整レイヤーからベタ塗りにいきます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして好きな色を選んで、OKをクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そうすると、ベタ塗りのレイヤーが一番上にあるので、切り抜き写真が見えなくなります。

PhotoshopでYouTubeのサムネイルを作る方法

ちびたじ
ちびたじ

せっかく切り抜いた写真が見えなくない~…

 

ベタ塗りのレイヤーを背景としておく場合は、レイヤーの順番を入れ替える必要があります。

背景となるベタ塗りのレイヤーをクリックしてドラッグして、切り抜きの下に持ってきて青い線が出てきたら離します。

PhotoshopでYouTubeのサムネイルを作る方法

 

そうすると、レイヤーの順番を入れ替えることができて、背景として入れたいベタ塗りのレイヤーがちゃんと背景になります。

PhotoshopでYouTubeのサムネイルを作る方法

写真の背景

写真を背景としておきたいという場合は、始めのほうにやったように写真をクリックしてドラッグしてPhotoshopに持ってきて離します。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして大きさを変えてEnterを押します。

PhotoshopでYouTubeのサムネイルを作る方法

 

先ほどと同じように順番を変えるために写真のレイヤーをクリックしてドラッグして下に持ってきて離します。

PhotoshopでYouTubeのサムネイルを作る方法

背景の写真をぼかす

ちびたじ
ちびたじ

背景の写真をぼかしたいときはどうするの?

 

まずどの写真にぼかしを加えたいかまず選んで、クリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして上のフィルター▶︎ぼかし▶︎ぼかしガウスにいきます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そうすると、ぼかし具合をスライダーで決めることができるので、ここでぼかし具合を調節してOKをクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そうすると、背景だけにぼかしを加えることができました。

PhotoshopでYouTubeのサムネイルを作る方法

文字を入れる

まずツールバーにある横書き文字ツールをクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして、キャンバス上をクリックして、線が出てきたら文字をタイピングしていきます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして一旦確定する必要があるので、上の丸をクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

確定したあとからフォントや文字の色や文字の大きさを調節することができます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして文字の場所を変えたい場合は、⌘+Tを押して動かすことができます。

PhotoshopでYouTubeのサムネイルを作る方法

ちょこっとアドバイス

写真を動かしたいときも、写真のレイヤーをクリックしてから⌘+Tで移動できる!

文字の装飾をする

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

PhotoshopでYouTubeのサムネイルを作る方法

 

そしてレイヤースタイルの左側でどのような装飾にするか選べるので、選びます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして右側で設定をすることができて、色をクリックして影の色を変えることができます。

PhotoshopでYouTubeのサムネイルを作る方法

シェイプを作る

ツールバーにあるシェイプはたくさんありますが、長方形ツールを選びます。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして、上でシェイプの中の色、周りの線、線の色を選びます。

PhotoshopでYouTubeのサムネイルを作る方法

 

クリックしてドラッグすれば長方形を描くことができます。

PhotoshopでYouTubeのサムネイルを作る方法

書き出す

ちびえりな
ちびえりな

YouTubeのサムネイルとして投稿するためには、書き出しをする必要があるよ!

では、ファイル▶︎書き出し▶︎書き出し形式をクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして形式をJPEGにして、画質を自分で決められるのですが、左側の◯◯kbと合わせて、ここは変わります。

PhotoshopでYouTubeのサムネイルを作る方法

注意点

YouTubeのサムネイルは2.1MB以上だとアップできない!

 

それ以外は何も変える必要はないので、このまま書き出しをクリックして、保存先を選んで保存をクリックすれば書き出しをすることができます。

PhotoshopでYouTubeのサムネイルを作る方法

保存する

ちびたじ
ちびたじ

書き出したから終わりー!

ちびえりな
ちびえりな

あとから文字とか直すことも考えると、レイヤー全てが残せる『保存』をしておくと安心だよ!

では、ファイル▶︎保存をクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そして名前をつけて保存先を選んで、下のフォーマットをPhotoshopにして保存をクリックします。

PhotoshopでYouTubeのサムネイルを作る方法

 

そうすると、レイヤー全てを残して保存することができて、あとから直すこともできます。

PhotoshopでYouTubeのサムネイルを作る方法

コメント

タイトルとURLをコピーしました