ps線上教程:荷花形態簡約圖示

閱讀約 11 分鐘

首頁/ PS學習教程/ ps線上教程:荷花形態簡約圖示

荷花圖示用向量形狀拼最快。漸層重疊上顏色、內光暈做通透,末了旋轉複製出花瓣,形狀變形和圖層樣式的引數都給全了,做 UI 圖示也夠用。

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

參考資料

  • 線上ps
  • Adobe 官方文件
  • PS 教程網