萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 入門教學

PS 扁平風格內褲圖標設計:從布林運算到長投影完整流程

扁平化設計強調幾何簡約與色塊對比。本教學示範如何用「圓角矩形+路徑編輯」繪製內褲主體,再以「剪貼蒙版+描邊+長投影」完成質感與立體感,全程可編輯、易擴展。

成品展示

扁平內褲圖標成品

畫布與參考線設定

新建 500×500 px、72dpi 畫布。Ctrl+R 顯示標尺 → 右鍵改「百分比」 → 拖出四條參考線劃分九宮格,確保對稱與比例精準。

畫布設定
參考線佈局

主體繪製:布林運算與路徑微調

  1. 底褲本體:圓角矩形工具(U),模式「形狀」,圓角 40px,拖出正方形。雙擊縮略圖換色(如 #2ecc71)。
  2. 疊層陰影感:複製圖層 → 換深色 → 移動工具(V)按方向鍵 → 右移 4px、下移 4px,形成偽 3D 厚度。
  3. 腰帶區塊:矩形工具拉正方形 → 填白 → 直接選擇工具(A)在底邊加兩錨點 → 轉換點工具收回方向線 → 上移底邊中點 → 再加頂部錨點微調 → Ctrl+T 自由變換調整大小角度。
圓角矩形設定
主體形狀
換色
複製偏移
腰帶繪製1
腰帶繪製2
腰帶繪製3
腰帶繪製4
腰帶繪製5
錨點編輯1
錨點編輯2
錨點編輯3
方向線調整
形狀微調
上移錨點
加頂部錨點
最終微調
自由變換

條紋紋理:矩形→波浪→複製→剪貼蒙版

  1. 新建圖層,矩形工具拉長方形 → 加錨點 → 直接選擇工具上下移動形成波浪。
  2. 複製圖層換色(如深綠/淺綠交替)→ 多次複製排列 → 合併圖層(Ctrl+E)。
  3. 拖回主畫布 → 置於腰帶圖層上方 → 右鍵「建立剪貼蒙版」,條紋自動限制在腰帶範圍內。
條紋基礎
波浪編輯
波浪成形
換色複製
多條排列
合併圖層
定位剪貼
剪貼蒙版建立

描邊、文字與長投影

  • 主體圖層右鍵「混合選項」→ 描邊:3px、白色、位置「外部」。
  • 文字工具(T)輸入品牌名,粗體、白色、外發光(深綠 #618926、距離/大小 1px)。
  • 長投影:新建圖層 → 多邊形套索勾勒投影形 → 填黑 → 模式「正片疊底」→ 不透明度 30% → 高斯模糊柔化。或使用 PS 動作一鍵生成。
描邊設定
描邊參數
文字排版
投影繪製
投影不透明度
文字投影
最終成品
copyright © 萬盛學電腦網 all rights reserved