用Photoshop快速制作網(wǎng)頁(yè)水晶按鈕

來(lái)源: 作者: 學(xué)習(xí):347人次

用Photoshop五步制作簡(jiǎn)單實(shí)用水晶按鈕
類水晶的按鈕,在很多地方都能用道,那么有沒有快速的方法制作出逼真的水晶按鈕呢?呵呵,我在這里介紹一下我的制作方法,(是在觀察了很多類水晶按鈕之后)發(fā)現(xiàn)如下方法最為簡(jiǎn)單,而且制作的效果尚可。所以介紹給大家,不知道有沒有更簡(jiǎn)單,效果更好的制作方法J 或者有人已經(jīng)介紹過了,那我在這里寫的東西算是多此一舉了。總之希望大家多交流,共同進(jìn)步是我們的愿望!!!!!!!
1.打開phtoshop,在新建的畫布上用形狀畫一個(gè)圓角矩形為了操作方便可可以將矩形柵格化,并填充上您喜歡的顏色。如圖1所示。


圖1

2.按住”Ctrl“鍵單擊圓角矩形所在的圖層,獲得選區(qū)。然后單擊“選擇――>>修改――>>收縮”在彈出的對(duì)話框中輸入“2”(具體值可以根據(jù)需要來(lái)調(diào)整)于是便得到如下效果


圖2

3.從“工具面板中選擇“漸變工具”然后選擇“透明漸變”并將漸變顏色調(diào)為白色。如圖3所示。


圖3

4.新建一個(gè)圖層『名稱為圖層1』(這點(diǎn)很重要,方便以后得修改),然后用“透明漸變”工具拉個(gè)漸變,效果如圖4所示,然后在新建一個(gè)圖層2,拉個(gè)反相得漸變,效果如圖4


圖4

5.選中圖層1,刪除圖層1的部分漸變效果,從按鈕上方1/3處,再調(diào)節(jié)一個(gè)各圖層的透明度,加上點(diǎn)文字最終得到如下效果(附按鈕的效果圖解說明,按鈕最終效果可以按自己的需要調(diào)節(jié)


圖5

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

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

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

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