如果您喜欢『PS学习网』,请推荐给您身边的朋友!本站永久域名:www.ps-xxw.cn
当前位置 : PS学习网 > 鼠绘专区 > 正文

PS制作立体风格风扇调节旋钮形状图标

来源:网络作者:网络时间:2016-10-19 22:29:30点击:

本教程主要使用Photoshop绘制清新优雅的调节开关图标,今天给大家带来一个调节旋纽的图标教程,与往常的教程的方法基本是一样的,依旧是图层样式的应用为主,源文件已打包,喜欢的朋友让我们一起来学习吧。

我们的最终效果:

PS制作立体风格风扇调节旋钮形状图标

 

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

PS制作立体风格风扇调节旋钮形状图标

 

光是渐变背景,感觉差了点什么,添加点质感吧。复制一层渐变图层,转智能对象,添加一个杂色。

PS制作立体风格风扇调节旋钮形状图标

 

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

PS制作立体风格风扇调节旋钮形状图标

 

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

PS制作立体风格风扇调节旋钮形状图标

 

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

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标 

 

复制一层这个圆角矩形,移到下层,将图层填充修改为0,添加一个投影图层样式,我们来增加阴影的层次感。

PS制作立体风格风扇调节旋钮形状图标

PS制作立体风格风扇调节旋钮形状图标

 

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

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标

 

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

PS制作立体风格风扇调节旋钮形状图标

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标 

PS制作立体风格风扇调节旋钮形状图标 

本站公告
  PS学习网是一个专业的学习交流Photoshop的网站,本站致力于向广大PS爱好者提供一个学习与交流的平台,想要学习提高自己的PS水平,马上从这里开始吧…
  Photoshop 8.0免费下载地址
  Photoshop CS2免费下载地址
  Photoshop CS3免费下载地址
  Photoshop基础入门视频教程
  Photoshop CS5软件视频教程