Photoshop教程:網(wǎng)頁(yè)水晶按鈕制作教程

來(lái)源：不詳 作者：佚名 學(xué)習(xí)：1461人次
Photoshop教程:網(wǎng)頁(yè)水晶按鈕制作教程來(lái)源：網(wǎng)頁(yè)教學(xué)網(wǎng)

本教程主要是介紹水晶按鈕的制作，主要難點(diǎn)是要把按鈕的高光和暗調(diào)調(diào)和諧！
最終效果


保存圖片,請(qǐng)右擊后按A
photoshop
1.新建一個(gè)300 * 200像素的文件，定義圓角矩形大小為250 * 120
保存圖片,請(qǐng)右擊后按A
photoshop
2.復(fù)制圓角矩形圖層并縮小
保存圖片,請(qǐng)右擊后按A
photoshop





3.給底部圓角矩形加個(gè)漸變疊加，這里具體顏色頭可以先不管，是同一色相調(diào)整不同明度就可以了。
保存圖片,請(qǐng)右擊后按A
photoshop
4.這是是具體的簡(jiǎn)便顏色設(shè)置
保存圖片,請(qǐng)右擊后按A
photoshop
5.給上邊的矩形添加樣式
保存圖片,請(qǐng)右擊后按A
photoshop





6.設(shè)置前景顏色為白色，用橢圓工具畫(huà)出如圖形狀并設(shè)置不透明度為50%，操作如下圖
保存圖片,請(qǐng)右擊后按A
photoshop
7.載入上部矩形為選區(qū)并新建圖層用白色描邊，并給該圖層添加一個(gè)蒙版用漸變工具作出下圖效果
保存圖片,請(qǐng)右擊后按A
photoshop
8.隱藏背景圖層，蓋印圖層，并用自由變換工具做成倒影。
保存圖片,請(qǐng)右擊后按A
photoshop
9.加上文字。
保存圖片,請(qǐng)右擊后按A
photoshop
10.最后添加一個(gè)色相飽和度可以調(diào)成自己喜愛(ài)的顏色。
保存圖片,請(qǐng)右擊后按A
photoshop

搜索更多相關(guān)主題的帖子:平面設(shè)計(jì)教程 photoshop教程 photoshop

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

  • 一定要打開(kāi)PS，跟著教程做一遍，做完的圖到這交作業(yè)：提交作業(yè)
  • 建議練習(xí)時(shí)，大家自己找素材，盡量不要用教程提供的素材。
  • 教程有看不懂的地方，可以到論壇發(fā)帖提問(wèn)：新手求助
  • 加官方微信，隨時(shí)隨地，想學(xué)就能學(xué)：ps_bbs，或掃右側(cè)二維碼！
  • 關(guān)注我們學(xué)更多，每天都有新教程：新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
楊林2008-03-28 11:51
開(kāi)卷有益，謝謝<圍觀> <圍觀>
飛仁2008-03-23 04:04
我要下載///我要下載///我要下載///我要下載///我要下載
楓之傷2008-02-18 04:07
不錯(cuò)`支持```````````````

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

網(wǎng)友求助，請(qǐng)回答！