設計拆解與圖層架構

放大鏡由 手柄本體（電池倉段、握把段、底蓋）與 鏡頭組件（外框、鏡面、高光、倒影）兩大模組組成。核心技法：矢量形狀+圖層樣式建立基礎質感 → 鋼筆路徑勾勒高光/陰影選區 → 蒙版非破壞性修飾 → 智能物件整體變換。所有光影遵循「左上光源」統一設定。

第一階段：手柄本體建模

1. 電池倉主體（矩形基礎）

1. 新建 500×500 px 文件，背景白
2. 新建圖層，矩形工具拉黑色長方形（寬約 80px，高約 300px）
3. 圖層樣式 → 「漸變疊加」（線性、角度 0°、左深灰 #333 → 右中灰 #888 → 右亮灰 #ccc）+「內陰影」（距離 2px、大小 3px）+「描邊」（1px、深灰）
4. 鋼筆工具添加錨點調整頂部/底部弧度，符合人體工學圓角

2. 握把橢圓段

1. 新建圖層，橢圓工具拉黑色橢圓（寬略大於電池倉，高約 60px）置於電池倉下方
2. 圖層樣式：漸變疊加（徑向、中心亮 #aaa → 邊緣暗 #444）+ 內陰影 + 描邊
3. 轉為智能物件保留可編輯性

3. 高光與陰影細節（鋼筆路徑+蒙版流程）

通用流程： 新建圖層 → 鋼筆勾勒選區 → 填充白/黑 → 調整不透明度 → 加蒙版擦除多餘 → 必要時高斯模糊過渡

細節層	形狀	填充	不透明度	模糊
頂部高光帶	細長弧形	白	68%	無
側面反光帶	垂細長條	白	40%	無
側面陰影帶	垂細長條	黑	100%	無
底部投影	橢圓	黑	30%	高斯模糊 10px
電池倉內縮陰影	縮小電池倉路徑	黑	40%	無

4. 底蓋細節

1. 複製電池倉路徑 → 縮小 → 新建圖層填充黑 → 不透明度 40%
2. 底部新建圖層，柔邊黑筆刷塗抹接地陰影

第二階段：鏡頭組件建模

5. 鏡框圓環（減法模式布爾）

1. 新建圖層，橢圓工具按 Shift 拉大正圓選區
2. 選項欄選「減前面形狀」 → 再拉小正圓 → 得到圓環路徑
3. 填充黑色 → 圖層樣式：斜面與浮雕（外斜面、深度 150%、大小 8px、高光線性減淡、陰影正片疊底）+ 內陰影 + 描邊（1px、金屬漸變）

6. 鏡面高光月牙

1. 同樣減法模式建立白色圓環
2. 鋼筆工具調整路徑節點 → 形成月牙狀高光帶
3. 加蒙版擦除多餘 → 複製圖層 Ctrl+T 垂直翻轉置於頂部 → 形成上下雙月牙高光

7. 鏡面玻璃質感

1. 自定義形狀工具拉白色正圓（略小於鏡框內徑）
2. 圖層樣式：內陰影（距離 3px、大小 10px、噪點 5%）+ 內發光（淺藍、大小 20px）+ 色彩疊加（淺藍 #88ccff、疊加模式、10%）

8. 鏡面內部反射圓環

1. 減法模式畫 2 個黑色正圓（內外徑）
2. 鋼筆微調路徑 → 不透明度 10% → 形成微弱內反射層次

第三階段：整體組裝與場景化

9. 智能物件整體變換

1. 選擇除背景外所有圖層 → 右鍵「轉換為智能物件」
2. Ctrl+T 縮放、旋轉約 30-45°，擺放構圖角度

10. 場景佈置與投影

1. 底部放置網頁截圖/圖片作為「被放大內容」
2. 放大鏡底部新建圖層 → 柔邊黑筆刷塗抹接地投影（不透明度 30%，高斯模糊 15px）
3. 新建圖層 → 鋼筆勾勒投影路徑（模擬透視投影） → 填充黑 → 高斯模糊 8px → 蒙版漸變羽化邊緣

11. 放大鏡鏡面內容（球面扭曲效果）

1. 選中截圖圖層 → 橢圓選框工具按 Shift 拉正圓選區（對準鏡面內徑）
2. 路徑面板 → 右鍵「建立工作路徑」 → 編輯 → 變換 → 「擠壓」 → 彎曲度 +50% 至 +80% → 確定
3. 截圖圖層加蒙版 → 僅保留球面扭曲後的圓形區域

12. 鏡面下方投影

1. 截圖圖層下新建圖層 → 橢圓選區填充黑 → 高斯模糊 10px → 不透明度 40%

關鍵技術複盤

技術	應用	優勢
矢量形狀+圖層樣式	基礎幾何體質感	無限縮放不失真，參數可隨時調整
鋼筆路徑+蒙版	高光/陰影/反射細節	精確控制形狀，非破壞性，可動畫
減法模式布爾	圓環/月牙構建	單圖層完成複雜形狀，邊緒銳利
智能物件	整體變換/濾鏡	保留原始圖層結構，支援非破壞性縮放旋轉
路徑擠壓變形	球面放大效果	程序化生成球面扭曲，比手繪精確

避坑提醒

• 光源不一致： 所有高光/陰影/投影必須遵循同一光源方向（本案左上 45°）
• 圖層順序錯亂： 由下而上：背景 → 截圖 → 截圖投影 → 放大鏡智能物件 → 放大鏡投影 → 場景投影
• 過度銳利： 真實金屬/玻璃邊緣有微小彈散，關鍵邊緣適度高斯模糊 0.5-1px 更真實
• 鏡面扭曲變形： 「擠壓」濾鏡作用於路徑/選區，非直接作用於像素，須先建立工作路徑

延伸應用

• 替換鏡面內容為程式碼/地圖/產品細節，即成「代碼放大鏡/地圖放大鏡/產品放大鏡」
• 動畫面板對智能物件旋轉/縮放/鏡面扭曲度做關鍵幀，可輸出「放大鏡檢視」動效
• 結合 3D 功能（新版 PS）可進一步產生真實折射/反射，但 2D 疊加法更輕量可控