优艾设计网

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

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
运用图层样式设计出来的图标,效果挺好看的,提供了PSD文件,适合新手学习,喜欢的可以练习一下。做完交作业。

设置前景色为#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图标

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消