想讓照片多點浪漫感,飛舞的羽毛比貼紙自然。教程從頭教你做一支羽毛畫筆:匯入素材、自由變形做變形、定義為筆刷預設,再調動力學引數,讓每根羽毛的角度大小都不同。線上PS 裡筆刷預設能存下來復用。
① 選擇一張合適的圖片
開啟 線上ps(zaixianps.cc)人物姿勢應有動作感(跳躍、轉身、揮手等),這樣羽毛的動感更自然。
Tips:如果圖片背景較為單色,後期羽毛與背景的融合會更容易。
小技巧:可先用 快速選取工具(W) 把人物摳出,做成獨立圖層,再進行羽毛繪製。
② 在 線上ps 中開啟檔案
① 在線上ps 主介面點選 File → Open(或快速鍵 Ctrl+O)
② 選中底圖,確認開啟。
提示:建議先確認圖片寬度 ≥ 800 px,以免羽毛細節失真。
如果你想在同一檔案裡管理所有素材,隨後還會把羽毛素材拖進去。
③ 準備羽毛素材 & 製作畫筆
3.1 匯入羽毛素材
同樣使用 File → Open 開啟一張透明背景的羽毛 PNG(或自己在 線上ps 中畫一個簡易羽毛)。
3.2 自由變形 → 變形
選中羽毛圖層,使用 Ctrl+T(Free Transform)→ 在上方工具欄點選 變形(Warp) 圖示,手動拉伸、扭曲,使羽毛呈現自然的飄動姿態。
技巧:右鍵 → Show Grid(顯示網格)幫助對稱拉伸。
3.3 定義為筆刷預設
- 確保羽毛圖層已經 點陣化(右鍵圖層 → 點陣化),否則 “新建筆刷預設” 將不可用。
- 在左側工具欄 選擇畫筆工具(B),隨後在頂部選項列點選 “筆刷預設” 小三角 → “新建筆刷預設”。
- 彈窗中勾選 “使用圖層形狀” 與 “保持透明度(Preserve Transparency)”,命名如 “Feather‑01”。確認。
此時你的羽毛已經變成了一個自定義畫筆,後面只需要調節畫筆屬性就能一次性繪出多根羽毛。
④ 設定羽毛畫筆引數(動力學)
開啟 畫筆設定面板(F5 或右鍵畫筆工具 → 畫筆設定…)。下面是推薦的關鍵引數:
| 屬性 | 推薦數值 | 說明 |
|---|---|---|
| 形狀動力學 → 角度抖動 | 30‑45° | 讓每根羽毛傾斜角不同,增加自然感。 |
| 散佈 → 散佈 | 20‑30% | 每一次筆畫的羽毛位置微微偏移。 |
| 尺寸抖動 | 30‑50% | 羽毛大小不一。 |
| 形狀動力學 → 方向 | 0° (保持原始方向) | 如果想讓羽毛隨路徑彎曲,可開啟“路徑”選項。 |
| 顏色動力學 → 前景/背景混合 | 100% 前景 | 使用前景色控制羽毛顏色。 |
| 流量(Flow) | 85 % | 保證筆觸漸層平滑。 |
| 不透明度(Opacity) | 80 % | 讓羽毛邊緣有微弱的透明感。 |
前景色 / 背景色的選擇:
- 前景色:根據底圖的光線或人物服裝挑選柔和的淡灰、淺棕或略帶藍綠的色調。
- 背景色:保持預設透明即可。
如果想要多種顏色的羽毛,可以先繪製一層淡白羽毛,複製圖層後更改前景色再繪製。這樣可一次性得到多色羽毛而不必重新建立畫筆。
⑤ 繪製羽毛效果
- 在底圖上新建一個空白圖層,命名為 “羽毛”。
- 選中羽毛畫筆,調節畫筆大小([ / ])到合適的羽毛長度,一般 30‑80 px,檢視像尺寸而定。
- 在需要的區域輕點或拖動,一次性可以出現 3‑7 根羽毛(取決於散佈與大小抖動)。
- 為讓羽毛呈現飛舞軌跡,可在同一筆畫中 按下 Shift 拖動,形成稍微彎曲的路徑。
- 繪製完後,若覺得某根羽毛位置不理想,可使用 Ctrl+Z 撤銷,或者把羽毛圖層複製 & 變形(Ctrl+T → Warp)再次調整。
快速鍵小結:
• Ctrl+Z / Ctrl+Shift+Z – 撤銷 / 前進
• Ctrl+Alt+Z – 步進撤銷(一步步回到最初)
• Alt+Backspace – 將前景色重置為預設黑色(快速切換顏色)。
⑥ 為羽毛新增光影(圖層樣式)
選中 “羽毛” 圖層 → 雙擊圖層開啟 圖層樣式 面板。常用的兩種樣式如下:
① 陰影(Drop Shadow)
- 混合模式:Multiply
- 顏色:深灰或與底圖光源相匹配的顏色
- 角度:依據光源方向(如 120°)
- 距離:10‑20 px
- 擴充套件:5‑15 px
- 大小:30‑50 px
- 不透明度:30‑45%
② 內陰影(Inner Shadow)
- 混合模式:Overlay
- 顏色:稍暗的同色系(如深棕)
- 角度同陰影,以增強立體感
- 距離、大小調小(5‑10 px)
- 不透明度:15‑25%
如果想讓羽毛更輕盈、像被光線撫過,可再加一個 外光暈(Outer Glow):
- 混合模式:Screen(或 Lighten)
- 顏色:淡白或淺金
- 大小:20‑40 px
- 不透明度:20‑30%
操作技巧:在圖層樣式面板左下角勾選 “預覽”,隨時切換勾選狀態即可快速對比有無光影效果。
⑦ 隱藏底圖進行單獨預覽
在圖層面板裡把底圖的 眼睛圖示 關閉,只保留 羽毛圖層,可以直觀看到光影是否自然。
小技巧:把底圖和羽毛放入同一個 組,在組上使用眼睛圖示一次性顯隱,省去單獨點兩層的麻煩。
⑧ 匯出成品
- 如果需要保留透明背景(如海報、網頁素材),選擇 File → Export As → PNG,確保勾選 “透明色版”(PNG‑24)。
- 若要直接用於網頁或社交媒體,可匯出為 JPEG(品質 80‑90%)或 WebP。
- 匯出前可在 Image → Image Size 檢查最終尺寸,避免檔案過大導致頁面載入慢。
- 強烈建議再儲存一次 PSD(File → Save As → .psd),以後想要改動羽毛位置或光影時可以直接開啟繼續編輯。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps