教學目標

繪製一款包含筆記本、鋼筆、橡皮擦的寫作主題圖標，重點掌握圖層樣式構建質感、長投影表現空間感、像素級對齊與圖層管理規範。

最終效果

步驟 1：畫布與網格設定

Ctrl+N 建立 1024×1024 px 畫布，背景 #FCF2DA。編輯 > 首選項 > 參考線/網格/切片，設定網格間距便於對齊（建議 32 px 主網格，4 px 細分）。

步驟 2：圖標基座

圓角矩形工具（U），512×512 px，半徑 120 px，形狀模式，填充 #C47420，命名「icon base」。添加「內陰影」（參考圖 3 參數）營造凹陷感。

步驟 3：長投影

矩形工具畫黑色長方形（約 718×733 px），Ctrl+T 旋轉 45° 置於基座下方。添加「漸層疊加」（黑→透明，角度 90°），圖層不透明度 30%、填充 0%，得到柔和長投影。

步驟 4：筆記本本體

1. 圓角矩形 480×480 px，半徑 100 px，填充 #F3F3F3（紙張色）。
2. 複製圖層，路徑選擇工具（A）縮減 16 px，高度改 432 px。
3. 再複製，高度 416 px，填充 #F3F3F3（內頁）。
4. 直線工具（U），2 px 粗細，黑色，不透明度 20%，畫橫線條（筆記本格線）。

步驟 5：鋼筆

1. 筆帽：矩形 192×96 px，填 #00DA67（或自訂色）。
2. 筆身：兩個 32 px 高矩形疊加，黑色，不透明度 25%/10% 表現陰影層次。
3. 筆尖：多邊形工具（3 邊），32×32 px，填 #E39A4D（金屬色）。
4. 筆尖尖端：三角形 32×32 px，填 #474F57，建立剪貼蒙版限制於筆尖範圍。

步驟 6：橡皮擦

1. 圓角矩形 64×96 px，半徑 20 px，填 #F78879，命名「Rubber」。
2. 矩形 32×96 px，填 #D5D5D5（側面）。
3. 高光：圓角矩形 10×40 px，白色，不透明度 30%。

步驟 7：鋼筆與橡皮擦長投影

同步驟 3 方法，建立矩形 352×160 px，變形旋轉，加漸層疊加，完成空間感。

規範化總結

• 命名規範：功能_部位_材質（如 icon_base, notebook_cover_paper, pen_cap_metal）。
• 群組結構：Base / Shadow / Notebook / Pen / Eraser，各群組內按 Z 軸順序排列。
• 像素對齊：所有矩形邊緣落在像素網格上，避免模糊邊緣。
• 非破壞工作流：優先使用形狀圖層+圖層樣式，而非光柵化繪製。