791650988
相机图标，用UI制作简单的彩虹相机图标
本篇教程通过UI制作一款简单的彩虹相机图标，制作过程比较简单，新接触UI的同学们一样可以来做一下，期间会用到图层样式来制作，整个制作完成下来会很漂亮，同学们一起来练习一下吧。
本篇教程通过PS绘制一个华为手机图标，拟物的图标的绘制主要先通过元素拆解，再用PS的工具一步一步的来完成，会用到PS的形状工具和图层样式来完成，教程比较详细，同学们可以来练习一下。
效果图：
咱们先不急画，先分析下图标结构，这就像玩拼图一样，主要分为三大层(下图)，得出拆分后的架构再画就简单多了。
操作步骤：
步骤一：建立画布
步骤二：外机壳
1、建立512*512大小的矩形,并作4个大小为180*180的正圆，色值随意给个颜色，布尔运算切出,命名图层1,得到下图：
2、添加图层样式,并增加投影
3、复制图层一,将复制出来的至于图层1上方,并添加图层样式
4、建立500*500大小的矩形,并作4个大小为180*180的正圆，色值随意给个颜色，布尔运算切出,得到下图：
步骤三：屏幕
1、建立470*362,圆角为4px的矩形画布，色值为333333,并做2个长度为470,高度分别是30与44px色值为1d1d1d的横条
步骤四：小元素(手机上方三孔以及右边2个操作按钮)
1、画一个10*10px色值为140303的圆形和4*4px色值为ffffff的白圆形，调节白色圆
的透明度和渐变,并在底端打上HUAWEI，字体微软雅黑，如图：
白色小圆图层样式：
2、画中间的圆角矩形框：大小66*10px，满圆角，图层样式如下图：
3、继续画小元素：26*10px的圆角矩形,并增加图层样式：
还有不要忘了右边的按钮哦，这里就不剧透了，小提示：圆角矩形加图层样式渐变效果最终版如图下：
本教程主要学习图层样式的运用，特别是多图层样式叠加，同学们可以练习中多多揣摩。
本篇教程通过PS绘制一个华为手机图标，拟物的图标的绘制主要先通过元素拆解，再用PS的工具一步一步的来完成，会用到PS的形状工具和图层样式来完成，教程比较详细，同学们可以来练习一下。
效果图：
咱们先不急画，先分析下图标结构，这就像玩拼图一样，主要分为三大层(下图)，得出拆分后的架构再画就简单多了。
操作步骤：
步骤一：建立画布
步骤二：外机壳
1、建立512*512大小的矩形,并作4个大小为180*180的正圆，色值随意给个颜色，布尔运算切出,命名图层1,得到下图：
2、添加图层样式,并增加投影
3、复制图层一,将复制出来的至于图层1上方,并添加图层样式
4、建立500*500大小的矩形,并作4个大小为180*180的正圆，色值随意给个颜色，布尔运算切出,得到下图：
步骤三：屏幕
1、建立470*362,圆角为4px的矩形画布，色值为333333,并做2个长度为470,高度分别是30与44px色值为1d1d1d的横条
步骤四：小元素(手机上方三孔以及右边2个操作按钮)
1、画一个10*10px色值为140303的圆形和4*4px色值为ffffff的白圆形，调节白色圆
的透明度和渐变,并在底端打上HUAWEI，字体微软雅黑，如图：
白色小圆图层样式：
2、画中间的圆角矩形框：大小66*10px，满圆角，图层样式如下图：
3、继续画小元素：26*10px的圆角矩形,并增加图层样式：
还有不要忘了右边的按钮哦，这里就不剧透了，小提示：圆角矩形加图层样式渐变效果最终版如图下：
本教程主要学习图层样式的运用，特别是多图层样式叠加，同学们可以练习中多多揣摩。
