ps線上教程 製作漂亮的羽毛效果

閱讀約 19 分鐘

首頁/ PS學習教程/ ps線上教程 製作漂亮的羽毛效果

一根羽毛靠濾鏡就能長出來。矩形打底,風濾鏡做出毛邊紋理,動態模糊讓它更自然,極座標彎成弧形,然後複製翻轉拼成完整的一片。線上PS 裡這套濾鏡組合的順序不能亂。

  1. 1.新建畫布 & 填滿背景

    開啟 線上ps(zaixianps.cc), File → New,尺寸自行設定。隨後使用油漆桶(G)把背景填滿為 黑色(#000000)。

    ① 新建畫布並填滿黑色背景
  2. 2.繪製基礎矩形(羽毛的雛形)
    • 新建空白圖層(Ctrl+Shift+N)。
    • 選 矩形工具(U),繪製一個狹長矩形——寬度決定羽毛的長短。
    • 在屬性欄將填滿改為 白色(#FFFFFF),筆畫設為 無。
    ② 白色矩形(後期將變成羽毛)
  3. 3.大風濾鏡 → 讓矩形產生羽毛紋理

    選單 Filter → Stylize → Wind,選擇 From the Right(從右側吹風)。重複 2~3 次直至形狀出現不規則的“羽毛絲”。

    提示:每次使用完後記得 Ctrl+D 取消選取範圍。

    ③ 通過風濾鏡製造羽毛紋理
  4. 4.動態模糊 – 讓羽毛更自然

    選單 Filter → Blur → Motion Blur,引數設定為:

    Angle: 0°   // 與矩形方向保持一致
    Distance: 80–120(視畫布尺寸自行微調)
                            

    該步驟讓羽毛的“絲”有輕微的傾斜感。

  5. 5.自由變形(旋轉 90°) & 移動至底部

    使用 Ctrl+T(Free Transform),在左上角輸入 90°,確認後用移動工具把圖形拖到畫布最下方。

    ⑤ 旋轉 90° 並下移
  6. 6.極座標 – 把直線羽毛轉為弧形

    選單 Filter → Distort → Polar Coordinates,選擇 Rectangular to Polar(“極座標到平面座標”)。

    ⑥ 極座標轉換
  7. 7.再次自由變形 & 裁切所需部分

    再次 Ctrl+T,把羽毛旋轉到想要的角度並微調扭曲(可使用右鍵選單的 Warp)。隨後使用矩形選取畫面工具選出要保留的區域。

  8. 8.反選並刪除多餘部分

    按 Shift+Ctrl+I(或 Shift+⌘+I)反選,直接 Delete 刪除多餘的畫素。

  9. 9.複製、水平翻轉 – 完成羽毛的“雙面”雛形
    • 在圖層面板右鍵 → Duplicate(複製)。
    • 選中複製層,Ctrl+T → 在頂部工具欄點 “Flip Horizontal”。
    • 把翻轉後的層移動到另一側,兩側拼合即得到完整的羽毛形狀。
    ⑨ 複製並水平翻轉,形成完整羽毛雛形
  10. 10.繪製羽毛柄(矩形+填滿)
    • 仍在同一個圖層上,用矩形工具繪製一根細長矩形,放在羽毛根部。
    • 按 Shift+F5 調出填滿面板,選白色填滿。
    • 完成後 Ctrl+D 取消選取範圍。
    ⑩ 為羽毛新增白色柄部
  11. 11.合併層 & 切變(Shear)讓羽毛彎曲
    • 選中剛才的兩個圖層(羽毛主體 + 柄),按 Ctrl+E 合併為一個圖層。
    • 再一次 Ctrl+T,右鍵變形 → Shear(切變),調節橫向/縱向斜度,使羽毛自然彎曲。
    ⑪ 切變讓羽毛形成自然弧度
  12. 12.(可選)新增顏色漸層

    如果想給羽毛染上顏色:

    • 再新增一個空白圖層,置於羽毛圖層之上。
    • 使用梯度工具(G),選取你喜歡的漸層色,拖動形成線性或徑向漸層。
    • 對該漸層圖層使用 Ctrl+Alt+G(Create Clipping Mask)剪下遮色片,使顏色只作用在羽毛內部。
    ⑬ 為羽毛新增漸層顏色(可選)
  13. 13.完成!匯出作品

    File → Export As → PNG(或 JPG),儲存即可。

    如果想繼續編輯,記得儲存為 .psd(File → Save as PSD),便於以後再次開啟。

小技巧與常見問題

  • 風濾鏡(Wind)每次作用都會把畫素向指定方向平移,若出現“斷層”,可在使用前先 Ctrl+D 取消選取範圍。
  • 動態模糊的 Distance 過大時會導致羽毛細節丟失,建議分多次、稍微小步調整。
  • 極座標轉換後如果出現“環形”,可以嘗試先把圖層居中對齊再執行濾鏡。
  • 想要更細膩的羽毛紋理,可在步驟 3 之後再次 Filter → Stylize → Wind 再配合 Filter → Blur → Gaussian Blur 輕微模糊。

參考資料

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