如何利用ps製作透明玻璃般的導航按鈕?

透明按鈕的製作

製作效果:

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

製作步驟:

  1. 創建一個任意大小的畫布,填充隨意兩種顏色;

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 回到形狀工具,選擇圓角矩形工具

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 調整“圓角矩形工具”屬性欄的參數:填充---隨意一個顏色,描邊-無,半徑-60px;

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 在畫布中繪製一個圓角矩形,並將圖層的填充調整為“0”

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 雙擊圖層,調出“圖層樣式”

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 調整“內陰影”參數如下、

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 調整“內發光”,參數如下;

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 調整“投影”,參數如下;

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 在圓角矩形上方創建一個新的圖層,

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 回到橢圓選框工具,繪製一個橢圓,並填充白色,

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 取消選區,執行:濾鏡-模糊-高斯模糊

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 高斯模糊的參數根據實際情況決定,把橢圓的邊緣調散開;

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 將圖層往下面的圖層創建剪貼蒙版,這時候將看不到橢圓的白色效果,彆著急,往下面調參數

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 雙擊“圓角矩形”圖層,將“將剪切圖層混合成組”複選框勾掉,

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 複製一份散開的光,移至圖層的下方

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

  1. 用文字工具,將自己喜歡的字打上去既可

教程 | 如何利用ps製作透明玻璃般的導航按鈕?

最終效果圖:

教程 | 如何利用ps製作透明玻璃般的導航按鈕?


分享到:


相關文章: