萬盛學電腦網

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

PS 從零打造晶瑩剔透水晶圓形按鈕

最終效果預覽

水晶按鈕最終效果

製作流程 13 步走

  1. 新建畫布:5cm×5cm、200dpi、RGB、白背景。
    新建文件設置
  2. 基礎圓形:橢圓選框工具按 Shift 拉正圓 → 右鍵「通過拷貝建立圖層」得「圖層 1」。
    基礎圓形圖層
  3. 頂部高光:新建「圖層 2」,漸變工具選「前景到透明」,前景色 R:255,從上往下拉漸變。
    頂部高光漸變
  4. 陰影層:新建「圖層 3」,噴槍工具繪製自然陰影(優於羽化刪除)。
    噴槍陰影效果
  5. 底部反光帶:新建「圖層 4」,橢圓選區 → 白色前景 → 漸變「前景到透明」從下往上拉。
    底部反光選區 底部反光效果
  6. 不規則高光塊:新建「圖層 5」,鋼筆工具繪製任意形狀路徑。
    鋼筆路徑形狀
  7. 路徑轉選區填色:路徑面板點「將路徑載入為選區」 → 填充前景色。
    路徑轉選區 填充後效果
  8. 圖層排序:將「圖層 5」拖至「圖層 4」之下。
    圖層順序調整
  9. 混合模式「疊加」:圖層 5 模式改「疊加」,融入底部反光。
    疊加模式效果 疊加細節
  10. 基礎圓形加圖層樣式:雙擊「圖層 1」開啟樣式:
    • 倒角與浮雕:內部倒角、平滑、深度/大小調整立體感
    • 內發光:白色、螢幕模式、大小調整邊緣通透感
    • 光澤:調整輪廓增加邊緣高光
    圖層樣式詳細參數
  11. 一鍵換色:Ctrl+U 色相/飽和度調整,瞬間產出各色水晶按鈕。
    多色水晶按鈕展示

核心技法回顧

  • 多圖層疊加構建光影層次(高光、陰影、反光、不規則高光)
  • 鋼筆路徑→選區→填色→混合模式,製作不規則高光
  • 圖層樣式「倒角與浮雕」+「內發光」+「光澤」一鍵生成立體質感
  • 調整圖層(色相/飽和度)實現非破壞性換色
copyright © 萬盛學電腦網 all rights reserved