Photoshop制作不锈钢主题的网页按钮教程

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:生无所求的追求

关键词

Photoshop制作不锈钢主题的网页按钮教程

1、打开PS软件,新建画布,以下参数提供参考:

Photoshop制作不锈钢主题的网页按钮教程

2、在新建完成的画布上,拉出两条参考线:

Photoshop制作不锈钢主题的网页按钮教程

3、用椭圆工具定中心,定比例画一个园:

Photoshop制作不锈钢主题的网页按钮教程

4、嗯,当然老套的来个图层样,用一个斜面与浮雕数值如下:

Photoshop制作不锈钢主题的网页按钮教程

5、来个描边吧,这样更加突出~~这是描边一个渐变,很普通的黑白渐变,但记住不要反向哦:

Photoshop制作不锈钢主题的网页按钮教程

Photoshop制作不锈钢主题的网页按钮教程

6、接下来是内阴影的:

Photoshop制作不锈钢主题的网页按钮教程

7、这是整个旋钮当中的最关键一步,其实也就最简单的精要就这一步(添加一个不锈钢渐变,也就是普通的灰白渐变,直接用灰色和白色调出来即可 详细图如下):

Photoshop制作不锈钢主题的网页按钮教程

Photoshop制作不锈钢主题的网页按钮教程

8、然后是给个投影,参数经供参考,推荐新手不要太过于纠结数值,合适就好:

Photoshop制作不锈钢主题的网页按钮教程

9、为了利于观察,把背景换成黑色按照教程做完上面的步骤你就会发现得到如下效果了:

Photoshop制作不锈钢主题的网页按钮教程

 收藏