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

运用图层样式设计出来的图标，效果挺好看的，提供了PSD文件，适合新手学习，喜欢的可以练习一下。

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

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

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

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

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

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

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

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

我们的最终效果：

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

*PSjia.COM 倾力出品，转载请注明来自PS家园网（www.psjia.com）

标签(TAG) ps网页设计 p大点s UI教程 UI设计教程 UI图标电视机