一根羽毛靠濾鏡就能長出來。矩形打底,風濾鏡做出毛邊紋理,動態模糊讓它更自然,極座標彎成弧形,然後複製翻轉拼成完整的一片。線上PS 裡這套濾鏡組合的順序不能亂。
-
1.新建畫布 & 填滿背景
開啟 線上ps(zaixianps.cc), File → New,尺寸自行設定。隨後使用油漆桶(G)把背景填滿為 黑色(#000000)。
① 新建畫布並填滿黑色背景 -
2.繪製基礎矩形(羽毛的雛形)
- 新建空白圖層(Ctrl+Shift+N)。
- 選 矩形工具(U),繪製一個狹長矩形——寬度決定羽毛的長短。
- 在屬性欄將填滿改為 白色(#FFFFFF),筆畫設為 無。
② 白色矩形(後期將變成羽毛) -
3.大風濾鏡 → 讓矩形產生羽毛紋理
選單
Filter → Stylize → Wind,選擇 From the Right(從右側吹風)。重複 2~3 次直至形狀出現不規則的“羽毛絲”。提示:每次使用完後記得 Ctrl+D 取消選取範圍。
③ 通過風濾鏡製造羽毛紋理 -
4.動態模糊 – 讓羽毛更自然
選單
Filter → Blur → Motion Blur,引數設定為:Angle: 0° // 與矩形方向保持一致 Distance: 80–120(視畫布尺寸自行微調)該步驟讓羽毛的“絲”有輕微的傾斜感。
-
5.自由變形(旋轉 90°) & 移動至底部
使用 Ctrl+T(Free Transform),在左上角輸入
90°,確認後用移動工具把圖形拖到畫布最下方。⑤ 旋轉 90° 並下移 -
6.極座標 – 把直線羽毛轉為弧形
選單
Filter → Distort → Polar Coordinates,選擇 Rectangular to Polar(“極座標到平面座標”)。⑥ 極座標轉換 -
7.再次自由變形 & 裁切所需部分
再次 Ctrl+T,把羽毛旋轉到想要的角度並微調扭曲(可使用右鍵選單的 Warp)。隨後使用矩形選取畫面工具選出要保留的區域。
-
8.反選並刪除多餘部分
按 Shift+Ctrl+I(或 Shift+⌘+I)反選,直接 Delete 刪除多餘的畫素。
-
9.複製、水平翻轉 – 完成羽毛的“雙面”雛形
- 在圖層面板右鍵 → Duplicate(複製)。
- 選中複製層,Ctrl+T → 在頂部工具欄點 “Flip Horizontal”。
- 把翻轉後的層移動到另一側,兩側拼合即得到完整的羽毛形狀。
⑨ 複製並水平翻轉,形成完整羽毛雛形 -
10.繪製羽毛柄(矩形+填滿)
- 仍在同一個圖層上,用矩形工具繪製一根細長矩形,放在羽毛根部。
- 按 Shift+F5 調出填滿面板,選白色填滿。
- 完成後 Ctrl+D 取消選取範圍。
⑩ 為羽毛新增白色柄部 -
11.合併層 & 切變(Shear)讓羽毛彎曲
- 選中剛才的兩個圖層(羽毛主體 + 柄),按 Ctrl+E 合併為一個圖層。
- 再一次 Ctrl+T,右鍵變形 → Shear(切變),調節橫向/縱向斜度,使羽毛自然彎曲。
⑪ 切變讓羽毛形成自然弧度 -
12.(可選)新增顏色漸層
如果想給羽毛染上顏色:
- 再新增一個空白圖層,置於羽毛圖層之上。
- 使用梯度工具(G),選取你喜歡的漸層色,拖動形成線性或徑向漸層。
- 對該漸層圖層使用 Ctrl+Alt+G(Create Clipping Mask)剪下遮色片,使顏色只作用在羽毛內部。
⑬ 為羽毛新增漸層顏色(可選) -
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