Photoshop教程:網(wǎng)頁(yè)水晶按鈕制作教程
2022-12-26 13:48:35
來(lái)源/作者: /
己有:8人學(xué)習(xí)過(guò)
Photoshop教程:網(wǎng)頁(yè)水晶按鈕制作教程來(lái)源:網(wǎng)頁(yè)教學(xué)網(wǎng)

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

photoshop
2.復(fù)制圓角矩形圖層并縮小

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

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

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

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

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

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

photoshop
9.加上文字。

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

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

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

photoshop
2.復(fù)制圓角矩形圖層并縮小

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

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

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

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

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

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

photoshop
9.加上文字。

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

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