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
复制一层图标主体,将图层填充更改为0,添加一个内发光。
http://pic.16xx8.com/allimg/160308/0434323O0-26.jpg
http://pic.16xx8.com/allimg/160308/0434325059-27.jpg
设置前景色为#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
还是使用椭圆工具,画出下图中的圆环,(简单的两个圆相减,别告诉我不会画),添加一个图层样式。
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
设置前景色为#b5cbe5,还是画一个椭圆,创建剪贴蒙版,构建白色圆环的立体感。为避免边缘的生硬,我在属性面板中设置了1像素的羽化。
http://pic.16xx8.com/allimg/160308/04343245X-35.jpg
下面,我们开始画指针,三角形而已,不用多说吧,颜色#97d601,添加一个投影。
http://pic.16xx8.com/allimg/160308/0434322592-36.jpg
http://pic.16xx8.com/allimg/160308/04343233O-37.jpg
绿色指针的高光,我们画一个矩形,旋转,将颜色更改为#b8e64a,创建剪贴蒙版。
http://pic.16xx8.com/allimg/160308/043432E26-38.jpg
白色的指针,跟绿色的指针是一样做法的,同样也添加一个投影样式。
http://pic.16xx8.com/allimg/160308/0434325J3-39.jpg
最后,我们来画指针中间的圆心,画一个正圆形,颜色为#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
设计一个地图指针UI图标
最终效果:http://pic.16xx8.com/allimg/160308/0434324J1-0.jpg
页:
1
[2]