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

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

跟大家分享一篇设计相机主题的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图标实例

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

标签(TAG) ps网页设计 UI教程 UI设计教程绘制教程相机图标