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

现在回到图标形状图层,添加图层样式。
http://pic.16xx8.com/allimg/160308/0434323523-23.jpg

http://pic.16xx8.com/allimg/160308/0434322492-24.jpg

http://pic.16xx8.com/allimg/160308/0434325126-25.jpg

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

复制一层图标主体,将图层填充更改为0,添加一个内发光。
http://pic.16xx8.com/allimg/160308/0434323O0-26.jpg

http://pic.16xx8.com/allimg/160308/0434325059-27.jpg

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

设置前景色为#52a5ef,画一个蓝色的椭圆,并添加一个图层样式。
http://pic.16xx8.com/allimg/160308/0434322C3-28.jpg

http://pic.16xx8.com/allimg/160308/04343261W-29.jpg

http://pic.16xx8.com/allimg/160308/0434321005-30.jpg

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

还是使用椭圆工具,画出下图中的圆环,(简单的两个圆相减,别告诉我不会画),添加一个图层样式。
http://pic.16xx8.com/allimg/160308/0434323300-31.jpg

http://pic.16xx8.com/allimg/160308/0434323347-32.jpg

http://pic.16xx8.com/allimg/160308/0434323009-33.jpg

http://pic.16xx8.com/allimg/160308/043432A52-34.jpg

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

设置前景色为#b5cbe5,还是画一个椭圆,创建剪贴蒙版,构建白色圆环的立体感。为避免边缘的生硬,我在属性面板中设置了1像素的羽化。
http://pic.16xx8.com/allimg/160308/04343245X-35.jpg

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

下面,我们开始画指针,三角形而已,不用多说吧,颜色#97d601,添加一个投影。
http://pic.16xx8.com/allimg/160308/0434322592-36.jpg

http://pic.16xx8.com/allimg/160308/04343233O-37.jpg

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

绿色指针的高光,我们画一个矩形,旋转,将颜色更改为#b8e64a,创建剪贴蒙版。
http://pic.16xx8.com/allimg/160308/043432E26-38.jpg

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

白色的指针,跟绿色的指针是一样做法的,同样也添加一个投影样式。
http://pic.16xx8.com/allimg/160308/0434325J3-39.jpg

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

最后,我们来画指针中间的圆心,画一个正圆形,颜色为#dfedf6,并添加一个图层样式。
http://pic.16xx8.com/allimg/160308/0434326436-40.jpg

http://pic.16xx8.com/allimg/160308/0434324035-41.jpg

http://pic.16xx8.com/allimg/160308/0434326257-42.jpg

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

设计一个地图指针UI图标

最终效果:
http://pic.16xx8.com/allimg/160308/0434324J1-0.jpg
页: 1 [2]
查看完整版本: 设计一个地图指针UI图标