当前位置：首页>ps实例教程>ps网页设计>UI设计教程>教程内容

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

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

设置前景色为#d9d0ca，画一个小一点的圆，并添加一个图层样式。

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

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

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

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

复制一层“按纽”图层，更改图层名为“投影”，将图层填充设置为0，再添加一个图层样式，我们来增强下投影效果。

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

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

选择住按纽的这三个图层，CTRL+G，创建图层组，命名为“按纽1”，复制图层组，得到四个按纽，最右侧的一个按纽，我将颜色更改了，这里不再给参数了，如果你不懂得如何改，那么你看教程就是只是单纯的看，并没有真正的理解。真不会的话，下载我们的PSD看看。

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

最后我添加了我们P大点S的LOGO和图标，设置了一个内阴影和投影，这个图层样式太经常用到了，我们的教程里太经常看到了，这里就不说了。

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

我们的最终效果：

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

共4页:上一页
  • 1
    • 234下一页

    学习 · 提示

    • 一定要打开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的透明度就有了
     回复
    ～ ．Ｐｍq2017-05-10 11:19
     回复
    ～ ．Ｐｍq2017-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
     回复
    查看全部评论 >

    关注大神微博加入>>

    网友求助，请回答！