當(dāng)前位置:首頁>ps實(shí)例教程>ps網(wǎng)頁設(shè)計>logo教程>教程內(nèi)容

簡單繪制玻璃樣式RSS圖標(biāo)

來源:不詳 作者:佚名 學(xué)習(xí):214人次
簡單繪制玻璃樣式RSS圖標(biāo)先看最終效果:

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

  然后隱藏黑色背景層:

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

  選擇icon-frame層,圖層模式的漸變填充選項(xiàng)設(shè)置如下顏色漸變::

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

  然后進(jìn)行高斯模糊::

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)


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

Photoshop簡單繪制玻璃樣式RSS圖標(biāo)

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



學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
vellart2009-11-03 11:24
好美 但都好複雜的樣子試試看!

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!