給圖片新增羽毛飛舞的效果

閱讀約 18 分鐘

首頁/ PS學習教程/ 給圖片新增羽毛飛舞的效果

想讓照片多點浪漫感,飛舞的羽毛比貼紙自然。教程從頭教你做一支羽毛畫筆:匯入素材、自由變形做變形、定義為筆刷預設,再調動力學引數,讓每根羽毛的角度大小都不同。線上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 定義為筆刷預設

  1. 確保羽毛圖層已經 點陣化(右鍵圖層 → 點陣化),否則 “新建筆刷預設” 將不可用。
  2. 在左側工具欄 選擇畫筆工具(B),隨後在頂部選項列點選 “筆刷預設” 小三角 → “新建筆刷預設”。
  3. 彈窗中勾選 “使用圖層形狀” 與 “保持透明度(Preserve Transparency)”,命名如 “Feather‑01”。確認。

此時你的羽毛已經變成了一個自定義畫筆,後面只需要調節畫筆屬性就能一次性繪出多根羽毛。

④ 設定羽毛畫筆引數(動力學)

開啟 畫筆設定面板(F5 或右鍵畫筆工具 → 畫筆設定…)。下面是推薦的關鍵引數:

屬性 推薦數值 說明
形狀動力學 → 角度抖動 30‑45° 讓每根羽毛傾斜角不同,增加自然感。
散佈 → 散佈 20‑30% 每一次筆畫的羽毛位置微微偏移。
尺寸抖動 30‑50% 羽毛大小不一。
形狀動力學 → 方向 0° (保持原始方向) 如果想讓羽毛隨路徑彎曲,可開啟“路徑”選項。
顏色動力學 → 前景/背景混合 100% 前景 使用前景色控制羽毛顏色。
流量(Flow) 85 % 保證筆觸漸層平滑。
不透明度(Opacity) 80 % 讓羽毛邊緣有微弱的透明感。

前景色 / 背景色的選擇:

  • 前景色:根據底圖的光線或人物服裝挑選柔和的淡灰、淺棕或略帶藍綠的色調。
  • 背景色:保持預設透明即可。

如果想要多種顏色的羽毛,可以先繪製一層淡白羽毛,複製圖層後更改前景色再繪製。這樣可一次性得到多色羽毛而不必重新建立畫筆。

⑤ 繪製羽毛效果

  1. 在底圖上新建一個空白圖層,命名為 “羽毛”。
  2. 選中羽毛畫筆,調節畫筆大小([ / ])到合適的羽毛長度,一般 30‑80 px,檢視像尺寸而定。
  3. 在需要的區域輕點或拖動,一次性可以出現 3‑7 根羽毛(取決於散佈與大小抖動)。
  4. 為讓羽毛呈現飛舞軌跡,可在同一筆畫中 按下 Shift 拖動,形成稍微彎曲的路徑。
  5. 繪製完後,若覺得某根羽毛位置不理想,可使用 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%

操作技巧:在圖層樣式面板左下角勾選 “預覽”,隨時切換勾選狀態即可快速對比有無光影效果。

⑦ 隱藏底圖進行單獨預覽

在圖層面板裡把底圖的 眼睛圖示 關閉,只保留 羽毛圖層,可以直觀看到光影是否自然。
小技巧:把底圖和羽毛放入同一個 組,在組上使用眼睛圖示一次性顯隱,省去單獨點兩層的麻煩。

⑧ 匯出成品

  1. 如果需要保留透明背景(如海報、網頁素材),選擇 File → Export As → PNG,確保勾選 “透明色版”(PNG‑24)。
  2. 若要直接用於網頁或社交媒體,可匯出為 JPEG(品質 80‑90%)或 WebP。
  3. 匯出前可在 Image → Image Size 檢查最終尺寸,避免檔案過大導致頁面載入慢。
  4. 強烈建議再儲存一次 PSD(File → Save As → .psd),以後想要改動羽毛位置或光影時可以直接開啟繼續編輯。

參考資料

  • Adobe Photoshop官方文件
  • HTML5與現代前端圖片處理原理
  • 線上ps