UI教程,设计电视机主题UI图标

来源:pdadians 作者:P大点S 学习:26416人次

复制一层“屏幕”图层,转智能对象,添加一个杂色,并将图层混合模式更改为“柔光”。

UI教程,设计电视机主题UI图标_www.16xx8.com

用两个屏幕的那个圆角矩形相减,得到我们需要的屏幕下部的高光形状,将这个形状的颜色设置为#eaead2,在属性面板中设置一个1像素的羽化,并将图层混合模式更改为“柔光”,不透明度34%。

UI教程,设计电视机主题UI图标_www.16xx8.com

设置前景色为#eaead2,用屏幕的那个圆角矩形和一个椭圆相交,得到我们需要的屏幕顶部的高光形状,同样的将图层混合模式更改为“柔光”,不透明度34%,并添加一个图层蒙版,适当的擦拭左右两侧。

UI教程,设计电视机主题UI图标_www.16xx8.com

下面,我们来制作按纽,设置前景色为#b4b097,画一个正圆,并添加一个图层样式。

UI教程,设计电视机主题UI图标_www.16xx8.com

UI教程,设计电视机主题UI图标_www.16xx8.com

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
xiaoyi2023-07-12 11:23
我的作业:

小叮当2023-07-10 02:59
我的作业

小周小周2019-08-29 04:28
我的作业:
梦的翅膀2017-08-03 02:41
下高光还是不太懂怎么弄得姹瘑 的原帖:新手练习tidy 的原帖:第一个按钮下面的高光是添加图层样式的内阴影 ,调一下-90度和百分之0的透明度就有了
~ .Pmq2017-05-10 11:19
~ .Pmq2017-05-10 11:05
灵咎2017-03-11 04:35
下高光还是不太懂怎么弄得
汪密2017-03-11 04:03
新手练习tidy 的原帖:下高光还是不太懂怎么弄得
tidy2016-03-28 11:57
新手练习
tidy2016-03-28 11:03
新手练习
独影至黄昏2016-01-21 08:10
独影至黄昏2016-01-21 08:10
独影至黄昏2016-01-21 08:01
独影至黄昏2016-01-21 08:01
过客2016-01-08 04:56

关注大神微博加入>>

网友求助,请回答!