2025.11.12 学習記録 ～サムネイル作成～

フリー素材の画像をもとにして、Photoshopでサムネイルの制作をした。

本日の実習作品

制作時間：合計140分程度。
1枚目はInstagramのフィードを想定して作成したサムネイル、2枚目はyoutubeのサムネイルを想定した。
楽天通販サイトのサムネイル作成にも挑戦したかったが、時間が足りず。

先生よりフィードバックあり。
文字列は「カーニング」で文字の間の余白を調整する良い。（それぞれの文字で余白の大きさが違うので）
全体的に文字の大きさや縁取りで文字が見やすく◎。
何を見せたいのかが一瞬でわかる写真構図や、強調したいワードが大きくなってわかりやすくなっていて良い。
1枚目のは「今が旬」のワードでフォントを変えて、文字を傾けて遊ばせたのも良い。

作品について

• サムネイルは実際はとても小さいため、全体的に文字は大きく太く、読みやすさを意識した。
• 1枚目の文字の配色は、栗を連想させる色を使用。茶色だと背景に馴染み過ぎるので黄色、明度や彩度が高いと浮いた感じになるので少し落ちついた色味にした。
• 1枚目の文字の縁取りは背景が暗いので白に。下の文字がお皿と被ってしまい縁取りが潰れてしまった。
  文字の下に赤の長方形を置いて文字の縁取りが潰れないようにしようとしたが、強調され過ぎてバランスが悪かったのでやめた。
  文字の下に影を入れる等をしてみても良かったかもしれない。
• 2枚目の海と犬の写真は最初別の画像を使おうとした（海の写真の背景に走っている犬を合成）が、自然に合成しようとすると犬を大きく置くことができず、写真を差し替えた。
• 2枚目の文字は「３」を強調するために大きく、色は赤系を使用。その他の色は海と砂浜の色に近いカラーを使った。背景に馴染み過ぎないよう少し鮮やかめ。
  最初は「３」以外の文字を全てブルーにしようとしたが単調になってしまい、くどかったので黄と青の２色にした。

備考・メモ

ガイド線は動かないようにロックをかけておく。
表示→ガイド→ガイドをロック
（楽天のルールの場合、列×行で10×10、間隔0で設定）

移動ツールを選択して上の「レイヤー」を「グループ」に変更すると、レイヤーではなくグループごとコピーや移動ができる！

youtubeのサムネイルの場合、右下に再生時間が表示されるので画像と被ってしまう点に注意！

サムネイルは掲載先によってそれぞれルールがある場合があるので、作成前に確認しておくこと！
例）楽天…サムネイル内のテキストは全体の20%以内に収める 

楽天のサムネイルサイズ…700×700ピクセル、解像度72

youtubeのサムネイルサイズ…1280×720ピクセル　16：9