白云岛资源网 Design By www.pvray.com

前些天看到网友提问怎么来做一个不锈钢旋钮效果,于是我就做了一个发出来分享思路给大家。

软件名称:
Adobe photoshop 6.0 汉化中文免费版
软件大小:
107MB
更新时间:
2013-04-19立即下载

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

PS怎么画旋钮? PS绘制不锈钢按钮的教程

6、接下来是内阴影的:

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

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

PS怎么画旋钮? PS绘制不锈钢按钮的教程

10、然后让我们再来画一个椭圆稍小一点的放在上面就可以(ps如果你的前景色是黑色那么就会出来一个黑色的圆形,)(其实我是直接Ctrl+j复制一层然后删掉图层样式的,这么偷懒我是不是很聪明哈哈哈~~)

11、接下来就会看到这样的情况,哦,这里说一下,最好呢,吧绘制的椭圆的填充色去掉(我这里是黑色)施加图层样式(ps当然也可以后面再去掉图层填充,至于像我这样的处+女座当然作死的一定要先去掉填充为0啦~):

PS怎么画旋钮? PS绘制不锈钢按钮的教程

12、现在继续给 “椭圆2 副本”添加图层样式,如图所示(渐变参考下图):

PS怎么画旋钮? PS绘制不锈钢按钮的教程

PS怎么画旋钮? PS绘制不锈钢按钮的教程

PS怎么画旋钮? PS绘制不锈钢按钮的教程

13、然后我们还需要在一个背景图层上先填充一个黑色或是其他灰色类的然后来一个杂色:滤镜——杂色——添加杂色

PS怎么画旋钮? PS绘制不锈钢按钮的教程

PS怎么画旋钮? PS绘制不锈钢按钮的教程

14、给做完杂色的背景添加一个动感模糊。然后呈现的是这么一个效果:(ps:注意动感模糊数值可以反复试验一下,然后就得到相对合适的了):

PS怎么画旋钮? PS绘制不锈钢按钮的教程

15、接下来是颜色叠加:小编喜欢这种类似接近我头像颜色的颜色的类似颜色于是我就选这种啦~得到如下效果:(是不是有点难看?没关系,接着继续)

PS怎么画旋钮? PS绘制不锈钢按钮的教程

PS怎么画旋钮? PS绘制不锈钢按钮的教程

16、当然我们可以加个渐变,这样就好多了。(兄弟,也可以不必大费周章,就随便来个渐变就好):

PS怎么画旋钮? PS绘制不锈钢按钮的教程

17、至此,教程结束,效果如下图,童鞋们可以多多发挥想象力来制作,不要生搬硬套哦:

PS怎么画旋钮? PS绘制不锈钢按钮的教程

相关推荐:

PS怎么绘制一个可爱的按钮?

PS怎么制作很有质感金属按钮?

ps怎么制作一款素雅有质感的按钮?

白云岛资源网 Design By www.pvray.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
白云岛资源网 Design By www.pvray.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。