文件夾圖標是 UI 設計入門的經典練習。本教程將演示如何運用「鋼筆工具」精確勾勒形狀，結合「圖層樣式」快速賦予材質與立體感，最終獲得一枚風格統一、細節豐富的藍色文件夾圖標，並制作倒影效果提升展示質感。

效果圖預覽

制作流程

1. 文件夾主體（蓋子）

• 新建 1280×1024px 白底文檔。鋼筆勾勒文件夾蓋子輪廓（梯形帶圓角），填充黑色。
• 添加圖層樣式：「倒角與浮雕」（內凹邊緣）、「漸變疊加」（垂直藍色漸變）、「內陰影」（頂部陰深）、「投影」（底部立體感）。

2. 文件夾側面（身體）

• 新建圖層，鋼筆勾勒平行四邊形側面，填黑，加同樣風格圖層樣式（調整角度與高光位置）。
• 新建圖層，鋼筆勾勒另一側可見側面，直接填充品牌藍 #1e9cd7。
• 新建圖層，勾勒前表面高光區，填白，不透明度 15%。

3. 倒影與陰影

• 合併除背景外所有圖層，復制一層，Ctrl+T 垂直翻轉，變形透視（縮短高度）。
• 為翻轉層添加「圖層蒙版」，黑白線性漸變由上而下淡出。
• 底部新建圖層，軟邊黑筆刷繪製柔和投影。

關鍵技巧總結

1. 鋼筆工具勾勒精準矢量路徑是基礎，善用「橡皮筋」預覽。
2. 圖層樣式參數可保存為預設，同風格圖標一鍵套用。
3. 倒影層透視變形與蒙版漸變是寫實感關鍵。