UI教程,设计一个日历主题的UI图标

2024-01-21 17:25:11 来源/作者: / 己有:2人学习过

5、底座的制作:

(1)新建一个大的圆角矩形(圆角大小自己调整一下)放在最下面。就像这样:

UI教程,设计一个日历主题的UI图标

然后为其添加图层样式,让它立体一点(和制作夹子的时候差不多)。如下图所示:

UI教程,设计一个日历主题的UI图标

UI教程,设计一个日历主题的UI图标

接下来找一张你喜欢的”皮子“比如这样的:

UI教程,设计一个日历主题的UI图标

把它放在底座上面,然后作为”剪切蒙版“,就像这样:

UI教程,设计一个日历主题的UI图标

如果你是一个十分野性的人,也可以这样:

UI教程,设计一个日历主题的UI图标

或者这样的:

UI教程,设计一个日历主题的UI图标

(这里的”混合模式“很有意思,可以自己试试,有许许多多不一样的效果。)