最終效果圖
1、新建文檔,使用圓角矩形工具Alt鍵繪制一個圓角正方形,然後使用漸變工具設置下面兩種顏色進行填充,該圖層命名為:icon-bg ,效果如下圖:
2、復制圖層,命名為glass,改變填充為白色填充,透明度為50%,使用矩形選區工具繪制如下選區,然後按Delete刪除:
3、現在我們就得到了一個最基礎的玻璃效果了,為了效果更加好,我們接下來繼續修飾使用橢圓形選區選擇下部分,然後進行羽化,半徑大約30px左右,然後按Delete刪除:
4、按Ctrl單擊該圖層,然後執行“選擇”“修改”“擴展”,來擴大選區范圍,,大概為1px,然後在icon-bg下面新建圖層,把矩形選區填充為白色,該圖層命名為shine,效果:
5、下面我們在最下圖層的顏色改變為黑色,當作背景來使用,當然你可以設置其他顏色的背景
6、再次使用圓形工具繪制選區,然後進行羽化,半徑為30px,選擇shine層然後按delete鍵兩次:
7、重復上面做法,選擇上部分,這次是按delete一次:
8、下面可以稍微設置一下shine層的不透明度:
9、然後按住Ctrl鍵單擊icon-bg,然後再次擴展(“選擇”“修改”“擴展”),3lian.com,然後在shine圖層下面創建一圖層,然後繪制一黑色的矩形選區,該層命名為icon-frame:
10、然後隱藏黑色背景層:
11、選擇icon-frame層,圖層模式的漸變填充選項設置如下顏色漸變:
12、添加幾個白色形狀,效果如下:
13、你可以繼續來添加一些圖層樣式效果使之更加具有玻璃反射效果:
14、拼合圖層,3lian素材,在最下面建立一圖層,繪制一個較小的橢圓:
15、拼合圖層,然後再復制該圖層,垂直翻轉:
16、拼合圖層,然後再復制該圖層,垂直翻轉:
17、然後使用圓形工具選擇下部分,羽化半徑30px,然後按delete鍵刪除:
18、最後調整透明度,最終效果效果如下: