【Photoshop】多角形ツールの使い方【新人デザイナー向け】
Photoshopの多角形ツールってどうやって使うのだろう?
サイズや色変更はどうやってやるんだろう?
こういった疑問に答えるよ!
デザイナーの@Naoyaです。
Youtube
※動画概要欄に目次があります
目次
- Photoshopの多角形ツールとは?
- 多角形ツールの使い方
- 間違えたときはヒストリー
- よくある質問

Photoshopの多角形ツールとは?
Photoshopの多角形ツールはツールバーにある図形ツールの一つだよ!
手軽に多角形を作ることが可能!
多角形ツールのショートカット
- U
多角形ツールのショートカットはこんな感じ。
三角形ツールから、Shift+Uで多角形ツールに切り替えることができるよ!
多角形ツールの使い方
続いて多角形ツールの使い方!
- 多角形の作成
- 多角形のサイズ変更
- 多角形の角数変更
- 多角形の削除
- 多角形の色変更
- 多角形の移動
多角形の作成
まずは多角形の作成!
- クリックして作成
- ドラッグして作成
多角形の作成方法はこんな感じ!
クリックして作成
ドキュメントを作成する
まずは何でもいいので、ドキュメントを用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!

ツールバーから多角形ツールを選択!
多角形ツールのショートカット
- U
多角形ツールのショートカットはこんな感じ。
三角形ツールから、Shift+Uで多角形ツールに切り替えることができるよ!
オプションバーからシェイプを選択!
塗りをクリック!
カラーピッカーのアイコンをクリック!
好きな色を選択、ここでは「00d3ff」としてOK!
線をクリック!
線無を選択!
ワークスペース上でクリック!
作成したい多角形のサイズを入力してOKを選択!
多角形を作ることができたね!
※多角形の移動方法についてはこの後解説
ドラッグして作成
ツールバーの多角形ツールを選択している状態で、ワークスペース上でドラッグ!
質問:正多角形はどうやって作成するんですか?
Shiftを押しながらドラッグすると正多角形を作れるよ!
ドラッグをしている最中に移動
ドラッグをしている最中に下記のキーを押すと作成中のサイズを保ったまま、移動ができるよ!
ドラッグ中の移動
- ドラッグ中にSpace
多角形のサイズ変更
続いて多角形のサイズ変更!
まずは何でもいいので、ドキュメントと多角形を用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!

同じPSDデータを使いたい方は公式LINEで「多角形ツール」と入力するとPSDデータが届くよ!
QRコードは画面の右上にあるよ!※無料
レイヤーからサイズを変更したい多角形を選択!
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!
メニューバーの「ウィンドウ」から「プロパティ」を選択!
好きなサイズを入力、ここでは縦横比のチェックを解除後、W=「600px」H=「500px」と入力!
こんな感じでサイズが変更できたね!
多角形の角数変更
続いて多角形の角数変更!
まずは何でもいいので、ドキュメントと多角形を用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!

同じPSDデータを使いたい方は公式LINEで「多角形ツール」と入力するとPSDデータが届くよ!
QRコードは画面の右上にあるよ!※無料
まずはレイヤーから角数を変更したい多角形を選択!
メニューバーの「ウィンドウ」から「プロパティ」を選択!
変更したい角数を入力、ここでは「10」と入力!
多角形の角数が変更できたね!
多角形の削除
続いて多角形の削除!
まずは何でもいいので、ドキュメントと多角形を用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!

同じPSDデータを使いたい方は公式LINEで「多角形ツール」と入力するとPSDデータが届くよ!
QRコードは画面の右上にあるよ!※無料
レイヤーパネルから削除したい多角形を選択してゴミ箱をクリック!
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!
多角形が削除できたね!
削除のショートカット
- BackSpace or Delete
削除のショートカットはこんな感じ。
多角形の色変更
多角形は作った後からでも色変更ができるよ!
まずは何でもいいので、ドキュメントと楕円形を用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!

同じPSDデータを使いたい方は公式LINEで「多角形ツール」と入力するとPSDデータが届くよ!
QRコードは画面の右上にあるよ!※無料
色を変更したいレイヤーのサムネイルをダブルクリック!
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!
ここでは「ffffff」としてOK!
これで多角形の色が変更できたね!
多角形の移動
多角形の移動方法!
まずは何でもいいので、ドキュメントと楕円形を用意するよ、今回はこのドキュメントを使っていくよ!
ドキュメントの作り方については下の記事を参考にしてみてね!

同じPSDデータを使いたい方は公式LINEで「多角形ツール」と入力するとPSDデータが届くよ!
QRコードは画面の右上にあるよ!※無料
まずはレイヤーから移動したい多角形を選択!
レイヤーが表示されていない場合はメニューバーの「ウィンドウ」→「レイヤー」を選択!
好きな方向にドラッグして移動できるよ!
ここでは右上にドラッグしてこんな感じとしたよ!
他にも細かい位置調整ができるので、気になる方は下の記事を参考にしてみてね!

間違えたときはヒストリー
一つ戻るショートカット
- Mac=Command+Z
- Windows=Ctrl+Z
一つ戻るショートカットはこんな感じ。
逆に一つ戻るショートカット
- Mac=Command+Shift+Z
- Windows=Ctrl+Shift+Z
逆に一つ戻るショートカットはこんな感じ。

よくある質問
図形の色を変えたい

図形にグラデーションをかけたい

図形の枠線を消したい

図形を回転したい


