【Photoshop】必須スキル!ペンツールの基本操作をパターン別に紹介!

Photoshop の必須ツールであるペンツール。今回は、その基本的な操作方法にフォーカスしてまとめてみました。直線や、滑らかな曲線(いわゆるベジェ曲線)を組み合わせてキレイな形を作ることができます。

本記事は、Photoshop 初心者向けの内容です!

この記事でわかること
  • ペンツールの操作部分の名称
  • ペンツールの基本的な操作方法
スポンサーリンク

ペンツールって
どんな用途で使うの?

そもそも、フォトショにおいて『ペンツールってどんな用途で使うの?』というお話からしたいと思います。『知ってるよ!』という方は、飛ばしちゃってください!

大きく分けて2つの使い方に別れると、私は考えます。

切り抜きなどに使う

パスを作成して、選択範囲をつくり、切り抜きやマスキングをしたりする使い方です。

図形や素材を作る

シェイプを作成して、図形やデザイン素材を作ったりする使い方です。

※「パス」「シェイプ」というワードは、今の段階では、ペンツールで作るデータの種類と思ってOKです。

ペンのアイコンだけど
絵を描くツールではない?

『よっしゃ!絵を描くぞ!』

と、
はじめてフォトショを触ったとき、ペンとブラシのアイコンを見て、『どっちを使えばいいんだろう?』と迷った人もいるかもしれません。

いわゆる“絵”を描きたい場合は、基本的には「ブラシツール」を使います!

ブラシツールは、線をシャッっと引いたり、直感的に色を塗ったりするのに向いています。一方で、「ペンツール」は直線や曲線をコントロールしながら、図形やパスを作るためのツールです。

そのため「ペンツール」は主に、

・切り抜き、マスキング
・図形作成
・デザイン素材作り

といった用途で使われます。

ペンツールの選択

「ペンツール」は、ツールパネルから選択することができます。

・ツールパネルが表示されていない場合:
Photoshop 上部のアプリケーションバー(メニューバー)より、「ウインドウ(W)」>「ツール」を選択すると表示されます。

たまに、ペンツールと微妙に異なるアイコンや、全く見慣れない別のアイコンになっている場合があって見つけられないかもしれません。

そういう場合は、そのアイコン(「T」のアイコンの上、または左)を長押ししましょう。

すると、ペンツールに関わるアイコンがぜんぶ展開されるので、1番上のアイコンをクリックします。それが「ペンツール」です。

初心者のうちは、間違ったアイコンを選択していることに気付かない場合があるので、一度すべてのアイコンを確認しておくと安心です。

ペンツールの操作部分の名称

ペンツールを操作する部分の名称をまとめました。

アンカーポイント(ポイント)

ペンツールでクリックしたときにできる四角いマークです。
さらに細分化して、いわゆる普通の点を「コーナーポイント」、曲線中にある点を「スムーズポイント」、前者2つが合わさった点が「組み合わせポイント」に分類されます。

方向ハンドル(ハンドル)

カーブの形状を制御するやつです。

セグメント

線の部分です。
直線のものを「直線セグメント」、曲線のものを「曲線セグメント」に分類されます。

ラバーバンド

ポイントから延びるセグメントのプレビュー用の線です。

納豆の糸みたいなやつと言えば伝わると思います!


これらの名称は無理して覚えなくてもOKだと思います!「ポイント」と「ハンドル」さえ押さえておけば、とりあえず十分!

ペンツールの設定

ペンツールを使うにあたって、いくつか設定する箇所があるので、影響の大きいところを3つほど紹介します。

「エッジを整列」

OFF 推奨。

けっこう重要!
Photoshop 上部のオプションバーの一番右の「エッジを整列」にチェックボックスで、ON/OFF の切り替えができます。

ON にすると、(雑に説明すると)見た目たパキッとした感じになります。

が、
ペンツールではあまり恩恵を感じられないかもしれません。どちらかと言えば、長方形ツールのような線(セグメント)が水平垂直の場合に真価を発揮します。(「エッジを整列」の設定はペンツールと長方形ツール、共通の設定です。)

OFF を推奨する理由は、この設定は表示上パキッとなっているだけで、データ上ではピクセル以下でズレているため、細かい作業に不向きだからです。

「ラバーバンド」のオンオフ

Photoshop 上部のオプションバーの歯車アイコンから、ON/OFF の切り替えができます。

ポイントから延びるセグメントのプレビュー用の線の表示/非表示を設定します。

うっとうしいので、私はオフにしてます!

ポイントの「自動追加・削除」

ON 推奨。

Photoshop 上部のオプションバーの「自動追加・削除」のチェックボックスで、ON/OFF の切り替えができます。

ON にすることで以下の3つのことができます。こちらはけっこう便利なので、私は ON にしています。

・「パスツール」を選択した状態で、セグメントをクリックするとポイントを追加することができます。
・「パスツール」を選択した状態で、ポイントをクリックするとポイントを消すことができます。
アンカーポイントを選択する際に、パスのシェイプが変更されるのを防ぎます。(←公式にこのように記載がありますが、これについては、私は何のことだかよくわかりません……。すみません……。)

具体的に、どのようなときに役立つのかと言えば、

・ON の時
[Ctrl](macOS:[⌘] )キーと [Alt](macOS:[Option] )キーを駆使して、「ペンツール」のまま自在に作業できる。いちいちツールを変更しなくてよいメリットです。

・OFF の時
意図しないポイントの追加などの誤操作が防げる??よほど複雑で細かい作業をするとき以外は、とりあえず ON にしておいても問題ないと思います。

よく使う表現

ペンツールを使うときの言葉の表現として、よく使うものをまとめてみました。

描く、切る、引く

ペンツールで『パスを作成』することの表現として、いくつかの流派があると感じます。所属しているチームなどによってさまざまだとは思いますが、『作成』『描く』『切る』『引く』という感じのワードで表現され、いずれも同じ作業を指していると思われます。

ちなみに私が以前勤めていた会社ではパス“切り”というワードが使われていました。

おそらく正しい表現は「描く」なんじゃないかなぁと勝手に思っています。ちなみにシェイプの場合は『作成』が一般的な気がします……。

閉じる

ペンツールで図形を描き始めて、完成させるときに、改めて最初のポイントをクリックします。そのことを『閉じる』と言います。(公式でもそう表現されているので、たぶん正しい表現です。)

スポンサーリンク

操作説明

ペンツールの操作はいくつかの操作パターンがあり、それを組み合わせて、思い通りのカタチを描きます。

この作業は、Photoshop を扱う上での必須スキルです。絶対に身につけましょう!

※少しくどいかもしれませんが、説明する上でコーナーポイントなのか、スムーズポイントなのか、直線セグメントなのか、曲線セグメントなのかを逐一記載してします。『なんのこっちゃ?』という場合は、本記事の各名称をまとめている部分をご参照ください。

基本操作(閉じる前)

パスを閉じる前の基本操作を紹介します。

コーナーポイントを追加する

任意の場所をクリックします。

スムーズポイントを追加する

任意の場所をドラッグします。

スムーズポイントを折って、追加する

任意の場所をドラッグしてスムーズポイントを追加しながら(クリックボタンを押したまま)、[Alt](macOS:[Option] )キーを押して任意の角度に折ります。

[Alt](macOS:[Option] )キーを押したままクリックボタンを離せばOK!先に [Alt](macOS:[Option] )キーを離すと元に戻ってしまいます。

パスを閉じる

最初に打ったポイントをクリック、またはドラッグします。

その他

後述の『閉じたあとに編集する操作』は、パスやシェイプを作成中(閉じる前)でも、操作可能です。例えば、ポイントを追加したり消したり、曲線を調整したり、などなど。

閉じたあとに、編集する操作

パスを閉じたあとに編集する操作を紹介します。

コーナーポイントまたはスムーズポイントを消す

・「自動追加・削除」機能を ON にしている場合
消したいポイントをクリックします。

・「自動追加・削除」機能を OFF にしている場合
「ペンツール」アイコンを長押し、展開された「アンカーポイントの削除ツール」を選択して、消したいポイントをクリックします。

直線/曲線セグメントにスムーズポイントを追加する

・「自動追加・削除」機能を ON にしている場合
直線/曲線セグメント上のポイントを追加したいところをクリック、またはドラッグします。

・「自動追加・削除」機能をオフにしている場合
「ペンツール」アイコンを長押し、展開された「アンカーポイントの追加ツール」を選択して、直線/曲線セグメント上のポイントを追加したいところをクリック、またはドラッグします。

直線/曲線セグメントにコーナーポイントを追加する

直線/曲線セグメントには、いっぱつでコーナーポイントを追加する方法はないので、一度、スムーズポイントを追加した後、コーナーポイントへ切り替えます。やり方は、後述を参考にしてみてください。

コーナーポイントとスムーズポイントに切り替える

・装飾キーを利用するやり方
[Alt](macOS:[Option] )キーを押しながら、任意のアンカーポイントをクリック(コーナーポイントへ変換)またはドラッグ(スムーズポイントへ変換)します。

・装飾キーを利用しないやり方
「ペンツール」アイコンを長押し、展開された「アンカーポイントの切り替えツール」を選択して、クリック(コーナーポイントへ変換)またはドラッグ(スムーズポイントへ変換)します。

シェイプ/パスの形を調整する

シェイプまたはパスの形を調整するには、[Ctrl](macOS:[⌘] )キーが、鍵を握ります。「ペンツール」を選択しで、[Ctrl](macOS:[⌘] )キーを押した状態では、「パス選択ツール」という白い矢印が使えるようになります。パス選択ツールは、なんとパス/シェイプのポイントやセグメント、ハンドルに触ることができるのです!

・装飾キーを利用するやり方
ポイントの位置を調整したい場合は、[Ctrl](macOS:[⌘] )キーを押しながら、任意のポイントをドラッグ。曲線を調整したい場合は、任意のスムーズポイントをクリックし、方向ハンドルが表示されたら、[Ctrl](macOS:[⌘] )キーを押しながら、端っこの四角マークをドラッグします。

・装飾キーを利用しないやり方
「パス選択ツール」を選択して、ポイントの位置を調整したい場合は、任意のポイントをドラッグ。曲線を調整したい場合は、任意のスムーズポイントをクリックし、方向ハンドルが表示されたら、端っこの丸マークをドラッグします。

「パス選択ツール」は白い矢印のアイコンです。表示されていない場合は、黒い矢印のアイコンを長押しすると展開されます。

スムーズポイントを折る

・装飾キーを利用するやり方
[Ctrl](macOS:[⌘] )キーを押しながら、任意のスムーズポイントをクリック。方向ハンドルが表示されたら、[Alt](macOS:[Option] )キーを押しながら、端っこの丸マークをドラッグします。

・装飾キーを利用しないやり方
「パス選択ツール」を選択して、任意のスムーズポイントをクリック。方向ハンドルが表示されたら、「ペンツール」アイコンを長押し、展開された「アンカーポイントの切り替えツール」を選択して、端っこの丸マークをドラッグします。

この操作をやってみると、いちいちツールを切り替えるのは、相当にめんどっちぃことがわかるかと思います。


解説として細かくパターン別にをまとめましたが、慣れてくるとほとんど何も意識せずに指がオートで操作してくれるようになると思います。

しつこいですが、
この作業は、Photoshop を扱う上での必須スキルです。絶対に身につけましょう!

特に、[Alt](macOS:[Option] )キーと [Ctrl](macOS:[⌘] )キーを駆使した操作方法はぜひ覚えてほしいです。

と、大そうな言い様ですが、
スマホのフリックとか、パソコンのキーボード入力に比べたら、ぜんぜんイージーなレベルだと思うので、そこまで身構えるもんではありません!

最後に私も、星みたいな何かを描いてみたので、動画を貼っておきます笑

みなさんもペンツールを使って、いろいろ描いてみてください!

こういうのは楽しんだもんが勝ち!

スポンサーリンク

まとめ

今回は、ペンツールの基本操作をパターン別に分けてまとめてみました。

ぜひマスターしてほしい操作は、ポイントの「自動追加・削除」機能をオンにして、[ Alt ](macOS:[Option] )キーと [ Ctrl ] (macOS:[⌘] )キーを駆使した操作方法です。

最初のうちは難しいかもしれませんが、やっているうちに思い通りに操作することができるようになります。操作方法を忘れたら、本記事を見返して何度も挑戦してみていただけますと幸いです!

参考・出典

・Adobe. 「ワークスペースの概要」. https://helpx.adobe.com/jp/photoshop/desktop/get-started/learn-the-basics/workspace-overview.html, 2026年3月8日閲覧。

・Adobe. 「Photoshop でペンツールを使用してパスを描画」. https://helpx.adobe.com/jp/premiere/desktop/add-text-images/draw-objects/draw-with-pen-tool.html, 2026年3月8日閲覧。

トップへ戻る