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

PS繪制藍色高光方形水晶按鈕網(wǎng)頁按鈕(5)

來源:未知 作者:藍色理想 lcgtpr 學習:1340人次

面對相同的效果,每個人的實現(xiàn)方法都不盡相同,我把我常用的方法在這里寫出來,第一次寫教程,如有不妥之處望多多包涵
本次為寫教程部分地方重新制作了一下,與之前發(fā)的圖片在色彩等方面多少會有不同之處。
廢話少說,先看效果圖

1.制作按鈕本體。先畫一個圓角矩形,并加上漸變濾鏡

這里顏色的選擇是重點,選擇好顏色后就已經(jīng)有一種柔和的光照效果了

2.制作投影。首先畫一個扁扁的橢圓形,填充偏黑的藍色(因為按鈕是藍色的)

之后對橢圓進行高斯模糊

置于按鈕本體的下層,調(diào)整大小和位置,這樣投影就做好了

3.制作高光。先畫一條1像素的白色直線,位置如圖

然后給白線添加一層蒙版,點擊圖中圖標可快速添加

選中該層蒙版后,打開左側(cè)工具欄中的漸變工具,調(diào)整漸變顏色為左白右黑

然后選擇“對稱漸變”模式

從白線中間向兩邊(任意方向)拉一個漸變(依舊在選中蒙版的情況下)

這樣一條高光就做好了,如果覺得太亮,可以適當調(diào)節(jié)一下透明度

復制一層,移動到按鈕下邊位置,底部發(fā)光的高光也就出來了

4.制作底部發(fā)光。一開始與制作投影一樣,畫一個橢圓,填充比較亮的藍色

同樣高斯模糊(這里可以模糊的比投影大一些)

調(diào)整位置、大小、微調(diào)顏色

將多出來的部分用矩形選框刪除

將發(fā)光圖層置于高光下面即可

5.制作上部反光。先畫一個白色橢圓,調(diào)整位置、大小

調(diào)整橢圓的透明度

利用反選將沒有與按鈕重合的部分刪除即可

6.最后加上文字,按鈕制作完成。

學習 · 提示

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

關注大神微博加入>>

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