PS设计教程网欢迎你!

Photoshop制作不锈钢风格的网页按钮教程(2)

文章来源于 PS联盟,感谢作者 零下一度 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2017-05-08
步骤6 使用以下设置添加内阴影 : 距离:24 大小:43。 步骤7 使用以下设置添加浙变叠加 : 样式: 角度 浙变颜色色值:#ffffff、 #8b8a8a、 步骤8 添加一个投影与这些设置: 不透明度: 53% 距离: 5 扩展: 21 大

步骤6

使用以下设置添加内阴影 :

距离:24

大小:43。

Photoshop制作不锈钢风格的网页按钮教程

步骤7

使用以下设置添加浙变叠加 :

样式: 角度

浙变颜色色值:#ffffff、 #8b8a8a、

Photoshop制作不锈钢风格的网页按钮教程

Photoshop制作不锈钢风格的网页按钮教程

步骤8

添加一个投影与这些设置:

不透明度: 53%

距离: 5

扩展: 21

大小: 9

Photoshop制作不锈钢风格的网页按钮教程

步骤9

这样第一个圆画好了,效果如下:

Photoshop制作不锈钢风格的网页按钮教程

步骤10

接下来我们来做下面的圆,转到图层面板,选用椭圆选框工具,按住Shift键画一个更大的圆,Alt+Delete填充颜色。

Photoshop制作不锈钢风格的网页按钮教程

步骤11

转到图层面板,双击图层2打开图层样式。

使用以下设置添加斜面和浮雕 :

Photoshop制作不锈钢风格的网页按钮教程

步骤12

使用以下设置添加等高线 :

等高线:滚动斜坡-递减

Photoshop制作不锈钢风格的网页按钮教程

步骤13

使用以下设置添加描边 :

大小:4

填充类型:渐变

角度:123

Photoshop制作不锈钢风格的网页按钮教程

步骤14

使用以下设置添加浙变叠加 :

样式: 角度

浙变颜色色值:#ffffff、 #8b8a8a、

Photoshop制作不锈钢风格的网页按钮教程

Photoshop制作不锈钢风格的网页按钮教程

步骤15

添加一个投影与这些设置:

不透明度: 53%

距离: 8

扩展: 17

大小: 9

Photoshop制作不锈钢风格的网页按钮教程

步骤16

好了,看下效果如下:

Photoshop制作不锈钢风格的网页按钮教程

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