長方形ツールで長方形を描画

Last updated on 2026年10月29日

長方形ツールを使って、塗り、線、角丸の半径のオプションがあるベクター長方形を作成します。

長方形ツールでは、編集可能で拡大 / 縮小できるベクター長方形を作成できます。コーナーの半径を調整して、レイアウトデザイン、ボタン、フレーム、グラフィック要素用の標準の長方形や角丸長方形を作成します。

メモ

コーナーの半径フィールドを使って角丸長方形を作成します。これは、Photoshop 22.3 (2021年3月) で削除された角丸長方形ツールに代わるものです。

長方形ツールを設定する

ツールバーでシェイプツールグループのアイコンをクリックしたまま押し続けて使用可能なシェイプツールを表示し、長方形を選択します。

オプションバーで、モードドロップダウンからシェイプを選択し、ベクターシェイプレイヤーを作成します。

塗りのスウォッチをクリックし、目的のカラー、グラデーション、またはパターンを選んで、塗りの色を選択します。

線のスウォッチをクリックして色を設定し、ピクセル単位で幅の値を入力して、線のプロパティを設定します。

角を丸くするには半径の値を設定し、鋭角のままにするには 0 のままにします。

長方形ツールでシェイプを描画すると、「レイヤー」パネルに新しいシェイプレイヤーが作成されます。すべての長方形は完全に編集可能なままです。

長方形を描き始める位置にポインターを置き、斜めにクリックしてドラッグしてシェイプを作成します。

ドラッグ中に Shift キーを押したままにすると、長方形を正方形に固定できます。

ドラッグ中に Alt (Windows) または Option (macOS) を押したままにすると、中心点から長方形を描画できます。

マウスボタンを離してシェイプを完成させます。

長方形ツールを選択した状態で、ドラッグせずにカンバスを 1 回クリックします。

長方形を作成ダイアログで、幅と高さの値を入力します。

半径の値を入力して各コーナーの角丸を個別に設定するか、リンクして均一な角丸にします。

クリックした位置を中心に長方形を配置するには、「中心から」を選択します。

指定したサイズで長方形を作成するには、「OK」を選択します。

カンバス上のコントロールまたは「プロパティ」パネルを使用して、プロパティを変更します。

ツールバーから「パス選択」ツールまたは「ダイレクト選択」ツールを選択します。

変更する長方形のシェイプを選択します。

シェイプ上に表示される円形のコーナーウィジェットをドラッグして、コーナーの半径をインタラクティブに調整します。

「プロパティ」パネルを開き、必要に応じて「塗り」、「ストローク」、「幅」、「高さ」、「半径」の値を調整します。

長方形を拡大・縮小、回転、または変形するには、「編集」／「自由変形」を選択するか、Ctrl + T (Windows) または Command + T (macOS) を押します。

オプションバーでは、同じレイヤー上のシェイプの重なり方をコントロールできます。

「パス操作」を選択して、同じレイヤー上の既存のシェイプに新しい長方形をどう作用させるかをコントロールします。「シェイプを結合」、「前面シェイプを減算」、「シェイプ領域を交差」、または「重なったシェイプを除外」を選択します。

「パスの整列」オプションを使用すると、複数選択したシェイプを相互に、またはカンバスに対して整列できます。

「パスの重なり順」を使用して、同じレイヤー上のシェイプの積み重ね順をコントロールします。

歯車アイコンを選択して、パス表示設定や描画制約の追加オプションにアクセスします。

線端、角の形状、整列オプションなど、ストロークの見た目をカスタマイズする詳しい情報については、シェイプのストロークオプションを設定を参照してください。

Photoshopで魅力的な画像を作成
業界をリードする使い慣れた創造的なツールで写真を編集、レタッチ、変換できます。

画像内のオブジェクトをカウント

パスセグメントを変形する

アプリ内のステップバイステップのビデオチュートリアルと実践的なガイダンスで学習できます。

ディスカッションに参加し、回答を見つけ、専門家から学び、知識を共有することができます。

お気に入りの Creative Cloud アプリ、サービス、ファイル管理などにアクセスできます。