当前位置:首页 > PS教程 > 网页设计

开关图标,设计一个调节开关图标

  • 2022-12-24 19:05:37
  • 来源/作者:互联网/佚名
  • 己被围观

今天给大家带来的是一个调节开关主题图标,制作方法也是跟以往的差不多,主要是用路径描绘形状,然后用图层样式制作质感,想学的跟着教程一起动动手吧。

 

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

 

开关图标,设计一个调节开关图标
<点图片看大图>

 

 

开关图标,设计一个调节开关图标

 

 

开关图标,设计一个调节开关图标

 

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

 

开关图标,设计一个调节开关图标
<点图片看大图>

 

 

开关图标,设计一个调节开关图标

 

 

开关图标,设计一个调节开关图标

 

下面,我们画刻度。画个矩形,利用Ctrl+Alt+Shift+T,得到一圈刻度。(我想这个不用解释吧),依照我们的设定,刻度应该位于旋纽的下层,因为我们给旋纽设置了投影,而阴影也应该对刻度起作用,所以我将刻度置于旋纽投影的下层,刻度颜色为#cececf,添加一个跟刚才我们给LOGO设置的图层样式一样的样式,黑色的内阴影,白色的投影,透明度自己把握下,我们的效果如下:

 

开关图标,设计一个调节开关图标
<点图片看大图>

 

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

 

开关图标,设计一个调节开关图标
<点图片看大图>

 

接下来,添加文字,这个没什么好说的,我的建议是一个文字一层,因为受旋纽阴影的影响,在阴影位置的文字,它看起来,相应的应该深一些,比如图中的MIN、0、1应该比其它的深一些。

 

开关图标,设计一个调节开关图标
<点图片看大图>

 

我们的最终效果:

 

开关图标,设计一个调节开关图标
<点图片看大图>

 

*PSjia.COM 倾力出品,转载请注明来自PS家园网(www.psjia.com)

更多精彩内容

  • APP展示图,教你怎么用PS制作APP的界面图片 APP展示图,教你怎么用PS制作APP的界面图片
  • 用ps制作大拇指胜利手势logo 用ps制作大拇指胜利手势logo
  • 用ps制作金属质感徽章 用ps制作金属质感徽章
  • 用ps制作绿色环保Logo 用ps制作绿色环保Logo
  • 用ps制作放大缩小logo 用ps制作放大缩小logo
  • ps cs6设计火箭UI图标 ps cs6设计火箭UI图标
  • 教你用PS打造网页效果图全过程 教你用PS打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条