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

【Photoshop】ペンツールを使ったパスの綺麗な切り抜き方をわかりやすく解説

ペンツール切り抜きサムネイル
あみちゃん

Photoshopを使った画像の切り抜き方法が知りたいな〜。

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

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

Photoshopを使った在宅ワークなどの案件で多く見られるのが画像の切り抜き作業

特に難しい知識は必要ないので、Photoshopで副業を目指す初心者の方におすすめできるスキルの一つです。

本記事では、そんなPhotoshopのペンツール機能を使ったパスの切り抜きについて、わかりやすく4ステップで解説します。

ソラノ

画像を使って、初心者の方にもわかりやすく解説していきます。

この記事を読んでコツを掴めば様々な副業サイトで画像切り抜きの仕事を受けることができるようになりますので、ぜひ参考にしてください。

この記事の内容

ペンツールを使ったパスの切り抜き方法

ペンツール切り抜き1

画像の切り抜きには様々なツールがありますが、一番汎用性の高い、ペンツールを使った画像の切り抜きをご説明します。

今回は一番手前のロールケーキを切り抜いていきます。

ペンツールを使った4ステップの作業手順

STEP
準備

まずは、背景レイヤーを作業のできるレイヤーに変換します。レイヤータブの背景をダブルクリック。

ペンツール切り抜き2

OKを押してレイヤー0にします。

ペンツール切り抜き3
STEP
ペンツールを使用する

ペンツールのアイコンを右クリックし、一番上のペンツールをクリック。

ペンツール切り抜き4

画面上部のメニューをパスにします。

ペンツール切り抜き5
初期設定からこの状態になっていると思います。

切り抜きたい画像の輪郭に沿ってパスをおいていきます。

ペンツール切り抜き6

切り抜く画像の少し内側にパスを置くのがコツです。

ソラノ

初心者の方は難しく考えずに、輪郭に沿ってひとつひとつパスをおいていけば大丈夫です。

STEP
選択範囲を作成する

パスの始点と終点が無事につながったら、上部メニューのウィンドウからパスをクリックして、パスのウィンドウを表示させます。

Photoshopクリッピングパス場所

続けてパスのウインドウから作業パスをクリックします。

ペンツール切り抜き7

続けて下の点線のアイコンをクリックします。

ペンツール切り抜き8
似たようなアイコンが並んでますが点線のアイコンです。
STEP
選択範囲を使って不要な箇所を削除する

上部のメニューから選択範囲をクリックし選択範囲を反転をクリックします。

ペンツール切り抜き9

続けて上のメニューから編集をクリックし消去をクリックします。

ペンツール切り抜き11

これで手前のロールケーキのみを切り抜くことができました。

ペンツール切り抜き10
あっという間に完成!
ソラノ

これで完成です。お疲れ様でした。

おまけ:ガタガタになってしまうパスを綺麗に切り抜くコツ

Photoshopトリミング綺麗に6

最後に、パスをガタガタさせずに綺麗に切り抜くコツを解説します。

STEP
トーンカーブを用意する

レイヤー下部の調整レイヤーアイコンをクリックして、トーンカーブを選択します。

Photoshopトリミング綺麗に1

するとこのようなトーンカーブの設定画面が開きます。

Photoshopトリミング綺麗に2
STEP
トーンカーブを動かして画像を薄くする

トーンカーブを使って画像を薄くします。

改Photoshopトリミング綺麗に3

画像を参考に下の点を掴みながら上げると、画像が薄くなります。

画像を薄くすると、パスの軌跡が見やすくなるのでパスの精度が上がります。

ソラノ

トーンカーブは少し難しいので、とりあえず画像の通りに動かすだけでOKです。

STEP
ズームツールを使って画面を拡大させる

左側にあるツールバーから、ズームツールをクリックします。

Photoshopトリミング綺麗に4

その後、画像の上を何度かクリックして400%くらいを目安に拡大させます。

Photoshopトリミング綺麗に5

拡大させすぎたら、オプションボタンを押しながらクリックすることで、画像を縮小させることもできます。

ソラノ

こうして画像の表示を大きくすることで、パスの精度が上がります。

STEP
パスのポイントを置いていく

後は先程説明したとおり、ひたすらパスのポイントを少し内側を意識して置いていきます。

Photoshopトリミング綺麗に6
拡大させるほど精度が上がります。
あみちゃん

拡大させたり縮小させたりは自由なので、好みの拡大率で作業してね。

STEP
最後にトーンカーブをゴミ箱に捨てて終了
Photoshopトリミング綺麗に7
トーンカーブをクリック→ゴミ箱をクリック

必要のなくなった画像を薄くするトーンカーブを、ゴミ箱に捨てて終了です。

ソラノ

この方法ならパスの軌跡も見やすいので、パスの精度がぐんっと上がります!

ペンツールを使った画像の切り抜き:まとめ

ペンツール切り抜きサムネイル

以上、ペンツールを使った画像の切り抜き方法の解説でした。

パスの切り抜きは難しい技術を使わない単純作業の繰り返しなので、初心者におすすめのスキル。

単純作業ということで、副業案件としても多くの募集があります。

本記事で紹介した流れをフリー素材などを使って何度も練習してみてください。

ソラノ

誰でも最初は初心者ですので、難しく考えずどんどんチャレンジしてみてくださいね!

この記事で分からないことがありましたら、お問い合わせTwitterにお気軽にご質問くださいね。

慣れてきたら、さっそく仕事を受けてみましょう。

下記の3つは我が家も利用しているおすすめの副業サイトです。無料で登録できるのでぜひ活用してみてくださいね。

ペンツール切り抜きサムネイル

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

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