當前位置:首頁>ps實例教程>ps網(wǎng)頁設計>按鈕圖標>教程內(nèi)容

ps設計水晶質(zhì)感的立體播放器按鈕(4)

來源:PS學堂 作者:佚名  學習:5711人次

 

本教程主要教大家如何使用Photoshop設計水晶質(zhì)感的立體播放器按鈕,本教程主要使用通過圖層樣式來完成,喜歡的朋友讓我們一起來學習吧。
先看看效果圖


1.新建文檔,大小隨意,用橢圓選框工具,按住shift拉一個正圓,新建圖層1填充顏色,顏色隨意。


2.給正圓圖層設置圖層樣式如下:

 

 

 

 

 

 

 

 

 


3.用橢圓工具拉一個小橢圓,新建圖層2編輯填充顏色#d1f900,ctrl+d取消選區(qū)。繼續(xù)執(zhí)行濾鏡--模糊--高斯模糊22

 

 


4.用橢圓工具拉一個比正圓小點的圓,新建圖層3編輯填充白色,添加圖層蒙版,拉一個黑色到透明的漸變(從中間往上方拉)

 


5.新建圖層4,按住ctrl鍵點擊正圓圖層,得到選區(qū)。編輯填充白色,用鋼筆工具畫出曲線如下,enter鍵確認轉(zhuǎn)為選區(qū)ctrl+shift+I反選,delete刪除。

 


6.將圖層4的不透明度改為15%

 

 

 

 

 

 


7.繼續(xù)新建圖層5,同樣方法得到正圓選區(qū),編輯填充白色,選擇--選區(qū)--擴展,15px,點矩形選框工具,用鼠標將選區(qū)向上移動,delete刪除。

 


8.將圖層5不透明度改為25%。


9.用圓角矩形工具拉一個圓角正方形,編輯填充黑色,設置圖層樣式即可。

 

 

 

 

 


最終效果圖

 

 

 

 

 

 

學習 · 提示

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

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

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