最終效果

<點小圖查看大圖>

1、新建一個畫布（我的是1000*1000px，新手可以效仿），背景顏色（個人喜好，我的背景是圖片模糊處理過的，我會在專門發一篇關于背景的，這次先添加顏色就好）

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

2、首先填充為（ 0 ），內發光（顏色：#ffffff – 效果：疊加 – 不透明度90% – 大小12px ）其余不用設置。很棒！感覺來了有木有。

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

接下來是投影：
顏色：#4c4c4c 效果：疊加 不透明度：50% 距離：2px 大小：3px 擴展：0。

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

4、蒙版羽化16.8px。

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

 

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

我們把橢圓要剪切進去的圓角矩形（是被剪切的圓角矩形哦！） ，將內部效果混合成組勾上，將剪貼圖層混合成組取消勾選。看一下效果：

7、我們回到這步。

#p#副標題#e#

8、橢圓的羽化調好后，右鍵 – 柵格化圖層。

9、然后點擊圓角矩形，調出選區（調選區不用教了吧！ ctrl+鼠標左鍵 點擊），然后ctrl+shift+I 反選再點擊橢圓圖層按Delete，看下效果吧。

10、然后 ctrl+d 取消選區，效果：疊加，不透明度：35%，效果如下。

11、再次畫一個橢圓。

12、做法同上一個橢圓，自己回想一下蒙版羽化：3px – 柵格化 – 調選區 – 反選 – 刪除 – 效果：疊加 – 不透明度15%。然后呢給這個橢圓加一個蒙版。

13、還是畫橢圓，這次是在下方哦。

14、蒙版羽化 18px左右，效果還是疊加，不透明度15%，效果如下。

加上文字，效果如下圖。

最終效果：


<點小圖查看大圖>