基本操作

【Photoshop】ペンツールの使い方【新人デザイナー向け】

Photoshopのペンツールってどうやって使うんだろう?
Photoshopのペンツールってそもそも何!?

Photoshopのペンツールについて役立つ情報を知りたいです。

こういった疑問に答えるよ!

NaoG
NaoG
やぁ!みんな!元気?

クリエイターの@NaoGです。

目次

  • Photoshopのペンツールとは?
  • ペンツールの使い方
NaoG
NaoG
ではゆこう!
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

Photoshopのペンツールとは?

Photoshopのペンツールはブラシツール等のフリーハンドとは違って、アンカーポイントというもので、形を作っていくものだよ!

【Photoshop】ブラシツールの使い方【新人デザイナー向け】Photoshopのブラシツールってどうやって使うのだろう? ブラシの素材はどうやって読み込んだら良いのだろう? オリジナルのブラシは作れるのかな? こういった疑問に答えます。...

ペンツールで作った形は、選択範囲に変えられたりそのまま図形として使ったりできるよ!
図形を組み合わせて絵を描いたりもできちゃう!

個人的にはPhotoshopでペンツールを使う場面は、選択範囲を作って切り抜くことが多い!
では実際にペンツールを使ってみよう!

ペンツールのショートカット

  • P

ペンツールのショートカットはこんな感じ。

ペンツールの使い方

  • ペンツールを選択する
  • アンカーポイントを打つ
  • 開始点と終了点を繋げる

ペンツールの使い方はこんな感じ。

NaoG
NaoG
順番に解説するよ!

ペンツールを選択する

まずはツールバーのペンツールを選択するよ!

ペンツールのショートカット

  • P

ペンツールのショートカットはこんな感じ。

アンカーポイントを打つ

続いてペンツールの特徴であるアンカーポイントを打っていくよ!

アンカーポイントは形を作る時に変化の起点となる場所だよ!
簡単だから、実際に使ってみよう!

まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!

ドキュメントの作り方については下の記事を参考にしてみてね!

【Photoshop】ドキュメントの使い方【作成方法とサイズ変更】Photoshopのドキュメントの使い方がよく分からない。 ドキュメントのサイズ変更ってどうやってやるんだろう。 ドキュメントが作れないと何もできないし、どうしたらいいのか分からない。 こういった疑問に答えます。...

ペンツールを選択している状態で、コマンドバーのここでは「シェイプ」を選択!

続いて「線」を選択して、左の線なしを選択!

続いて「塗り」を選択して、カラーピッカーマークを選択!

好きな色を選んでね!
ここでは「#00d3ff」を選択してOK!

今回はこの状態でアンカーを打っていくよ!
塗りと線については下の記事にまとめているので、気になる人は参考にしてみてね!

【Photoshop】図形ツールの使い方【新人デザイナー向け】【まとめ】図形ツールの種類って何があるんだろう? シェイプとパスとピクセルって何が違うんだろう? それぞれの図形ツールはどうやって扱ったら良いのだろう? こういった疑問に答えます。...

アンカーにはハンドルを使う場合と使わない場合があるよ!

  • ハンドルを使わない
  • ハンドルを使う
NaoG
NaoG
順番に解説するよ!

ハンドルを使わない

始めにハンドルを使わない場合!

ドキュメントの上をポチポチとクリック!
すると、直線的な線が書けるよ!

アンカーポイント

因みにアンカーポイントはこの部分だね、クリックすると出てくる四角い奴!

ハンドルを使う

続いてハンドルを使う場合!

クリックをする時に次にアンカーポイントを出す先にドラッグをしながらクリック!
すると、曲線的な線が書けるよ!

  • ハンドルを引っ張った方向に次の線が出る
  • ハンドルを小さく引っ張ると滑らかなカーブを描く
  • ハンドルを大きく引っ張ると急なカーブを描く

ハンドルの特徴はこんな感じ!

NaoG
NaoG
順番に解説するよ!
ハンドルを引っ張った方向に次の線が出る

ハンドルは引っ張った方向に次の線が出るよ!
描きたい方向に向かってハンドルを引っ張ってみよう!


これは右上に引っ張った場合、線が右上の方向に向かって出ているのが分かるね!


これは右下に引っ張った場合、線が右下の方向に向かって出ているのが分かるね!

ハンドルを小さく引っ張ると滑らかなカーブを描く

アンカーとアンカーとの距離によって変わるけど、基本的にはハンドルは小さく引っ張ると滑らかなカーブを描くよ!

ハンドルを大きく引っ張ると急なカーブを描く

逆に大きく引っ張ると急なカーブを描くよ!

開始点と終了点を繋げる

最後に開始点と終了点を繋げるよ!

ペンツールは必ず始めに打った所を最後にもう一度打って、アンカーを閉じる必要があるよ!

こんな感じに閉じて完了!

NaoG
NaoG
今日も来てくれてありがとう、またね!
【無料で有益】Webデザインスクール3社【現役デザイナーがおすすめ】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...