對於各界交互界面大師來說,按鈕的制作無疑是不可缺少的一個組成部分,但是習慣於運用多個圖層疊加出非常漂亮的效果的時候,修改極不方便。下面介紹如何用圖形漸變及圖層樣式簡化這些圖層。
PS教程最終效果
<點小圖查看大圖>
1、新建大小自定的文檔,背景填充青色。先用鋼筆建立路徑,如下圖。
2、創建漸變調整圖層,漸變顏色位置隨意,如下圖。
3、給當前圖層添加圖層樣式,選擇投影,效果如下圖。
4、設置內陰影,這裡省去了文字下方的投影部分,以內陰影代替(注意曲線與數據的變換),數據一定要調試之後再確定。
5、設置描邊樣式,描邊中一定要主要漸變顏色。
6、設置光澤:隨意調整數據,直到自己滿意為止。
7、設置內發光:這裡的內發光代替了內陰影,作為邊緣與按鈕本身分離的界限。
8、添加圖案疊加,這裡需要注意先預設好圖案,這種條紋狀的圖案比較出效果,制作業相當簡單。
9、添加外發光,參數設置如下圖。
10、用橢圓工具拉一個正圓,添加漸變疊加樣式,參數設置如下圖。
11、最後添加斜面與浮雕,參數設置如下圖。
15、添加投影,投影一定是與形狀相符。
16、添加斜面和浮雕,這裡需要注意的是紋理疊加。
17、添加內陰影增加立體效果。
18、添加漸變疊加。
最後加上文字及其他素材,完成最終效果: