百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 网站模板(百分百源码网)>电脑软件>photoshop> 用PS设计一枚调节旋钮换挡图标
分享本文到:

用PS设计一枚调节旋钮换挡图标

发布时间:01/15 来源: 浏览: 关键词:
本教程为大家带来图层样式的运用,做出调节旋钮的图标,希望大家喜欢。

1、新建一个渐变调整层,做一个45度的从 #a1a5ae 到 #eef2f3 的线性渐变。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

2、。复制一层渐变图层,转智能对象,添加一个杂色。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

3、执行“滤镜—风格化—浮雕效果”,添加一个浮雕效果。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

4、将这个图层的图层混合模式更改为“叠加”,我们的背景就完成了。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

5、画一个圆角矩形,并添加图层样式。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

6、复制一层这个圆角矩形,移到下层,将图层填充修改为0,添加一个投影图层样式。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

7、载入圆角矩形的选区,在主体阴影下层新建一层,填充黑色,执行一个动感模糊,配合蒙版,我们做了一个长投影,更改图层混合模式为“正片叠底”,图层不透明度为33%。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

8、接下来,我们来做那个中框,这里需要注意的是圆角矩形的圆度需要对齐一下,不然看上去很难看。将图层的填充修改为0,添加一个图层样式。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

9、用椭圆工具画出旋纽的主体来,添加图层样式。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

10、复制一层,移到下层,将图层填充修改为0,添加一个投影图层样式。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

11、利用动感模糊做个长投影,适当调整不透明度。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

12、接下来,用椭圆工具画出中间的小圆,添加图层样式。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

13、添加LOGO,同时添加一个图层样式,黑色内阴影,白色投影。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

14、下面,我们画刻度。画个矩形,反复按Ctrl+Alt+Shift+T,得到一圈刻度。将刻度置于旋纽投影的下层,刻度颜色为#cececf,添加一个跟刚才我们给LOGO 设置的图层样式一样的样式,黑色的内阴影,白色的投影,透明度自己把握下,我们的效果如下:

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

15、用椭圆工具画一个小圆,做旋纽的指示位置的标记。颜色随大家喜欢了,我自己用的颜色是#77e4ff,同样的添加一个黑色的内阴影,白色的投影。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

16、接下来,添加文字。

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

17、最终效果:

教你使用PS绘制一枚清新优雅的调节旋钮换挡图标

热门标签:dede模板 / destoon模板 / dedecms模版 / 织梦模板
责任编辑:
打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有2人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助



订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板