Photoshopのペンツールの基本操作を網羅的に解説!

【忍者Photoshop】ペンツールの基本操作を網羅的に解説!
見習いくのいち
Photoshopのペンツールで何ができるんですか?ブラシツールとは違うのですか?Photoshopを初めて使用する初心者でも、簡単にわかりやすく教えてほしいです。
忍者講師
なるほど!ブラシツールは描画できるのに対して、ペンツールではパスを作成することを目的としているんだ!それじゃ、今回は「Photoshopのペンツールの基本操作方法」について解説していくね!
本記事のテーマ
ペンツールの使い方手順を網羅的に解説!
忍者講師
それでは、さっそく本題に入っていきましょう!
見習いくのいち
はい、今回もよろしくお願いします(*´▽`*)

Photoshopのペンツールの使い方を網羅的に解説

Photoshopでは、図形型のシェイプをそのまま使用することもできますし、パスを使って、目的のシェイプを作成することもできます。なので、シェイプというのは図形のことで、パスというのは点と線で構成された輪郭線のことです。この記事では、ペンツールでパスを描く使い方をお伝えしていきます。

ペンツールで直線(オープンパス)を描く

忍者講師
ペンツールで、パスを作成できるということを覚えておこう!
手順:「①ツールバーにあるペンツールをクリック」 > 「②オプションバーの設定」 > 「③ドキュメント上でクリックして直線を作成」

解説:まずは、ツールバーにあるペンツールをクリックします。

ペンツール_【忍者Photoshop】初心者のための使い方学習オンライン講座

ペンツールをクリックすると、上のメニューバーの下の表示が変更されますが、ここは、選んだツールによって、そのツールのオプションを設定できる専用のバー(オプションバー)が表示されます。

オプションバー_【忍者Photoshop】初心者のための使い方学習オンライン講座

今回、オプションバーの設定で、ツールモードを【パス】に設定します。オプションバーの設定が完了したら、ドキュメント上のカンバス内にマウスポインターを持っていき、クリックしてアンカーポイントを作り、もう1回クリックして、2つ目のアンカーポイントを作成して、直線を作ります。

直線を作る_【忍者Photoshop】初心者のための使い方学習オンライン講座
見習いくのいち
直線をひくことはできたのですが、真っ直ぐな線を描きたい場合はどうしたらいいですか?
忍者講師
その場合は、Shiftキーを押しながら、2つ目のアンカーポイントを作る(クリックする)と、直線にすることができるよ。

直線(オープンパス)を描くことができました。レイヤーパネルにある【パス】タブを見てみると、作業用パスが確認できます。

パスタブに作業用パスが確認できる
point
ドキュメント上をクリックしていって、支店のアンカーポイントと終点のアンカーポイントを同じ位置にすると、パスをクローズ(終了)することができました。このことをクローズパスといいます。

ペンツールで曲線を描く手順

忍者講師
ペンツールで曲線を表現するには、ドラッグするということを覚えておこう!

解説:始点にアンカーポイントを打った後(クリックした後)、上にマウスをドラッグします。このとき、Shiftキーを押しながらドラッグすると、方向線をまっすぐ伸ばすことができます。マウスから指を離すと、方向線の長さが決まります。

point
方向線の長さというのは、曲線の角度を決めるものです。
方向線の長さを調整_【忍者Photoshop】初心者のための使い方学習オンライン講座

次に、Shiftキーを押しながら、始点の直線状にアンカーポイントを打ち、始点の方向線と逆向きにドラッグして、マウスから指を離すと、曲線が描けましたね。

曲線が描けた_【忍者Photoshop】初心者のための使い方学習オンライン講座

Crtlキーを押しながらクリックすると、パスを閉じることができます。

パスを閉じることができる_【忍者Photoshop】初心者のための使い方学習オンライン講座
見習いくのいち
曲線を描くうえで、コツってありますか?
忍者講師
アンカーポイントの打つ位置を直線状にするということと、方向線の長さや角度を同じくするということだね!

アンカーポイントを追加・削除する手順

忍者講師
アンカーポイントを追加・削除することで、目的のパスを柔軟に作成できるようになろう!
手順:「①ツールバーにあるアンカーポイントの追加ツールをクリック」 > 「②パスタブの中のパスレイヤーをクリック」 > 「③ドキュメント上でアンカーポイントを追加・削除」
直線_【忍者Photoshop】初心者のための使い方学習オンライン講座

解説:まずは、ツールバーにあるアンカーポイントの追加ツールをクリックします。

アンカーポイントの追加ツール_【忍者Photoshop】初心者のための使い方学習オンライン講座

そのあと、レイヤーパネルにあるパスタブをクリックして、その中にあるパスレイヤーをクリックして、選択モードにします。

パスレイヤーをクリックして選択モードにする

そうしたら、ドキュメント上にあるパスの任意の個所をクリックして、アンカーポイントを追加します。

アンカーポイントを追加

アンカーポイントを追加したということは、その箇所を移動できるということなので、ツールバーからパス選択ツールをクリックして、追加したアンカーポイントを上にドラッグして曲線を作成してみます。

パス選択ツール_【忍者Photoshop】初心者のための使い方学習オンライン講座
直線が曲線になった_【忍者Photoshop】初心者のための使い方学習オンライン講座

直線が、曲線になりましたね。

見習いくのいち
追加したアンカーポイントに何か特徴はありますか?
忍者講師
追加したアンカーポイントには、方向線も追加されているよ!

次に、アンカーポイントを削除していきます。ツールバーにあるアンカーポイントの削除ツールをクリックして、任意のアンカーポイントにマウスポインターを合わせて、クリックするとアンカーポイントが削除されます。

見習いくのいち
いちいちペンツールを使用しているときに、アンカーポイントを追加したり削除したりしたいと思った時には、ツールバーからツールの切り替えを行う必要があるのですか?
忍者講師
いい視点だね!ペンツールのオプションバーにある、自動追加・削除にチェックを入れると、アンカーポイント(点)やセグメント(線)にマウスポインターをあわせたときに、自動で追加や削除が行えるモードに切り替わるよ!
忍者講師
これで、本文は以上となります。お疲れ様でした!

まとめ!

  • ペンツールでできること
  • ペンツールで直線(オープンパス)を描く
  • ペンツールで曲線を描く手順
  • アンカーポイントを追加・削除する手順
  • ワンポイントアドバイス

読者さんの悩みがなくなるように、このような解説をしてきましたが、いかがでしたでしょうか?

Photoshopのペンツール基本操作方法が少しでも分かりやすく伝わっておりましたら幸いです。

では、ここまで
読んでいただきありがとうございました!

忍者講師
本記事は以上となります。また次回の記事でお会いしましょう!