开关图标,设计一个调节开关图标(4)

来源:PdadianS 作者:P大点S 学习:25935人次

 

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

 

开关图标,设计一个调节开关图标_www.16xx8.com
<点图片看大图>

 

 

开关图标,设计一个调节开关图标_www.16xx8.com

 

 

开关图标,设计一个调节开关图标_www.16xx8.com

 

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

 

开关图标,设计一个调节开关图标_www.16xx8.com
<点图片看大图>

 

 

开关图标,设计一个调节开关图标_www.16xx8.com

 

 

开关图标,设计一个调节开关图标_www.16xx8.com

 

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

 

开关图标,设计一个调节开关图标_www.16xx8.com
<点图片看大图>

 

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

 

开关图标,设计一个调节开关图标_www.16xx8.com
<点图片看大图>

 

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

 

开关图标,设计一个调节开关图标_www.16xx8.com
<点图片看大图>

 

我们的最终效果:

 

开关图标,设计一个调节开关图标_www.16xx8.com
<点图片看大图>

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
杰尼安2017-07-30 01:56
作业!!!我的作业:
荆州才子2017-04-05 05:42
交作业
荆州才子2017-04-05 05:04
交作业
photoshop2017-01-20 02:36
这个做的好呀
photoshop2017-01-20 02:01
我要成为高级UI设计师!!!鑲栫惔 的原帖:这个做的好呀
肖琴2017-01-19 04:51
我的那个点原来做的太小了
肖琴2017-01-19 04:50
我要成为高级UI设计师!!!
肖琴2017-01-19 03:42
图片是怎么上传上去的呢
肖琴2017-01-19 04:01
我要成为高级UI设计师!!!鑲栫惔 的原帖:我的那个点原来做的太小了
肖琴2017-01-19 04:01
我要成为高级UI设计师!!!
肖琴2017-01-19 03:01
图片是怎么上传上去的呢
何夜秋来2016-10-23 05:14
不错不错,我是小白,啥都不会,第一次做这个
何夜秋来2016-10-23 04:16
选择一个按钮选区,复制图层,填充为黑色,取消选区,在点新的这个选区,然后动感模糊,在弄一个蒙版,把右上方的用选区填充为黑色,然后调节投影的透明度就好啦
何夜秋来2016-10-23 05:10
不错不错,我是小白,啥都不会,第一次做这个
何夜秋来2016-10-23 04:10
请问一下~~那个~长投影是怎么做出来的啊???我不会用蒙版做 鍏斿瓙 的原帖:选择一个按钮选区,复制图层,填充为黑色,取消选区,在点新的这个选区,然后动感模糊,在弄一个蒙版,把右上方的用选区填充为黑色,然后调节投影的透明度就好啦

关注大神微博加入>>

网友求助,请回答!