放上一組大家先欣賞一下（第一次做原創不要噴哦！）

首先聲明，這個透明的導航不是我發明的，我是借鑒和學習

其次，我在做的過程中遇到很多問題，是前輩們沒有講出來的。是通過我一點點研究出來的成果，所以解決的問題是原創

最后，希望把東西分享給更多的人，讓大家少走彎路，多進步

最最后，加油！

那么接下來我們開始吧！

1.新建一個畫布（我的是1000*1000px，新手可以效仿）

背景顏色（個人喜好，我的背景是圖片模糊處理過的，我會在專門發一篇關于背景的，這次先添加顏色就好）

新建一個你認為合適的導航，我這里是圓角為17px / 600*80px 的圓角矩形。

2.首先

填充為（ 0 ） ，內發光（顏色：#ffffff - 效果：疊加 - 不透明度90% - 大小12px ）其余不用設置

很棒！感覺來了有木有

內陰影 （顏色：#e5e5e5 - 效果：疊加 - 不透明度45% - 距離1px 其余為0 全局光全為90度）

接下來是投影

顏色：#4c4c4c 效果：疊加 不透明度：50% 距離：2px 大小：3px 擴展：0

做完這些成功一半了有木有？在堅持一下下就ok！

好，那么問題要來了

這里畫一個橢圓 （做高光用）

蒙版羽化16.8px

效果：疊加 不透明度35% 剪切蒙版 看一下效果

橢圓并未顯示，因為這個：

我們把橢圓要剪切進去的圓角矩形 （是被剪切的圓角矩形哦！）

將內部效果混合成組勾上

將剪貼圖層混合成組取消勾選

看一下效果

好！問題來了！