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

來源:一起ps吧 作者:. 學(xué)習(xí):3255人次

本ps教程學(xué)習(xí)如何用ps的自定義形狀工具和圖層樣式及蒙版等制作高光藍(lán)黑色開關(guān)按鈕,先看效果圖。

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

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

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

新建圖層畫一黑色正圓。

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

添加圖層樣式。

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

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

效果如下。

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

復(fù)制一層,清除圖層樣式,將此層縮小。

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

再復(fù)制一層,顏色改為白色,稍微縮小一點(diǎn)點(diǎn),不透明度改為10%。

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

復(fù)制這個(gè)白色層,添加蒙版黑白斜線漸變。

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

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

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

新建圖層畫一個(gè)小的白色正圓。

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

減法模式畫出月牙形狀。

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

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

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

同樣方法畫出另一個(gè)高光。

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

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

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

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

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

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

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

加深減淡工具處理一下。

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

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

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

效果如下。

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

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

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

效果如下。

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

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

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

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

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

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

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

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

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