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

Photoshop教程:網(wǎng)頁水晶按鈕制作教程來源：網(wǎng)頁教學網(wǎng)

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

photoshop
1.新建一個300 * 200像素的文件，定義圓角矩形大小為250 * 120

photoshop
2.復制圓角矩形圖層并縮小

photoshop





3.給底部圓角矩形加個漸變疊加，這里具體顏色頭可以先不管，是同一色相調(diào)整不同明度就可以了。

photoshop
4.這是是具體的簡便顏色設(shè)置

photoshop
5.給上邊的矩形添加樣式

photoshop





6.設(shè)置前景顏色為白色，用橢圓工具畫出如圖形狀并設(shè)置不透明度為50%，操作如下圖

photoshop
7.載入上部矩形為選區(qū)并新建圖層用白色描邊，并給該圖層添加一個蒙版用漸變工具作出下圖效果

photoshop
8.隱藏背景圖層，蓋印圖層，并用自由變換工具做成倒影。

photoshop
9.加上文字。

photoshop
10.最后添加一個色相飽和度可以調(diào)成自己喜愛的顏色。

photoshop

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