PS设计教程网欢迎你!

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

文章来源于 未知,感谢作者 生无所求的追求 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2017-04-12
本教程主要使用Photoshop绘制立体风格的不锈钢圆形按钮,因为前些天看到网友提问怎么来做一个不锈钢旋钮效果,于是我就做了一个发出来分享思路给大家,下面让我们一起来学习吧。

先看效果图

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

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

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

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

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

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

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

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

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

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

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

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

6、接下来是内阴影的:

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

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

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

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

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

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

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

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

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa