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

2024-01-20 17:23:21 来源/作者: / 己有:0人学习过

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

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

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

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

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

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

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

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

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

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

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

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

我们的最终效果:

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