PS创作不锈钢特色的圆形开关按钮教学photoshop教程

PS创作不锈钢特色的圆形开关按钮教学photoshop教程

PS创作不锈钢特色的圆形开关按钮教学-photoshop教程

Photoshop,教程,PS教程,PS

先看下处理后处理后效果:

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤1

我们创建或Ctrl+N,创建800x 800像素大小,分辨率72像素/英寸,RGB颜色,8位,背景内容为白色的新文件 。大小也可以根据需要自己设定。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤2

转到椭圆选框工具,按住Shift键画一个圆,Alt+Delete填充颜色。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤3

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

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

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤4

以下设置添加等高线 :

等高线:半圆

检查反锯齿框。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤5

以下设置添加描边 :

大小:21

填充类型:渐变

角度:123

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤6

以下设置添加内阴影 :

距离:24

大小:43。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤7

以下设置添加浙变叠加 :

样式: 角度

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

photoshop创作不锈钢特色的网页按钮教学,PS教学,

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤8

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

不透明度: 53%

距离: 5

扩展: 21

大小: 9

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤9

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

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤10

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

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤11

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

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

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤12

以下设置添加等高线 :

等高线:滚动斜坡-递减

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤13

以下设置添加描边 :

大小:4

填充类型:渐变

角度:123

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤14

以下设置添加浙变叠加 :

样式: 角度

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

photoshop创作不锈钢特色的网页按钮教学,PS教学,

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤15

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

不透明度: 53%

距离: 8

扩展: 17

大小: 9

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤16

好了,看下效果如下:

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤17

为了使按钮金属感更强,我们增加一些高光,按Ctrl键点击图层1,得到选区。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤18

转到编辑-描边,宽度2像素,颜色白色,位置居中。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤19

转到编辑-描边,宽度2像素,颜色白色,位置居中。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤20

转到图层添加图层蒙板,不透明度设为72%,用画笔把不需要的地方涂一些掉,完成后如图所示。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

步骤21

我们还需要在给按钮加上一个背景图。找一个木纹图片拉入photoshop中,放在按钮的最下面一层,好了,最后的效果如下。

photoshop创作不锈钢特色的网页按钮教学,PS教学,

常见问题
疑难问题可以发起提问
通过导航菜单中的,创客问答-问题发布,进行提问,让更多的朋友看到并回答你的问题。
分享模型或FDM用机技术
可以通过,创客问答-技术分享,发布你的模型或技术知识,获得更多朋友的支持和点赞。
造机工坊分享机器图纸与固件
想制作同款FDM打印机的朋友,可以通过这个栏目下载机器设计图纸,BOM表单,源码固件等等,自行安装3D打印机了。
分享知识内容不收费!!!
本站始于爱好,止于收费,本站下载内容都不收费,感谢您的访问!
原文链接:https://www.wodeai.net/665547.html,转载请注明出处。如有侵权请联系邮箱:lianzhi0000#163.com (#=@) 删除,谢谢!
0
分享海报

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

微信扫一扫关注
如已关注,请回复“登录”二字获取验证码