萬盛學電腦網
網站首頁
作業系統
網路安全
電腦基礎知識
軟體知識
電腦故障排除
手機
程式設計
辦公室軟體
瀏覽器
Windows 10
WPS Office
防毒軟體
資料庫
Excel 教學
檔案管理
Word 教學
網頁製作
裝機必備軟體
Linux 教學
您现在的位置:
萬盛學電腦網
>>
軟體知識
> >>
影像處理
>>
Photoshop 教學
>>
Photoshop 入門教學
Photoshop 零基礎入門:10 分鐘製作晶瑩剔透的水滴音符特效
教學亮點
零繪圖基礎要求,純工具操作流程。
核心技法:
筆刷載入 → 選區轉換 → 圖層樣式(投影/斜面浮雕/等高線)
三步成型。
可無限複用:定義為自訂筆刷/圖層樣式,一鍵批量生成水滴文字/圖形。
最終效果
詳細步驟
1. 準備背景與音符筆刷
開啟背景素材圖(建議深色/紋理背景,利於水滴高光顯現)。
新建圖層(圖層 1),載入
音符筆刷
(.abr 格式,網路免費資源豐富)。
在圖層 1 上點繪音符圖案,大小位置任意。
2. 選區轉換:從向量筆刷到像素實體
按住
Ctrl
點擊「圖層 1」縮圖 → 載入音符選區(螢幕出現螞蟻線)。
切回
背景圖層
,按
Ctrl+J
複製選區像素 → 自動生成「圖層 2」(含背景材質的音符形狀)。
刪除「圖層 1」(向量筆刷層已完成歷史使命)。
3. 圖層樣式賦予水滴質感(核心步驟)
雙擊「圖層 2」開啟
圖層樣式
,依序設定:
① 投影 —— 立體懸浮感
混合模式:正片疊底
顏色:深灰/黑
角度:120°(全域光取消勾選)
距離:3–5px,擴展:0,大小:5–8px
雜質:0%
② 斜面與浮雕 —— 水滴凸起體積感
風格:內斜面
技法:鑿刻清晰
深度:100%–150%
方向:向上
大小:根據音符大小設定(約 10–20px)
軟化:2–3px
角度:120°,高度:30°–45°
光澤等高線:選「環形」或自定義「凸起→凹陷」雙峰曲線
,關鍵在於模擬水滴頂部高光→側面陰影→底部反射的光路變化。
高光模式:螢幕(白色),不透明度 70%–90%
陰影模式:正片疊底(深灰),不透明度 40%–60%
③ 等高線 —— 精細控制高光/陰影分佈
勾選「等高線」,曲線編輯器中調整為符合水滴光學的曲線:中心高光峰值、側面陰影谷值、底部微弱反射峰值。
勾選「消除鋸齒」。
4. 批量複製與變化
複製「圖層 2」多份,
Ctrl+T
調整大小、旋轉、位置,組成音樂律動構圖。
因圖層樣式為
向量級別
,縮放不失真,水滴質感自動適配尺寸。
進階延伸:定義為「水滴樣式」與「水滴筆刷」
存樣式
:圖層樣式面板 → 「新建樣式」 → 命名「水滴音符」 → 勾選「包含圖層效果」與「包含混合選項」。
存筆刷
:將帶樣式的音符圖層合併(或蓋印),
編輯 → 定義畫筆預設
→ 命名「水滴音符筆刷」。
一鍵使用
:新建圖層 → 選取「水滴音符筆刷」 → 點擊畫布即得帶質感水滴音符;或新建圖層 → 點擊「水滴音符樣式」 → 用任意形狀工具繪製即得水滴質感形狀。
應用場景拓展
音樂主題海報/專輯封面/歌詞動畫素材
水滴文字:輸入文字 → 圖層樣式套用「水滴樣式」
水滴圖標/UI 元素/潑濺特效
任何封閉形狀(愛心、星星、幾何圖形)皆可一鍵水滴化
新手避坑指南
問題
原因
解決
水滴扁平無立體感
斜面浮雕「大小」參數過小
大小設為形狀寬度 1/3–1/2
高光位置不自然
全域光未取消、角度錯誤
取消全域光,角度設 120°–135°
邊緣鋸齒明顯
等高線未勾選消除鋸齒
勾選消除鋸齒、適當羽化選區
縮放後質感變形
直接縮放帶樣式圖層
右鍵圖層效果 → 「縮放效果」調整比例
掌握「選區→圖層樣式」這對黃金搭檔,你就擁有了將任何平面形狀瞬間賦予材質質感的魔法棒!
上一篇軟件知識:
Photoshop 人像數碼後期精修全流程:從原片到大片的商業級修圖實戰
下一篇軟件知識:
Photoshop 數位繪畫完整工作流:從鉛筆線稿到《可愛的天使惡魔》成品的上色與調色實錄
Photoshop 入門教學排行
PS 切片工具完全指南:基於參考線/手動劃分、刪除、Web 導出
PS CC 2015 畫板功能進階:4 個提升 UI 設計效率的實用技巧
Photoshop 提示「暫存盤已滿」無法建立新文件?三步快速解決
Photoshop 數位板鼠繪羽毛公主插畫:分層管理、髮絲逐根刻畫、塗抹工具製絨…
PS 切圖實戰核心知識點:輸出格式、命名規範、標註交付與高效工作流
推薦文章
Photoshop 男士產品商業修圖實戰:從前期認知到後期輸出的完整鏈路思維
Photoshop 選取選單命令全解析:從基礎操作到通道存儲
Photoshop 製作大氣秋季女裝海報合成
Photoshop 反轉片效果製作方法與曲線調色原理
PS 繪製雅致潔白音箱圖標
PS 修正建築攝影透視傾斜:鏡頭校正與透視變形實戰
PS電影感調色實戰:選區工具結合3D LUT打造大片質感
PS繪製虛線實戰技法:筆刷間距法與選區收縮法完整教學
PS 簡單繪製逼真地球教程
玩轉 Photoshop 形狀工具:布爾運算構建複雜矢量圖形的幾何思維
萬盛學電腦網
|
日本語版
|
設為首頁
|
加入收藏
copyright ©
萬盛學電腦網
all rights reserved