こんにちは、suzutoです。
今回はPhotoshopでかっこいいサムネイルを作る方法を解説します。
![](https://bell0909.com/wp-content/uploads/2022/03/tiara4.png)
簡単にオシャレなサムネイルを作りたいです。プロクリエイターみたいなカッコいいサムネイルの作り方を教えてください。
こういった悩みに答えていきます。
ボクはインスタグラムをよく投稿するのですが、カバー画像作成はいつもPhotoshopを使って作成しています。
例えば上の投稿のカバー画像など。
Photoshopを使うと簡単にオシャレサムネイルを作成することができます。
仕上がりのイメージは以下のようになります。
![](https://bell0909.com/wp-content/uploads/2022/04/13-684x1024.jpg)
よくクリエイターの方が作っている立体感のあるタイトルを画像につけます。YouTubeやインスタグラムなど応用すると色々なコンテンツで使えるので便利です。
この記事を読むと、Photoshopでオシャレサムネイルをすごく簡単に作成する方法が分かりますのでぜひ参考にしてみてください。
Photoshopでオシャレなサムネイルの作り方の手順
![](https://bell0909.com/wp-content/uploads/2022/04/サムネ1.jpg)
Photoshopで4ステップで作っていきます。
- 枠を作る
- タイトルを作る
- 立体感を作る
- 画像を出力
枠を作る
Photoshopを起動したら作成したい元の画像を読み込み。今回はインスタ用で作成するので縦長の画像を使います。
まずはタイトルの枠を作成していきます。
![](https://bell0909.com/wp-content/uploads/2022/04/2-1024x936.jpg)
左のメニューバーから「長方形ツール」を選択します。
好きな場所に適当な大きさの長方形を作成。
![](https://bell0909.com/wp-content/uploads/2022/04/3-959x1024.jpg)
![](https://bell0909.com/wp-content/uploads/2022/04/4.jpg)
右のアピアランスから「塗りつぶし」をオフにします。
![](https://bell0909.com/wp-content/uploads/2022/04/5.jpg)
枠の色と太さを設定していきます。
- 枠の色 → 「白」
- 枠の太さ →「30ピクセル」
このあたりはお好みでOKです。
![](https://bell0909.com/wp-content/uploads/2022/04/6-1024x783.jpg)
作成した枠を中央揃えに。
「選択ツール」から「選択範囲」を選択し、「すべてを選択」を選びます。
![](https://bell0909.com/wp-content/uploads/2022/04/7-1024x833.jpg)
「中央揃え」を選択して枠の作成は完了です。
![](https://bell0909.com/wp-content/uploads/2021/04/IMG_0781-removebg-preview.png)
枠を中央に正確に配置するのは難しいのでこの方法がおすすめですよ。
タイトルを作る
次はタイトル作成です。
左のメニューから「テキストツール」を選択して、先ほど作成した枠の中にテキストを入れていきます。
![](https://bell0909.com/wp-content/uploads/2022/04/8-1024x695.jpg)
「フォント」や「文字の大きさ」を調整していきます。
先ほどの「選択ツール」を使って文字の位置も調節できます。
![](https://bell0909.com/wp-content/uploads/2022/04/9-757x1024.jpg)
![](https://bell0909.com/wp-content/uploads/2021/04/IMG_0781-removebg-preview.png)
タイトルの文字でサムネイルのイメージがガラッと変わるので、イメージに合ったフォント選びが大切です。
立体感を作る
枠とタイトルの文字が入れたら最後に少しアレンジしていきます。
左のメニューから「消しゴムツール」を選択。
![](https://bell0909.com/wp-content/uploads/2022/04/10-1024x859.jpg)
「消しゴムツール」で写真の被写体と被っている箇所を消して立体感を出します。
このままの大きさだとやりにくいので「Ctrlキー」を押しながら「↑キー」で拡大して細部を消していくのがおすすめです。
![](https://bell0909.com/wp-content/uploads/2022/04/112-1024x582.jpg)
外の白枠が体の後ろを通っているみたいになりタイトルに立体感がでます。
こんな感じ。
![](https://bell0909.com/wp-content/uploads/2022/04/13-684x1024.jpg)
![](https://bell0909.com/wp-content/uploads/2022/03/tiara.png)
すごく簡単な手順でオシャレなサムネイルができたわ。
画像を出力
![](https://bell0909.com/wp-content/uploads/2022/04/12-1024x550.jpg)
最後に完成した画像を出力していきます。
「ファイル」から「書き出し形式」を選択。
好きな場所に書き出しします。「jpg」で書き出すのがおすすめ。
書き出した画像をチェックして枠のずれ、タイトルのずれがないか確認して全て完了です。
今回は縦長サイズのサムネイルを作成しましたが、もちろんYouTube用の横長のサムネイルも作成することができます。
簡単にプロクリエイターみたいなサムネイルを作成することができますのでぜひ試してみてください。
![](https://bell0909.com/wp-content/uploads/2022/03/tiara3.png)
色々応用できそうだし、簡単にできて便利ね。私も色々試してみるわ。