来源:uimaker.com 作者:暮光之城
周末的时光除了去休闲娱乐外可别忘了做作业哦!今天小编给大家带来的是一个定位的小图标,依旧是小清新的风格,大家赶紧动手试试呗!
1、在640*640的画布上用多边形工具建立一个480*480的圆角矩形,填充颜色是#f1f1f1旋转45度,对齐
2、添加图层样式,参数如下
3、先把垂直参考线拉出来,用椭圆工具画一个180*180的正圆,填充颜色为#85bb03,
4、使用直接选择工具,选择住图中红圈的锚点,垂直下移一定的像素
5、还是用直接选择工具,选择住这个锚点,我们会发现,出现了调节曲线片段的杠杆节点,水平向左移动一定像素
6、OK,现在我们已经完成了左边部分的调节,如果还是按照这个方法去调节右边,不好精确控制,无法保证百分百的对称,所以,我画了一个矩形,对齐垂直居中的参考线,模式减去
7、选择住矩形的路径和圆形变形后的路径,合并形状组件
8、复制这个一半的形状,水平翻转,移动到右边,保持其切面与参考线贴合,选择住这两个一半的形状,再次合并形状组件,这样我们就彻底的得到了一个对称的形状图标了
9、复制一层定位的形状,置于这层的下层,更改颜色为#6b9506,我们来构建立体面
10、OK,现在我们开始细化图标,首先我们先为最下层的立体面添加一个投影
11、复制一层这个立体面,将图层的填充更改为0,添加一下投影样式,完善投影
12、现在回到图标形状图层,添加图层样式
13、复制一层图标主体,将图层填充更改为0,添加一个内发光
14、设置前景色为#52a5ef,画一个蓝色的椭圆,并添加一个图层样式
15、还是使用椭圆工具,画出下图中的圆环,添加一个图层样式
16、设置前景色为#dacfcf,还是画一个椭圆,创建剪贴蒙版,构建白色圆环的立体感。为避免边缘的生硬,我在属性面板中设置了1像素的羽化
17、最后画一个小指针,想要知道小指针的画法,关注下面的公众号“麦益视觉”,回复“小指针”来获取教程哦!