簡單繪制玻璃樣式RSS圖標(biāo)
新建文檔,使用圓角矩形工具Alt鍵繪制一個圓角正方形,然后使用漸變工具設(shè)置下面兩種顏色進(jìn)行填充,該圖層命名為:icon-bg ,效果如下圖:
復(fù)制圖層,命名為glass,改變填充為白色填充,透明度為50%,使用矩形選區(qū)工具繪制如下選區(qū),然后按Delete刪除:
現(xiàn)在我們就得到了一個最基礎(chǔ)的玻璃效果了,為了效果更加好,我們接下來繼續(xù)修飾使用橢圓形選區(qū)選擇下部分,然后進(jìn)行羽化,半徑大約30px左右,然后按Delete刪除:
按Ctrl單擊該圖層,然后執(zhí)行“選擇”“修改”“擴(kuò)展”,來擴(kuò)大選區(qū)范圍,,大概為1px,然后在icon-bg下面新建圖層,把矩形選區(qū)填充為白色,該圖層命名為shine,效果:
下面我們在最下圖層的顏色改變?yōu)楹谏,?dāng)作背景來使用,當(dāng)然你可以設(shè)置其他顏色的背景:
再次使用圓形工具繪制選區(qū),然后進(jìn)行羽化,半徑為30px,選擇shine層然后按delete鍵兩次:
重復(fù)上面做法,選擇上部分,這次是按delete一次:
下面可以稍微設(shè)置一下shine層的不透明度:
然后按住Ctrl鍵單擊icon-bg,然后再次擴(kuò)展(“選擇”“修改”“擴(kuò)展”),然后在shine圖層下面創(chuàng)建一圖層,然后繪制一黑色的矩形選區(qū),該層命名為icon-frame:
然后隱藏黑色背景層:
選擇icon-frame層,圖層模式的漸變填充選項(xiàng)設(shè)置如下顏色漸變::
添加幾個白色形狀,效果如下:
你可以繼續(xù)來添加一些圖層樣式效果使之更加具有玻璃反射效果:.
拼合圖層,在最下面建立一圖層,繪制一個較小的橢圓:
然后進(jìn)行高斯模糊::
拼合圖層,然后再復(fù)制該圖層,垂直翻轉(zhuǎn):
然后使用圓形工具選擇下部分,羽化半徑30px,然后按delete鍵刪除:
最后調(diào)整透明度,效果如下:
最后你可以制作按鈕時調(diào)整漸變顏色可以達(dá)到最終效果
學(xué)習(xí) · 提示
相關(guān)教程
- 圖標(biāo)設(shè)計,用PS快速給徽標(biāo)文字排版
- 圖標(biāo)設(shè)計,教你臨摹360寫實(shí)圖標(biāo)
- LOGO教程,臨摹QQ瀏覽器圖標(biāo)教程
- LOGO教程,曲面四分環(huán)的畫法
- LOGO教程,教你設(shè)計扁平化的谷歌logo圖標(biāo)
- LOGO教程,設(shè)計扁平化的瀏覽器圖標(biāo)
- LOGO教程,教你畫個四分環(huán)圖標(biāo)
- 圖標(biāo)設(shè)計,模仿QQ旋風(fēng)圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計,設(shè)計簡單的酷狗圖標(biāo)實(shí)例
- 圖標(biāo)設(shè)計,設(shè)計抽象的相機(jī)鏡頭圖標(biāo)教程