设计一个地图指针UI图标

傻子学画 · 发表于 2016-4-5 01:43:51

现在回到图标形状图层，添加图层样式。

傻子学画 · 发表于 2016-4-5 01:43:51

复制一层图标主体，将图层填充更改为0，添加一个内发光。

傻子学画 · 发表于 2016-4-5 01:43:51

设置前景色为#52a5ef，画一个蓝色的椭圆，并添加一个图层样式。

傻子学画 · 发表于 2016-4-5 01:43:51

还是使用椭圆工具，画出下图中的圆环，（简单的两个圆相减，别告诉我不会画），添加一个图层样式。

傻子学画 · 发表于 2016-4-5 01:43:51

设置前景色为#b5cbe5，还是画一个椭圆，创建剪贴蒙版，构建白色圆环的立体感。为避免边缘的生硬，我在属性面板中设置了1像素的羽化。

傻子学画 · 发表于 2016-4-5 01:43:51

下面，我们开始画指针，三角形而已，不用多说吧，颜色#97d601，添加一个投影。

傻子学画 · 发表于 2016-4-5 01:43:51

绿色指针的高光，我们画一个矩形，旋转，将颜色更改为#b8e64a，创建剪贴蒙版。

傻子学画 · 发表于 2016-4-5 01:43:51

白色的指针，跟绿色的指针是一样做法的，同样也添加一个投影样式。

傻子学画 · 发表于 2016-4-5 01:43:51

最后，我们来画指针中间的圆心，画一个正圆形，颜色为#dfedf6，并添加一个图层样式。

傻子学画 · 发表于 2016-4-5 01:43:51

最终效果：

账号		自动登录	找回密码
密码			注册

[UI设计] 设计一个地图指针UI图标