优艾设计网

地图图标,设计简洁的地图主题UI图标教程

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:P大点S
这个地图主题图标整体风格有点简洁的小清新感觉,制作不难,主要还是用图层样式来制作,来学!做完交作业。

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

地图图标,设计简洁的地图主题UI图标教程

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

地图图标,设计简洁的地图主题UI图标教程

地图图标,设计简洁的地图主题UI图标教程

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

地图图标,设计简洁的地图主题UI图标教程

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

地图图标,设计简洁的地图主题UI图标教程

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

地图图标,设计简洁的地图主题UI图标教程

地图图标,设计简洁的地图主题UI图标教程

地图图标,设计简洁的地图主题UI图标教程

最终效果:

地图图标,设计简洁的地图主题UI图标教程

 

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消