萬盛學電腦網

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

Photoshop 製作透明質感導航按鈕教學

成品效果

白色半透明玻璃質感按鈕,邊緣高光、內陰影與投影營造厚度,適合深色背景下的導航列或呼叫行動按鈕。

製作步驟

  1. 背景虛化:開啟背景素材,執行「濾鏡 > 模糊 > 高斯模糊」(半徑較大),製造景深感。
  2. 按鈕基礎形狀:前景色設綠色,圓角矩形工具拉出主體;切換鋼筆工具選「合併形狀」,繪製底部三角形指標。將形狀圖層填充設 0%,保留路徑。
  3. 圖層樣式賦質感:
    • 內發光:白色、螢幕模式、大小 10px、雜質 10% → 邊緣微光。
    • 內陰影:黑色、正片疊底、距離 3px、大小 5px → 內凹厚度。
    • 投影:黑色、正片疊底、距離 5px、大小 8px → 懸浮感。
  4. 文字與高光:白色文字 + 投影(距離 1px);新建圖層以白筆繪製頂部/轉角高光,混合模式「疊加」/「強光」,不透明度 30-50%。
  5. 導航列延展:複製按鈕形狀橫向延伸,同樣套用樣式,即得整組導航。

關鍵提醒

透明物體須依賴背景反襯,背景過亮會導致對比度不足;建議在深色或豐富紋理背景下測試效果。

註:更多教程請關注三聯 Photoshop 欄目,群號 249667984 歡迎加入。

copyright © 萬盛學電腦網 all rights reserved