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

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

來源: 作者: 學習:347人次

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


圖1

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


圖2

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


圖3

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


圖4

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


圖5

學習 · 提示

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

關注大神微博加入>>

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