毛玻璃效果的重點是那塊半透明方框。畫矩形選取範圍、複製圖層、建剪下遮色片,再上高斯模糊和玻璃濾鏡做磨砂感,然後加水波扭曲和陰影。免安裝的線上PS 就能做完,做成簽名照挺出片。
步驟 2:繪製矩形框
① 選擇左側工具欄的 矩形工具(U)
② 在畫布上拖出一個矩形,大小和位置自行調節(參考下圖的示例)。
③ 在屬性欄把 填滿 設為 #00000000(全透明),筆畫 設為 #ffffff、寬度 2px,便於後期定位。
步驟 3:複製原圖層並置頂
① 選中左側的 圖層 0(原始少女)。
② Ctrl + J(Windows)/ ⌘ + J(Mac)複製圖層 → 生成 圖層 1。
③ 把圖層 1 拖到圖層面板最上方(置於矩形上方)。
步驟 4:對圖層 1 與矩形建立剪下遮色片
① 在圖層面板中先選中 矩形圖層,再按住 Alt(Windows)/ Option(Mac)點選 圖層 1 的下方,出現剪下遮色片圖示。
效果:圖層 1 只在矩形範圍內顯示。
步驟 5:高斯模糊(毛玻璃)
① 仍然選中 圖層 1(已剪下)。
② 選單 Filter → Blur → Gaussian Blur…(或 Ctrl + Alt + G)
③ 將 半徑設定為 20 px,點選 OK。
步驟 6:濾鏡庫 → 扭曲 → 玻璃
① 仍保持選中 圖層 1。
② Filter → Filter Gallery… → 進入 Distort → Glass。
③ 引數推薦:
• Distortion:5
• Smoothness:2
• Texture:預設(或自行選擇)
點選 OK。
步驟 7:對矩形圖層新增水波扭曲
① 在圖層面板中選中 矩形圖層(不是圖層 1)。
② Filter → Distort → Ripple…(或 Filter → Distort → Wave 任選其一)
• Amount:30
• Size:20
這樣能讓玻璃邊緣產生輕微的波紋,更有立體感。
步驟 8:新增陰影(圖層樣式)
① 右鍵 圖層 1 → Blending Options…。
② 勾選 Drop Shadow(陰影),設定:
• Opacity:60%
• Angle:120°(光源來自左上)
• Distance:10 px
• Spread:0%
• Size:15 px
點選 OK。
步驟 9:調出高光 Ctrl + Alt + 2
① 按下 Ctrl + Alt + 2(Windows)或 ⌘ + Option + 2(Mac),Photoshop 會自動生成一個名為 Highlight 的新圖層,內容是當前選取範圍的高亮複製。
② 將 Highlight 圖層移動到 圖層 1 之上。
步驟 10:複製高光圖層 → 徑向模糊
① 選中 Highlight 圖層,Ctrl + J 複製得到 圖層 2。
② 選單 Filter → Blur → Radial Blur…
• Method:Zoom
• Blur amount:60
• Center:點選畫布中心點,確保是矩形的中心。
點選 OK。
③ 在圖層面板把 圖層 2 的 混合模式改為 Overlay(重疊),提升光暈效果。
步驟 11:新增文字(簽名)
① 選取左側工具欄的 文字工具(T)。
② 在矩形內部點選,輸入你的暱稱或簽名文字。
推薦字型:蘋方、華文細黑、Pacifico(手寫體)。
調整字號、顏色(常用白色或淺粉),並可在 圖層樣式 → 外光暈/陰影裡再加一點點發光提升可讀性。
完成 🎉
至此,你已經得到一張 毛玻璃少女個性簽名照。
匯出: File → Export As → PNG/JPEG,儲存到本地即可在社交平臺使用。
常見問題 & 小技巧
- 矩形剪下遮色片消失了:確保先選中矩形,再按 Alt(Win)/ Option(Mac)點選下方圖層。
- 高斯模糊太強/太弱:可以在圖層 1 複製後分別嘗試不同半徑,再用 不透明度調節融合度。
- 想要更細膩的玻璃紋理:在 濾鏡庫 → 紋理 → Grain 里加入輕微噪點,再設為 Overlay,能模擬真實玻璃的微小劃痕。
- 快速鍵速查(適用於 Photoshop):
Ctrl+J 複製圖層 Ctrl+Alt+2 調出高光 Ctrl+Shift+N 新建圖層 Ctrl+T 自由變形 Ctrl+Z 撤銷
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps