地图图标设计简洁的地图主题ui图标教程下载(地图界面ui设计)

本文主要介绍地图图标简单地图主题ui图标教程下载(地图界面ui)，下面跟着东辰网详细了解一下吧。

这个地图主题图标整体风格有点简约清新，制作起来也不难。主要是用图层样式做的，所以要学会！完成你的作业。

PSD源文件:

为了创建一个新文档，我在这里使用800*600像素，并使用颜色#e8e8e8绘制一个圆角矩形。

给这个圆角矩形添加一个图层样式。

复制一层圆角矩形，改变层填充为0，并添加一个投影样式。

接下来，我们绘制找到的图标的形状，颜色#97d601。

这个形状可能是很多人用圆形和长方形拼接而成的。这里我就说说我的方法。先标出垂直中心参考线，画一个正圆。

使用直接选择工具选择图片中红色圆圈的锚点，并将其垂直向下移动一定数量的像素。

或者使用直接选择工具选择这个锚点，我们会发现有一个杠杆节点调整曲线段，水平向左移动一定的像素。

因为，我想做一个三维的图标，所以，顶部的锚点，我们也下移一点，把圆压扁。

好了，现在我们完成了左边部分的调整。如果还是按照这种方法调整右侧，很难精确控制，无法保证100%对称。所以，我画了一个长方形，和垂直中心的参考线对齐，减去图案。

选择矩形的路径和圆形变形后的路径，合并形状组件。

复制这个半形状，水平翻转，向右移动，保持其截面靠近参考线，选择这两个半形状，再次合并形状组件，这样我们就可以得到一个完整的对称形状图标。

复制一个定位形状，放在这一层的下层，颜色改为#85bb03。让让我们建造一个坚固的表面。

好了，现在我们开始提炼图标。首先，我们添加一个投影到最低的固体表面。

复制这个实体表面的一个图层，将图层的填充改为0，添加一个投影样式，改进投影。

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

复制一层图标体，改变图层填充为0，并添加一个内部发光。

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

或者使用椭圆工具，画下图中的圆(简单地减去两个圆，不不要告诉我我可以。;t)，并添加图层样式。

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

接下来，让我们s开始画指针，就一个三角形，不用说颜色#97d601，加个投影。

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

白色指针与绿色指针相同，还添加了投影样式。

最后，让s画出指针的中心，用颜色#dfedf6画一个圆，添加图层样式。

最终效果:

这个地图主题图标整体风格有点简约清新，制作起来也不难。主要是用图层样式做的，所以要学会！完成你的作业。

PSD源文件:

为了创建一个新文档，我在这里使用800*600像素，并使用颜色#e8e8e8绘制一个圆角矩形。

给这个圆角矩形添加一个图层样式。

复制一层圆角矩形，改变层填充为0，并添加一个投影样式。

接下来，我们绘制找到的图标的形状，颜色#97d601。

这个形状可能是很多人用圆形和长方形拼接而成的。这里我就说说我的方法。先标出垂直中心参考线，画一个正圆。

使用直接选择工具选择图片中红色圆圈的锚点，并将其垂直向下移动一定数量的像素。

或者使用直接选择工具选择这个锚点，我们会发现有一个杠杆节点调整曲线段，水平向左移动一定的像素。

因为，我想做一个三维的图标，所以，顶部的锚点，我们也下移一点，把圆压扁。

好了，现在我们完成了左边部分的调整。如果还是按照这种方法调整右侧，很难精确控制，无法保证100%对称。所以，我画了一个长方形，和垂直中心的参考线对齐，减去图案。

选择矩形的路径和圆形变形后的路径，合并形状组件。

复制这个半形状，水平翻转，向右移动，保持其截面靠近参考线，选择这两个半形状，再次合并形状组件，这样我们就可以得到一个完整的对称形状图标。

复制一个定位形状，放在这一层的下层，颜色改为#85bb03。让让我们建造一个坚固的表面。

好了，现在我们开始提炼图标。首先，我们添加一个投影到最低的固体表面。

复制这个实体表面的一个图层，将图层的填充改为0，添加一个投影样式，改进投影。

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

复制一层图标体，改变图层填充为0，并添加一个内部发光。

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

或者使用椭圆工具，画下图中的圆(简单地减去两个圆，不不要告诉我我可以。;t)，并添加图层样式。

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

接下来，让我们s开始画指针，就一个三角形，不用说颜色#97d601，加个投影。

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

白色指针与绿色指针相同，还添加了投影样式。

最后，让s画出指针的中心，用颜色#dfedf6画一个圆，添加图层样式。

最终效果:

了解更多地图图标简单地图主题ui图标教程下载(地图界面ui设)相关内容请关注东辰网。