UI教程,设计相机主题UI图标实例

2022-12-26 13:50:00 来源/作者: / 己有:39人学习过

跟大家分享一篇设计相机主题的UI图标实例,步骤比较多,但有PSD文件可参考,不懂的可以看一下。

PSD链接:http://pan.baidu.com/s/1hq3rVPq 密码:76cv

最终效果:

UI教程,设计相机主题UI图标实例

1,新建一个2000*2000的画布

(因为之后需要设置一些参数是根据画布大小而定的,所以不想自己调参数的话就跟我设置同样大小的画布吧)

UI教程,设计相机主题UI图标实例

2,新建一个图层,然后随便填充一个颜色(太简单不上图了)

3,双击图层一,打开图层样式,使用渐变叠加。

UI教程,设计相机主题UI图标实例

4、拉好参考线,画出一个圆角矩形。

UI教程,设计相机主题UI图标实例

5、再画一个圆角矩形,圆角半径设置如图,颜色设置为灰色。将图层取名为右边。

UI教程,设计相机主题UI图标实例

6、按住Ctrl点击“右边”图层的缩略图,得到此图层的选区,并且新建一个图层取名为“右边白边”。

UI教程,设计相机主题UI图标实例