羽毛筆看著複雜,拆開就四塊:漸層背景、橢圓加鋼筆勾出的筆身、自定義畫筆做的羽毛紋理、圖層樣式上的高光和陰影。按順序做不難,線上PS 也能完整跑一遍。
-
1
新建背景並做黑白漸層
1️⃣ 新建畫布(建議尺寸 800 × 800 px),背景設為黑色。
2️⃣ 在 圖層面板 右鍵該圖層 → 新建填滿圖層 → 漸層。
3️⃣ 選擇 黑‑白線性漸層,模式設為 自定義,角度 90°;把漸層拖動成從左至右的過渡。
4️⃣ 將漸層圖層的 混合模式改為
重疊,不透明度約30%,即可得到柔和的虛化背景。 -
2
製作羽毛輪廓
-
① 橢圓工具繪製羽毛主體
- 在工具欄選擇 橢圓工具 (U) → 繪製一個近似羽毛大小的橢圓。
- 使用 新增錨點工具 (Shift+P) 調整上下兩端,使之更尖銳或寬闊。
- 按 Ctrl+Enter(Mac ⌘+Enter)把形狀轉換為選取範圍。
- 切換前景色為白色,編輯 → 填滿(或 Alt+Delete)填滿白色。
- 選取範圍 → 選擇 → 修改 → 羽化,半徑約
5 px,再 Ctrl+D 取消選取範圍。
-
② 用自由鋼筆工具繪製羽毛梗(中軸)
- 工具欄選擇 鋼筆工具 (P) → 切換到 自由鋼筆(在頂部屬性欄點開 “形狀”→“路徑”)。
- 單擊兩次,畫出一條細長直線,起點在橢圓底部,終點約在橢圓外延的 1/3 處。
- 同樣 Ctrl+Enter 轉為選取範圍,填滿白色。
- 選取範圍 → 編輯 → 填滿,完成後把兩者圖層合併(Ctrl+E)得到 圖層 1。
-
③ 用鋼筆工具繪製羽毛分叉
- 再次選中 圖層 1,使用 鋼筆工具在羽毛外緣繪製不規則的分支路徑。
- 每畫完一段,先 在路徑上新增錨點(Alt+點選),形成閉合子路徑。
- Ctrl+Enter → 選擇 → 反選 → Delete 刪除內部。
- 完成後 Ctrl+T 退出選取範圍。
- 重複此操作,直到羽毛的所有“羽枝”都完成。
-
① 橢圓工具繪製羽毛主體
-
3
製作自定義畫筆(羽毛紋理)
1️⃣ 新建 5 × 5 px 透明背景圖層。
2️⃣ 選取 鉛筆工具 (B),顏色為黑色,點出下圖所示的幾個畫素(可隨意擺放,形成顆粒感)。
3️⃣ 完成後,編輯 → 定義筆刷預設,命名為
FeatherDust。4️⃣ 在 圖層 1 上選中畫筆,大小約
30 %~45 %、硬度 0、流量 20%,在羽毛的邊緣與尾部輕掃,模擬自然的毛絨感。 -
4
為圖層 1 新增圖層樣式
選中 圖層 1 → fx(圖層樣式) → 斜面和浮雕,設定:
樣式:內斜面 技術:平滑 深度:100% 方向:上 大小:5 px 軟化:0 px 高光模式:螢幕,顏色白 陰影模式:乘,顏色黑隨後再點 外光暈:
顏色:#fff 混合模式:重疊 不透明度:75% 尺寸:10 px 範圍:外部 -
5
製作羽毛陰影
- 複製圖層 1(Ctrl+J),得到 圖層 1 copy。
- 選中複製圖層,使用 油漆桶工具 (G) 將羽毛整體填滿為 黑色。
- 按 Ctrl+T,略微向下或向右移動(輕微偏移模擬光源),確定。
- 隨後 濾鏡 → 模糊 → 高斯模糊,半徑設為
2 px。 - 把該圖層的不透明度調至
50 %,得到柔和的陰影。
-
6
新增漸層重疊 & 完工
選中 圖層 1 → fx → 漸層重疊。
在彈出的面板中:
- 樣式:線性
- 角度:90°(可自行調節)
- 顏色:任選——推薦使用金屬感金黃
#f1c40f → #e67e22或柔和的藍紫#8e44ad → #3498db - 不透明度:100%
- 混合模式:重疊或柔光(看個人喜好)
完成後,你將得到一支 羽毛筆,可以隨意拖動、複製或匯出為 PNG。
小貼士:
• ps線上 中所有快速鍵均與 Photoshop 基本保持一致,熟悉快速鍵能大幅提升效率。
• 若想讓羽毛的“羽枝”更自然,可在 選擇 → 修改 → 膨脹/收縮 後再次 羽化,再刪除。
• 匯出時建議使用 檔案 → 匯出為 → PNG(透明),這樣背景可以隨意更換。
• ps線上 中所有快速鍵均與 Photoshop 基本保持一致,熟悉快速鍵能大幅提升效率。
• 若想讓羽毛的“羽枝”更自然,可在 選擇 → 修改 → 膨脹/收縮 後再次 羽化,再刪除。
• 匯出時建議使用 檔案 → 匯出為 → PNG(透明),這樣背景可以隨意更換。
參考資料
- Adobe Photoshop官方文件
- HTML5與現代前端圖片處理原理
- 線上ps