---

前言

在 Photoshop（簡稱 PS）的眾多繪圖工具中，矩形工具是使用率極高的基礎工具之一。無論是設計 UI 界面、制作海報邊框，還是繪制圖表元素，矩形工具都能憑借其簡潔高效的特性，幫助設計師快速完成基礎圖形的創建。本文將從工具調用、屬性設置、繪制技巧到實際應用，全面解析 PS 矩形工具的使用方法，助力新手快速上手，讓資深用戶也能發現隱藏技巧。

---

一、矩形工具的基礎認知?

矩形工具屬于 PS 中的 “形狀工具” 組，其核心功能是創建規則的矩形或正方形矢量圖形。與 “選框工具” 創建的像素選區不同，矩形工具繪制的圖形屬于矢量形狀，這意味著它可以無損縮放，且邊緣始終保持清晰，非常適合需要多次調整尺寸的設計場景（如 Logo、圖標等）。?
在 PS 界面中，矩形工具的圖標為一個藍色矩形（不同版本可能存在細微差異），默認位于左側工具欄的中間位置，快捷鍵為U。如果工具欄中顯示的是其他形狀工具（如橢圓工具、圓角矩形工具等），可長按工具圖標切換至矩形工具，或按Shift+U組合鍵循環切換形狀工具組。

二、矩形工具的選項欄詳解?

選中矩形工具后，頂部屬性欄會顯示其核心設置選項，這些選項直接影響圖形的繪制效果，掌握它們是靈活使用工具的關鍵。?

1. 模式：用于設置矩形工具的工作模式，包括 “形狀”“路徑” 和 “像素”。“形狀” 模式會創建一個帶有填充和描邊的矢量形狀圖層；“路徑” 模式只繪制形狀的輪廓路徑，不產生填充和描邊；“像素” 模式繪制的圖形會直接填充前景色，且不具備矢量屬性，無法進行形狀編輯。
   

2. 填充：點擊該選項可打開填充設置菜單，用于指定填充在矩形路徑范圍內的顏色，包括無顏色、純色、漸變和圖案等。
   

3. 描邊：用于指定形狀描邊的顏色、寬度和類型。點擊顏色框可選擇描邊顏色，包括無顏色、純色、漸變和圖案等；“描邊寬度” 可手動設置矩形描邊的寬度，也可直接在 “描邊” 標簽名稱上左右拖動來設置；“描邊類型” 可選擇實線、虛線或點線等，也可自定義描邊樣式。
   

4. 形狀寬與高：用于手動設置矩形的寬度和高度，二者可通過中間的鏈條按鈕來鎖定等比例變化。
   

5. 路徑操作：當繪制新的形狀或路徑時，新的子路徑可以與已有的子路徑進行相加、相減、相交、排除等布爾運算。
   

6. 路徑對齊方式：用于設置多個矩形路徑的對齊與分布方式，如左對齊、居中對齊、右對齊等。

7. 路徑排列方式：用于設置所創建的矩形的堆疊順序，如置于頂層、前移一層、后移一層、置于底層等。
   

8. 其他形狀和路徑選項：單擊齒輪圖標可訪問其他矩形形狀和路徑選項，可設置路徑在屏幕上顯示的寬度和顏色等屬性以及約束選項。

9. 圓角半徑：指定要繪制的矩形形狀的圓角半徑，數值越大，矩形的四角越圓滑，設為 0px 時則為直角矩形。

10. 繪制模式：點擊選項欄中的小三角圖標，可彈出矩形設置菜單。“不受限制” 表示矩形的尺寸完全由用戶的拖動范圍決定；“方形” 用于繪制正方形；“固定大小” 允許用戶在 “W（寬度）” 和 “H（高度）” 輸入框中設定具體數值來繪制矩形；“比例” 模式下，可在 “W” 和 “H” 中輸入整數比值來控制矩形長寬比例；“從中心” 勾選后，矩形將以光標起始點為中心向外擴展；“對齊像素” 功能可以使矩形邊緣自動貼合到圖像像素邊界，提升清晰度。
    

三、矩形工具的繪制技巧?

掌握基礎操作后，靈活運用繪制技巧能大幅提升效率，以下是幾個實用技巧：?

1. 繪制標準正方形?
   默認情況下，拖動鼠標繪制的是矩形，若想繪制等比例的正方形，可在拖動鼠標時按住Shift 鍵，松開后即可得到標準正方形。?
2. 從中心向外繪制?
   通常矩形的繪制起點為左上角，若想以點擊點為中心向外擴展繪制，可按住Alt 鍵（Windows 系統）或Option 鍵（Mac 系統），同時拖動鼠標。?
3. 精確繪制固定尺寸矩形?
   若需要繪制指定寬度和高度的矩形，可在選中工具后，直接在畫布上點擊，彈出 “創建矩形” 對話框，輸入具體數值（單位默認為像素），點擊 “確定” 即可生成精確尺寸的矩形。?
4. 組合繪制復雜圖形?
   利用屬性欄的 “路徑操作”（如合并形狀、減去頂層形狀、交叉形狀等），可將多個矩形組合成復雜圖形。例如，用兩個矩形 “減去頂層” 操作制作相框的中空效果，或用多個矩形拼接成圖標圖案。

四、矩形工具的實際應用場景?

矩形工具的實用性體現在多類設計場景中，以下是幾個常見案例：?

1. UI 界面設計?
   在 APP 或網頁 UI 設計中，矩形工具常用于繪制按鈕、卡片、導航欄等元素。通過設置圓角（需切換至 “圓角矩形工具”，本質是矩形工具的變體）、填充漸變和描邊陰影，可快速制作符合現代設計風格的界面組件。?
2. 海報與 banner 設計?
   繪制海報時，矩形工具可用于創建背景色塊、文字邊框或信息分區。例如，用半透明矩形作為文字底紋，提升文字可讀性；或用多個不同顏色的矩形拼接成幾何風格的背景圖案。?
3. 圖表與數據可視化?
   在制作簡單圖表（如柱狀圖、進度條）時，矩形工具是核心工具。通過調整矩形的高度和寬度，配合填充不同顏色，可快速制作直觀的數據分析圖表。?
4. 輔助線與布局規劃?
   繪制臨時矩形可輔助規劃畫布布局，例如用矩形標記出圖片、文字的占位區域，確定各元素的間距和比例，完成后隱藏或刪除矩形圖層即可。

五、常見問題與解決方案?

1. 繪制的矩形邊緣模糊？?
   若矩形邊緣出現鋸齒，可能是因為誤將 “形狀圖層” 繪制模式切換為 “像素模式”，且繪制時未對齊像素網格。解決方案：切換回 “形狀圖層” 模式，或在 “視圖” 菜單中勾選 “對齊像素”。?
2. 無法修改矩形的尺寸？?
   選中矩形圖層后，若未顯示錨點，可按Ctrl+T（自由變換）調出變換框，拖動錨點調整尺寸；若需精確修改，可在頂部屬性欄直接輸入寬度和高度數值。?
3. 如何批量復制矩形？?
   選中矩形圖層，按住Alt 鍵拖動圖形可快速復制，配合Shift 鍵可沿水平或垂直方向等距復制，適合制作重復圖案（如網格、列表項）。

---

總結

矩形工具作為 PS 中最基礎的形狀工具，看似簡單，卻能通過靈活的屬性設置和組合操作，滿足從基礎繪圖到復雜設計的多種需求。無論是新手還是資深設計師，熟練掌握其使用技巧都能顯著提升工作效率。

如果這篇文章對您有所幫助，點個贊，收藏鼓勵一下吧！要是您覺得我的內容還不錯，順手點個關注? 那就再好不過啦！關注我，后續將持續為您輸出更多同類型優質內容。