チュートリアル記事

初級

5 分

Photoshopで画像を切り抜いてバナーを制作

Photoshopなら「被写体を選択」で、画像の使用したい部分のみを切り抜くことができます。手順を見ながら、実際に試してみましょう。

必要なもの

注意:付属のアセットは練習目的でのみご利用ください。利用条件を見る

Photoshopを使えばだれでも簡単に、画像から切り抜きたい範囲を自由に調整し、使用したい部分のみを切り抜くことができます。以下の手順に沿って、画像を切り抜いてSNS投稿画像を制作してみましょう。

切り抜きたい部分を大まかに選択

コンテキストタスクバーまたは、メニューバーの選択範囲>「被写体を選択」をクリック。自動で大まかに、切り抜きたい部分を選択してくれます。

※綺麗に被写体が選択されない場合は、Photoshop/編集>環境設定>画像処理から、「被写体を選択」処理:「クラウド(詳細な結果)」を選択してから、お試しください。

範囲を微調整し、切り抜く

メニューバーから選択範囲>「選択とマスク」(Mac:Command+Option+R/Windows:Alt+Ctrl+R)をクリックし、細かい調整をしていきます。右側の属性パネルの「表⽰モード」を「オーバーレイ」など選択範囲が⾒やすいモードに切り替えて、メニューバー左上部の「+」「−」マークで切り抜きたい部分を細かく調整します。右側の属性パネルの「出⼒設定」>「出⼒先」を「レイヤーマスク」に設定し、「OK」ボタンをクリックすると、選択した範囲を切り抜くことができます。

切り抜き範囲を後からでも調整可能

「レイヤーマスク」にしておくことで、切り抜きの範囲を後から微調整することもできます。切り抜いたレイヤーマスクのサムネイルをクリックして選択し、「ブラシツール」で調整します。白で塗れば表示、黒で塗れば非表示になります。(「Xキー」で切り替えながら進めます。)

選択とマスクを応用して、爪の色変更も

ツールパネルから「クイック選択ツール」を選び、色を変えたい爪の先端だけを選択します。不要な部分を選択してしまった場合は、Mac:Option/Windows:Altを押しながら慎重にドラッグして外します。レイヤーパネル下部「塗りつぶしまたは調整レイヤーを新規作成」ボタンから「色相・彩度」を選んで、レイヤーを作成します。レイヤーマスクをクリックし、プロパティパネルから「色相」のスライダーを動かして色を変えてみましょう。今回は「色相:-41」に設定しました。

SNS投稿画像やキャンペーン告知などに

レイヤーフォルダー「banner」を表示して、切り抜いた写真をデザインに合わせたサイズに調整しSNSでのキャンペーン告知画像などに使ってみてはいかがでしょうか。切り抜いた画像を使えば、魅力的な画像を作ることだって簡単にできます。


Photoshop でこれらのチュートリアルをお試しください

写真を編集して新しい画像やグラフィックを作成