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

 更新时间:2016年12月31日 09:48  点击:2220
本教程为大家带来图层样式的运用,做出调节旋钮的图标,希望大家喜欢。

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绘制一枚清新优雅的调节旋钮换挡图标

[!--infotagslink--]

相关文章

  • Illustrator绘制一个方形的录音机图标教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一下绘制一个方形的录音机图标的教程,各位想知道具体绘制方法的使用者们,那么下面就来看一下小编给大家分...2016-09-14
  • PS滤镜里为什么没有素描?PS CS6素描滤镜在哪?

    我们在作图的时候需要用到“素描”滤镜,但是点开滤镜选项就是找不到。该怎么快速找到“素描”滤镜呢?请往下看。 1、点开滤镜选项时,发现没有素描这一项。2、别急,我...2017-01-22
  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • PS怎么排除重叠图形

    PS排除重叠形状是什么意思?很多朋友都不是很清楚,其实方法很简单的,下面小编就为大家介绍介绍一下,不会的朋友可以参考本文,来看看吧。 步骤:1、在PS中,选择“矩形工具...2016-12-31
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • Element Steps步骤条的使用方法

    这篇文章主要介绍了Element Steps步骤条的使用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧...2020-07-27
  • 详解nginx同一端口监听多个域名和同时监听http与https

    这篇文章主要介绍了详解nginx同一端口监听多个域名和同时监听http与https的相关资料,需要的朋友可以参考下...2017-07-06
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • 解决vue props传Array/Object类型值,子组件报错的情况

    这篇文章主要介绍了解决vue props传Array/Object类型值,子组件报错的情况,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-11-07
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • 如何用PS将百度熊抱枕做成大头枕?

    我们知道百度熊抱枕很大,只想要百度熊的大头,该怎么办呢?下面我们就来看看详细的教程。 1、首先打开photoshopCS6软件,新建一个“1600*1600”的白色背景图,并从右上角...2016-12-31
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14
  • 浅谈vue-props的default写不写有什么区别

    这篇文章主要介绍了浅谈vue-props的default写不写有什么区别,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2020-08-09
  • 你最喜欢哪个版本?MIUI八个历史版本的系统图标汇总

    小米在3月9日下午5点推送了小米5的MIUI8.2更新,这次升级最大的改变是核心变成了Android7.0,因此加入了不少新功能。从MIUI1到MIUI8,历经了好几年了,下面小编为大家整理MIUI八个历史版本的系统图标,来看看吧...2017-07-06
  • 用ps制作二寸证件照

    有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法,学会了就能做自己美美的证件照了哈哈! 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21