荷花圖示用向量形狀拼最快。漸層重疊上顏色、內光暈做通透,末了旋轉複製出花瓣,形狀變形和圖層樣式的引數都給全了,做 UI 圖示也夠用。
-
新建畫布並繪製圓形
- 開啟 線上ps(zaixianps.cc),使用
Ctrl+N新建畫布。建議尺寸800×800 px,背景設為透明。 - 左側工具欄選擇 形狀工具 → 圓形(
U鍵),在畫布中心點選拖拽繪製一個完整的圓形。 - 在屬性欄中確保 填滿顏色為
#2c3e50(深藍/深灰),筆畫設為無。
- 開啟 線上ps(zaixianps.cc),使用
-
對圓形進行膨脹變形(形成花心)
- 選中圓形圖層,按
Ctrl+T進入 自由變形。 - 在變換工具欄左上角點選 變形(小網格圖示),彈出變形控制點。
- 在上方的 形狀變形下拉選單中選擇 膨脹(Bulge)。
- 拖動中心的控制點向 內部 拉伸,使圓形中心略微凹進去(大約 30% 的膨脹強度),完成後按
Enter確認。
- 選中圓形圖層,按
-
新增圖層樣式 – 漸層重疊
- 雙擊圓形圖層開啟 圖層樣式對話方塊。
- 勾選 漸層重疊,點選漸層條編輯:
- 左側顏色設為
#2c3e50(深色),透明度 100%。 - 右側顏色設為
#95a5a6(淡灰),透明度 0%。 - 角度保持
90°,比例設為100%,樣式為 線性。 - 點選 確定,圓形會出現由深到淡的漸層效果。
-
製作單個花瓣形狀
- 新建一個空白圖層,使用形狀工具再次繪製 兩個相同的圓形(建議半徑約為整體寬度的 20%)。
- 為方便觀察,先把兩個圓的填滿色調低不透明度(例如
30%),隨後確認它們的相交面積。 - 選中這兩個圓形圖層,使用
Ctrl+E合併為一個圖層。 - 切換至 路徑選擇工具(
A),確保在 路徑面板裡處於選中狀態。 - 在 路徑查詢器(頂部工具欄)中選擇 相交(Intersect),點選兩圓的交集生成一個新的形狀(即花瓣的輪廓)。
- 此時路徑已自動合併為形狀元件。
-
為花瓣新增填滿與漸層重疊
- 選中花瓣形狀圖層,開啟 圖層樣式。
- 將 填滿顏色設定為
#000000(或者將不透明度調為 0),確保實際看不到實色。 - 勾選 漸層重疊,建立如下漸層:
- 左側顏色為
#ffffff(白),透明度100%。 - 右側顏色同樣為
#ffffff,透明度0%。 - 角度設為
90°,使白色從花瓣根部向尖端逐漸淡出。 - 新增另一個圖層樣式 內光暈(Inner Glow):
- 顏色選取比背景色稍淡的藍灰,例如
#d0e0e5。 - 混合模式保持預設
Screen,大小可設為20px左右。
-
複製、旋轉生成完整花瓣陣列
- 確保當前選中的工具仍為 移動/自由變形工具(
V),而不是路徑選擇工具。 - 按
Alt+Shift+T觸發 複製並旋轉(Free Transform Duplicate)。 - 出現變換框後,按住
Alt並將變換中心點拖到該花瓣的**末端**(花瓣尖端),確保旋轉圍繞該點。 - 在屬性欄的角度輸入框中,輸入 **30°**(或你想要的間距角度),確認後會生成一個新花瓣。
- 繼續使用快速鍵
Ctrl+Alt+Shift+T(重複上一次的自由變形),每次都會在上一次的基礎上再複製並旋轉相同的角度。 - 重複操作,直到花瓣環繞一週(約 12–14 片)。如果多餘,直接選中多餘的花瓣圖層刪除即可。
小技巧:複製時不要使用 路徑選擇工具,否則新花瓣會被新增到同一個路徑元件,導致後期難以單獨編輯。保持使用 移動/自由變形工具 即可讓每片花瓣生成獨立圖層。 - 確保當前選中的工具仍為 移動/自由變形工具(
-
對稱與細節微調
- 開啟 檢視 → 新建參考線(
Ctrl+R),在畫布中心分別拖出水平、垂直參考線,幫助檢查左右對稱。 - 如果某些花瓣位置偏離,可選中對應的圖層,用
Ctrl+T微調旋轉角度或位置。 - 整體選中所有花瓣圖層(
Shift+點選),在屬性欄中統一設定 **不透明度 95%**,讓整體視覺更柔和。
- 開啟 檢視 → 新建參考線(
-
整體大小與最終匯出
- 選中所有圖層(包括圓心和花瓣),使用
Ctrl+T將整個圖示統一縮放至合適大小。 - 完成後,選擇 檔案 → 匯出為 → PNG(透明),儲存至本地。
- 選中所有圖層(包括圓心和花瓣),使用
參考資料
- 線上ps
- Adobe 官方文件
- PS 教程網