优艾设计网

UI教程,设计笔记本主题UI图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:Zara_2015
今天跟大家分享一篇笔记本风格的UI图标,效果的纹理主要通过图层样式制作出来,喜欢的一起学习一下。先看看效果:

UI教程,设计笔记本主题UI图标教程

然后再画上面的那个棕红色的细皮带:

UI教程,设计笔记本主题UI图标教程

用到了图层样式和滤镜,如下:

UI教程,设计笔记本主题UI图标教程

UI教程,设计笔记本主题UI图标教程

主体部分完成。然后单独给这部分加个高光,就像刚刚body的那部分一样,叠上几层或者调整调整,但是仍然是微弱的高光,尽管微弱,细微的地方,画与不画,最终的效果一定是不同的。

我叠了两层:

UI教程,设计笔记本主题UI图标教程

最后,扣带儿上还有半圈虚线,同样用描边路径画出来,然后添加图层样式,如下:

UI教程,设计笔记本主题UI图标教程

这步完了之后呢,下一步是……呵呵,没了。

那为它加个背景图和投影吧,最终效果如下:

UI教程,设计笔记本主题UI图标教程

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

精彩评论

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