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

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

 

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

 

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

 

 

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

 

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

 

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

 

 

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

 

 

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

 

 

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

 

 

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

 

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

 

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

 

 

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

 

 

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

 

 

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

 

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

 

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

 

 

开关图标,设计一个调节开关图标_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
请问一下~~那个~长投影是怎么做出来的啊???我不会用蒙版做 鍏斿瓙 的原帖:选择一个按钮选区,复制图层,填充为黑色,取消选区,在点新的这个选区,然后动感模糊,在弄一个蒙版,把右上方的用选区填充为黑色,然后调节投影的透明度就好啦

关注大神微博加入>>

网友求助,请回答!