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

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

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

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

 

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

 

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

 

 

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

 

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

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

 

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

 

 

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

 

 

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

 

 

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

 

跟刚才给圆角矩形做阴影一样,复制一层,移到下层,将图层填充修改为0,添加一个投影图层样式。

 

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

 

 

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

 

同样的,跟刚才一样,利用动感模糊做个长投影,适当调整不透明度。

 

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

*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打造网页效果图全过程
  • 进度条,设计一个彩色进度条 进度条,设计一个彩色进度条