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

用ps制作高光質(zhì)感開關按鈕(4)

來源:一起ps吧 作者:. 學習:3255人次

本ps教程學習如何用ps的自定義形狀工具和圖層樣式及蒙版等制作高光藍黑色開關按鈕,先看效果圖。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建文檔600x600像素,背景白色,新建圖層填充黑色,添加直線漸變樣式,效果如下。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建圖層畫一黑色正圓。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

添加圖層樣式。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

效果如下。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

復制一層,清除圖層樣式,將此層縮小。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

再復制一層,顏色改為白色,稍微縮小一點點,不透明度改為10%。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

復制這個白色層,添加蒙版黑白斜線漸變。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

不透明度20%,左上角出現(xiàn)了微弱的高光部分。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建圖層畫一個小的白色正圓。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

減法模式畫出月牙形狀。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

效果如下,同樣方法畫出對面的月牙。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

同樣方法畫出另一個高光。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

同樣方法減法模式畫出右下角月牙。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建圖層用白色柔角筆刷點一下,之后圖層模式改為柔光,復制一層挪到右下角。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建圖層,百度下載形狀或用鋼筆畫一個,填充#03baf5。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

加深減淡工具處理一下。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

添加外發(fā)光樣式。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

效果如下。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建圖層,調(diào)出Logo選區(qū),白色描邊1像素,圖層模式改為疊加。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

效果如下。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

新建圖層用白色筆刷點一下,群組,之后模式改為顏色減淡,你也可以改變顏色。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

再添加個陰影,最終效果如下,本ps教程結(jié)束。

高光質(zhì)感 按鈕 蒙版 描邊 ps教程

學習 · 提示

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

關注大神微博加入>>

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