【Photoshop】角丸長方形ツールの使い方【新人デザイナー向け】

Photoshopの角丸長方形ツールってどうやって使うんだろう？
サイズの変更はどうやってやるんだろう？

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

デザイナーの@Naoyaです。

目次

• Photoshopの角丸長方形ツールとは？
• 角丸長方形ツールの使い方

Photoshopの角丸長方形ツールとは？

Photoshopの角丸長方形ツールはツールバーにある図形ツールの一つだよ！
手軽に角丸長方形を作ることが可能！

角丸長方形ツールのショートカット

• U

角丸長方形ツールのショートカットはこんな感じ。

長方形ツールから、Shift+Uで角丸長方形ツールに切り替えることができるよ！

角丸長方形ツールの使い方

• 角丸長方形の作成
• 角丸長方形のサイズ変更
• 角丸長方形の削除

角丸長方形ツールの使い方はこんな感じ！

角丸長方形の作成

始めに角丸長方形の作り方！

• クリックして作成
• ドラッグして作成

クリックして作成

ツールバー角丸長方形ツールを選択している状態で、上のワークスペース上でクリック！

作りたい角丸長方形のサイズと角丸の値を入力してOKを選択！
それぞれの値はそれぞれの四つ角に反映されるよ！

ここでは四つ角を全部50pxとするね！

角丸長方形を作ることができたね！

ドラッグして作成

ツールバーの角丸長方形ツールを選択している状態で、ワークスペース上でドラッグ！

角丸長方形を作ることができたね！

ドラッグをしている最中に移動

ドラッグをしている最中に下記のキーを押すと作成中のサイズを保ったまま、移動ができるよ！

ドラッグ中の移動

• ドラッグ中にSpace

質問：正方形はどうやって作成するんですか？

角丸長方形のサイズ変更

角丸長方形のサイズはプロパティパネルから変更できるよ！

プロパティが表示されていないという人はメニューバーの「ウィンドウ」から「プロパティ」にチェックを入れると表示されるよ！

角丸長方形を作成後でも角丸は調整できる。

角丸長方形を作った後でも角丸の値は調整できるよ！

好きな値を入力してね、上の入力欄は全てを一括でコントロール、下の入力欄はそれぞれ個別にコントロール可能！

ここでは四つ角を全て200pxとするね！

角丸の値を変更することができたね！

角丸長方形の削除

最後に角丸長方形の削除！

レイヤーパネルから削除したい角丸長方形を選択してゴミ箱をクリック！

角丸長方形が削除できたね！