矩形是幾何構成的基礎單元。本教學示範如何在 PS 中純手工繪製一個具備正確透視、真實光影、材質質感的立體矩形體，作為圖標設計、產品草圖、建築概念圖的入門練習。

透視框架建立

1. 新建文件，視圖 > 新建參考線佈局，設定兩個消失點（雙點透視）。
2. 鋼筆工具繪製矩形體 12 條邊線路徑：底面 4 條、頂面 4 條、4 條豎向棱線。路往面板儲存為「Box_Edges」。
3. 將路往描邊為 2 px 灰色線條（圖層「Wireframe」），作為後續填色基準。

面塊填色與選區分離

1. 以路往載入選區，分別為「頂面」「左側面」「右側面」建立獨立圖層填充基礎色（如頂面 #cccccc、左面 #999999、右面 #666666）。
2. 將三面圖層群組命名「Faces」。

光影渲染核心邏輯

假設主光源位於左上前方：

• 頂面：最亮，添加「漸變疊加」從亮灰到中灰（線性、角度 90°）。
• 左側面：次亮，漸變從中灰到深灰（角度 0°），右邊緣添加 1 px 高光線（手繪或描邊路徑）。
• 右側面：最暗，漸變從深灰到極暗，左邊緣（與左面交接）添加 1 px 反射光線。

材質質感疊加

1. 頂面：濾鏡 > 雜訊 > 添加雜訊（1%，單色）+ 動感模糊(0°，5px) 模擬拉絲金屬。
2. 側面：濾鏡 > 紋理 > 紋理化（畫布紋理，縮放 100%，浮雕 2）模擬塑膠/漆面。
3. 所有面添加「圖層樣式 > 斜面與浮雕」（外部、平滑、深度 100%、大小 3px）強化棱角體積感。

投影與落地關係

1. 複製「Faces」群組合併得「Silhouette」，填黑，自由變換（Ctrl+T）扭曲為透視投影形狀。
2. 高斯模糊 8-12 px，不透明度 30%，混合模式「正片疊底」。
3. 接觸面（底部邊緣）加深不透明度至 60%，模擬遮蔽區陰影更濃。

環境反射與細節

• 新建圖層「Reflection」，柔邊白畫筆低流量在棱邊、頂面高光區掃過，模擬環境燈條倒影。
• 頂面中心添加微弱「外發光」（白色、線性減淡、大小 20px）模擬鏡面高光點。

進階延展

• 將矩形體轉為「智慧物件」，置入透視網格場景中自動適應透視。
• 替換面塊材質為木紋、石材、玻璃（添加折射倒影），快速變體。
• 動作面板錄製上述流程，一鍵生成任意尺寸立體矩形基礎模型。

掌握「透視骨架 → 面塊分離 → 光影邏輯 → 材質疊加 → 投影落地」五步法，即可舉一反三繪製任意多稜體，為 3D 繪圖軟體不便介入的快速概念設計提供強力支援。