簡單繪制玻璃樣式RSS圖標

2022-12-26 13:42:58 來源/作者: / 己有:5人學習過
簡單繪制玻璃樣式RSS圖標先看最終效果:

Photoshop簡單繪制玻璃樣式RSS圖標

  新建文檔,使用圓角矩形工具Alt鍵繪制一個圓角正方形,然后使用漸變工具設置下面兩種顏色進行填充,該圖層命名為:icon-bg ,效果如下圖:

Photoshop簡單繪制玻璃樣式RSS圖標

  復制圖層,命名為glass,改變填充為白色填充,透明度為50%,使用矩形選區(qū)工具繪制如下選區(qū),然后按Delete刪除:

Photoshop簡單繪制玻璃樣式RSS圖標

  現(xiàn)在我們就得到了一個最基礎的玻璃效果了,為了效果更加好,我們接下來繼續(xù)修飾使用橢圓形選區(qū)選擇下部分,然后進行羽化,半徑大約30px左右,然后按Delete刪除:

Photoshop簡單繪制玻璃樣式RSS圖標

  按Ctrl單擊該圖層,然后執(zhí)行“選擇”“修改”“擴展”,來擴大選區(qū)范圍,,大概為1px,然后在icon-bg下面新建圖層,把矩形選區(qū)填充為白色,該圖層命名為shine,效果:

Photoshop簡單繪制玻璃樣式RSS圖標

  下面我們在最下圖層的顏色改變?yōu)楹谏?,當作背景來使用,當然你可以設置其他顏色的背景:

Photoshop簡單繪制玻璃樣式RSS圖標

  再次使用圓形工具繪制選區(qū),然后進行羽化,半徑為30px,選擇shine層然后按delete鍵兩次:

Photoshop簡單繪制玻璃樣式RSS圖標

  重復上面做法,選擇上部分,這次是按delete一次:

Photoshop簡單繪制玻璃樣式RSS圖標

  下面可以稍微設置一下shine層的不透明度:

Photoshop簡單繪制玻璃樣式RSS圖標

  然后按住Ctrl鍵單擊icon-bg,然后再次擴展(“選擇”“修改”“擴展”),然后在shine圖層下面創(chuàng)建一圖層,然后繪制一黑色的矩形選區(qū),該層命名為icon-frame:

Photoshop簡單繪制玻璃樣式RSS圖標

  然后隱藏黑色背景層:

Photoshop簡單繪制玻璃樣式RSS圖標

  選擇icon-frame層,圖層模式的漸變填充選項設置如下顏色漸變::

Photoshop簡單繪制玻璃樣式RSS圖標

  添加幾個白色形狀,效果如下:

Photoshop簡單繪制玻璃樣式RSS圖標

  你可以繼續(xù)來添加一些圖層樣式效果使之更加具有玻璃反射效果:.

Photoshop簡單繪制玻璃樣式RSS圖標

  拼合圖層,在最下面建立一圖層,繪制一個較小的橢圓:

Photoshop簡單繪制玻璃樣式RSS圖標

  然后進行高斯模糊::

Photoshop簡單繪制玻璃樣式RSS圖標

  拼合圖層,然后再復制該圖層,垂直翻轉(zhuǎn):

Photoshop簡單繪制玻璃樣式RSS圖標

  然后使用圓形工具選擇下部分,羽化半徑30px,然后按delete鍵刪除:

Photoshop簡單繪制玻璃樣式RSS圖標


  最后調(diào)整透明度,效果如下:

Photoshop簡單繪制玻璃樣式RSS圖標

  最后你可以制作按鈕時調(diào)整漸變顏色可以達到最終效果