图标设计制作（图标设计制作教程）

大家好！今天让创意岭的小编来大家介绍下关于图标设计制作的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等

只需要输入关键词，就能返回你想要的内容，越精准，写出的就越详细，有微信小程序端、在线网页版、PC客户端

官网：https://ai.de1919.com

创意岭作为行业内优秀企业，服务客户遍布全国，设计相关业务请拨打175-8598-2043，或微信：1454722008

本文目录:

• 1、ps怎样制作设计图标

• 2、如何从零开始学习图标设计

• 3、经验分享：7个超赞的图标设计技巧(一)

• 4、图标设计怎么做更受欢迎？

一、ps怎样制作设计图标

首先打开ps，新建文档，大小大于256*256像素，背景为透明，这里为了方便观察，设置成白色

如何用ps制作个性化图标

2

双击该图层解锁，设置背景图案，如果是制作图标，可以跳过这一步

如何用ps制作个性化图标

3

然后选择圆角矩形工具，设置大小为256*256像素，圆角半径为30像素

同时设置好颜色和描边

如何用ps制作个性化图标

4

之后点开该层的图层样式，加一个渐变叠加，设置底部的亮光

如何用ps制作个性化图标

5

注意在确定前，要将渐变拖到底部

如何用ps制作个性化图标

6

之后新建一个图层，加一个蒙版，选择图层，先画一个椭圆选区，使用油漆桶工具填充为白色，也可以做成其他的形状

如何用ps制作个性化图标

7

在选择蒙版，使用渐变工具，拉出渐变效果

如何用ps制作个性化图标

8

取消椭圆的选区，按ctrl，点击圆角矩形图层，载入该图层的选区，再进行反选，删除额外的部分

如何用ps制作个性化图标

9

调节该层的不透明度

如何用ps制作个性化图标

10

添加上文字

如何用ps制作个性化图标

二、如何从零开始学习图标设计

对于有基础的人来说，图标制作最好的方式是临摹，通过大量的临摹去解剖、学习和分析图标制作的方法，然后再大量的练习、修改。图标绘制虽然看起来是个UI设计中很小的一部分，但是也是不可忽视的一部分，图标的风格多种多样，最重要的还是需要依据产品特色设计出符合该产品的图标。

一、制作图标的视频教程

那我们来简单分享几个不同风格的图标，去看看这些风格的图标应该如何制作呢？

1、剪影图标

剪影图标大多数是单色表现，当然也有双色图标。剪影图标简洁大方、高度提炼出图标的意义，能够通过最简单的线条的表现出该图标代表的作用。看似简单的剪影图标，其实考验了设计者对于产品需求的高度提炼，突出理性与感性在功能传达上的逻辑思维。

2、扁平图标

扁平化设计风格在APP的设计中常常都能看到，那图标也不例外。所以学习扁平化的设计风格有很高的通用性，在平时设计工作中也会经常遇到。那扁平化风格其实是从iphone开始流行起来，其特点就是所有元素的边界都干净利落，没有特效、没有过多的装饰效果，组成元素简单，能够直观的传达信息。

4、临摹图标

都说学习图标设计最好的方式是先临摹，

那我们选择毛线图标、毛球图标和播放器图标去看看，这类的图标是如何设计出来的。

毛线图标和毛球图标是两种图标的表现形式，毛线型的图标绘会将毛线针织的一针一线体现在设计中，有中温暖和温馨的感觉。如果毛线的质感运用得恰当，会让设计出彩，那毛球图标也是一样。虽然这类的图标实用性较小，但是了解一下增加一下自己的设计知识储备。

5、拟物图标

虽然现在大多数应用都是扁平化发展，但是流行是个圈，拟物化风格又在悄悄开始流行起来了。想必UI设计师们都能感受到“新拟物风格”这股风现在刮的多么凶猛了。那我们通过拟物话筒图标、拟物篮球图标、拟物伞、水滴图标、拟物甜甜圈图标的学习去紧跟这个流行趋势吧。

二、图标网站

学习的过程汇总需要大量的临摹素材，在这里分享几个图标类的网站。

1、阿里巴巴矢量图标库：国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。

图片来源：Iconfront

2、IconStore：是一个提供一流的免费图标包素材的站点,汇集了很多优质的icon素材。

图片来源：IconStore

3、Flaticon：图标设计丰富。

图片来源：Flation

4、Material Design Icons：包含常用的图标，如用于媒体播放、通讯、内容编辑、连接等等。

通过视频和图标网站的分享，希望能对你学习图标设计与制作有些帮助。

三、经验分享：7个超赞的图标设计技巧(一)

一、捕捉对象的特征

捕捉对象的特征对于图标设计是关键的一步。毕竟图标设计的核心就是小而易懂，设计师如果能够抓住对象的主要特征，那么对于图标设计的成功就进了一大步。总之，图标需要突出对象的最典型特征，表现它所表达的概念和细节。当你设计出一个图标，用户需要能够立即辨认，这样它所表达意义的识别性，必须一目了然，必须具备经典的隐喻特征。

二、让图标简单、通用，从而让它适应一系列项目

设计图标的关键在于让图标尽量简单些，瞄准一个风格和目标，这有助于让软件开发者更加灵活的使用图标，增加图标的可用性，当然，如果你的图标设定范围更广，可以使用在首页或其他地方，那它的潜在市场会更大。

三、使用一致的光源

光源的设置可是直接关系到图标设计整体的质量，在这里，青藤小编分享一个特别有用的技巧：当你在设计一系列图标时,不紧紧要在风格上一致,像“光源”这些细节也需要注意。因此来说，在图标设计中，使用一致的光源是非常重要的一个技巧。

四、创建矢量格式的图标

矢量格式在平时工作中也是很常见的，它的优势非常明显，图标通常在一个尺寸范围内使用，因此创建一个视觉效果很棒的可缩放矢量图形，可以有多种用途，当你需要不同尺寸时，矢量绘图可以让你不需要重绘。

以上就是小编关于图标设计技巧的相关分享，希望对学习设计的小伙伴们有所帮助，当然，想要了解更多相关内容，还请关注本平台，小编期待与大家共同学习成长。

四、图标设计怎么做更受欢迎？

1.层叠手法2.图标图形化3.单色弱渐变透明图标 层叠手法顾名思义图标之间有纵深前后关系，通过这样去处理，可以让图标层次丰富，增加设计细节，打破枯燥无味的单色扁平图标。通常大部分人设计一个图标就直接将图形画出来后，这样就完事了，没有继续深入下去。这样图标看着枯燥乏味，普通了一些。如上图，将图标在接口处进行细节弱透明度处理，那么效果就完全不一样了。 这里需要注意，一般都是在图标的接口处进行层叠处理，从A到B的一个线性渐变。下面来看看案例：Atlassian的品牌图标系统 使用建议：运用在面形图标效果会更好些，或者线条粗一些的图标，一般运用在TabBar上面居多。 图标图形化这种比较好用，将图标进行抽象放大化处理，变成一种图形方式。一般运用在卡片设计上面居多。 左侧卡片上面，图标直接使用描边效果。卡片里面虽然加了一些底纹图形，但是整体效果略显平庸了一些 。重新将图标进行图形化处理，既能够表达当前含义，同时设计上细节和品质感有所提升。 其他思路延展示例：当然还有一种类似的思路，可以将图标进行放大化，并进行色彩分割处理为背景，前景放图标和文案等。如图，我将前面两个思路综合运用，图形化背景和层叠图标。这里的图形希望大家不要乱用，尽量使用图标的图形来演变。 单色弱渐变透明图标图标通过弱渐变透明处理，其思路有点类似第一个。但是这个方法图标整体带透明度的范围更大。先来直接看个案例： 这种图标给人比较新颖的时尚感，层次也丰富。如何处理这种图标？非常重要的一点，需要注意不识别度问题。如左侧图，图标和背景之间几乎融为一体，看不清主体元素。右侧处理刚好，能够识别出图标含义。处理时候一定要注意透明度的关系，当然也与卡片背景色有关系。

以上就是关于图标设计制作相关问题的回答。希望能帮到你，如有更多相关问题，您也可以联系我们的客服进行咨询，客服也会为您讲解更多精彩的知识和内容。

推荐阅读：

景观设计平面图图标（景观设计平面图图标含义）

长城图标图片（长城图标图片高清）

自定义图标图片（自定义图标图片搞笑）

零售的三个特点（零售的三个特点包括）

小型农庄景观设计