自制图标（如何自制图标）

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

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

文章目录列表:

• 1、如何制作简约时尚的社交媒体图标

• 2、怎么制作图标 ico图标制作教程

• 3、photoshop制作图标的案例教程

• 4、在ppt中怎样制作logo图标

一、如何制作简约时尚的社交媒体图标

1. 创建新文档  

启动  Illustrator 创建新的项目文件“  文件”>“新建” 或者 “Control-N” 。然后为新文件命名，设置尺寸，然后选择 像素  为  单位  和  RGB  的  色彩模式 。

接下来，转到 编辑>首选项>常规 并将 键盘增量 设置为 1像素 ，然后转到 单位 将数据设置如下图所示选项。接下来绘制的过程中你会发现这些设置将为你提供很大的帮助。

2. 创建图标形状

第1步

使用 椭圆工具（L） 画板上绘制一个 98 x 98像素的 圆圈,并创建 4px 深灰色 描边。

转到“  视图”>“标尺”>“显示标尺” ，然后在圆的四周创建参考线，作为活动绘图区域。

第2步

接下来，使用 矩形工具（M） 绘制一个 30 x 30像素 的正方形，在正方形的对角线之间绘制一个三角形。将此三角形移动到灰色圆圈的左下方。确保它没有超出绘图区域。

第3步

接下来我们需要做一些小调整。使用 添加锚点工具（+）  在三角形上添加一个新的锚点。将此点拖动到灰色轮廓上避免接触到圆圈内部。最后，用与圆圈相同的深灰色着色。

第4步

选择灰色圆圈并转到 对象>扩展外观 ，将圆圈内部笔触变为填充，选择生成的灰色环形状以及三角形，然后在“  路径查找器”  面板中选择“ 联集  ” 将它们合并为单个形状。图标的主要形状就完成了。

第5步

制作“  图标形状  ”的五个副本，然后依照参考图像或进入“  对齐”  面板将它们排列在画板上。将每个图标形状移动到单独的图层并相应地命名它们，方便之后在“  图层” 面板中进行图标的调整。

3. 创建脸书（ Facebook ）图标

第1步

定位到“  Facebook图标  ”图层，选择 文字工具（T） 并使用 World of Water字体 ， 粗体 ，在画板上输入字母“  f  ” ，尺寸为  68pt 。填充与形状相同的填充颜色并赋予文字2pt的轮廓。

转到 对象>扩展轮廓 两次以展开文本。然后在图标形状内移动字母，与图标形状对齐。

第2步

将图标形状和徽标保存为两个单独的形状，将它们合并为复合路径。进入“  路径 查找器”  面板中按“  联集” ，然后按“  对象”>“复合路径”>“制作”（Control-8） 。

4. 创建照片墙（Instagram）图标

第1步

定位在“  Instagram图标  ”图层上。使用 矩形工具（M） 画板上绘制 44 x 44像素 正方形; 然后转到 形状 面板并在 圆角半径 中输入 10 px 获得圆角（1）。用相同的深灰色填充此形状。

使用 椭圆工具（L） 绘制一个 25 x 25像素的 圆; 然后选择两个形状并选择 对齐 面板中的 水平对齐中心 和 垂直对齐中心 （2）。

选中两个形状的同时，在“  路径查找器”  面板中选择“  减去顶层  ” 获得复合路径（3）。

第2步

接下来，在图标上绘制一个细长的 46 x 2 px 矩形; 然后选择两个形状并在“  路径 查找器” 面板中选择“  减去顶层” ，然后进入“  对象”>“复合路径”>“制作”（Control-8） （1）。

在图标的右上方绘制一个 5 x 5 px 圆圈，选中两个形状后，在“  路径 查找器” 面板中选择“  减去顶层” ，然后选择“  对象”>“复合路径”>“制作”（Control-8） （2）。

第3步

绘制 18 x 18像素 的圆圈，使用相同的深灰色给它创建一个 2pt 的轮廓。选择图标形状以及此圆圈，然后在“  对齐”  面板中按“  水平对齐中心” 和“  垂直对齐中心 ” 确保它们完美对齐（1）。

保持选中状态，转到 对象>扩展对象 以将笔划转换为形状（2）。选择两个形状并在“  路径 查找器” 面板中选择“ 联集” ，然后选择“  对象”>“复合路径”>“制作”（Control-8） （3）。

第4步

将完成的复合形状排列在图标形状的中心（1）。

此时，“  Instagram图标  ”图层上应该有两个形状：徽标和图标形状。保持选中它们，进入“  路径查找器” 面板中按“  联集” ， 然后选择“  对象”>“复合路径”>“制作”（Control-8） （2）将它们合并到新的复合路径中。

5. 创建推特（Twitter）图标

第1步

定位在“  Twitter图标  ”图层上，创建一个 27.5 x 27.5 px 的圆圈，填充与图标形状相同的深灰色。切换到 钢笔工具（P） 绘制小鸟的主体形状，如下图所示。

创建喙，绘制一个类似三角形的形状，然后转到 对象>变换>反射 ，选中 水平，  然后点击 复制 以获得下半部分。

最后，用 钢笔工具（P） 绘制翅膀的形状。选择所有形状并在“  路径查找器 ” 面板中选择“  联集  ” 将它们合并为单个形状。

第2步

将鸟标志移动到图标形状内，将其排列在中心位置（1）。

在“  Twitter图标  ”图层上，您现在应该有两个形状：徽标和图标形状。选择两个形状进入“  路径查找器” 面板单击 “联集” ，然后选择“  对象”>“复合路径”>“制作”（Control-8） 。

6. 创建优兔（YouTube）图标

第1步

定位在“  YouTube图标  ”图层上。使用 矩形工具（M） 在画板上 绘制一个 50 x 37像素的 矩形（1）; 然后转到 变形 面板并在 圆角半径 中输入 8 px 获得圆角（2）。

接下来，在圆角矩形的中心位置（3）绘制一个小三角形，然后保持选中两个图形，进入“  路径查找器” 面板中选择“  减去顶层  ” 获得复合路径（4）。

第2步

将徽标移动到图标形状内并将其排列在形状中心（1）。如果需要，将图标形状和徽标合并到新的复合路径中（2）。

7. 创建色拉布（Snapchat）图标

第1步

在“  Snapchat图标  ”图层上，绘制一个 27 x 43像素 的矩形（1）; 然后转到“ 变形” 面板并在“ 圆角半径”  中输入 12px ，获得圆角矩形（2）。

使用 直接选择工具（A） 选择形状的左下角和右下角锚点，将它们向外移动一段距离（3）。切换到 添加锚点工具（+） 并使用它在底部添加三个新的锚点; 然后移动它们并调整手柄以创建波浪形形的底部（4）。

使用 添加锚点工具（+） 在左侧和右侧添加其他两个锚点; 然后将它们向内移动，获得类似幽灵的形状（5）。

第2步

使用相同的深灰色填充上一步骤中获得的形状（1）。然后使用 钢笔工具（P） 绘制两条短线条作为手臂，并将粗细设置为 4pt 。选择“描边 ”  面板中的“  圆形端点” 选项以获得圆形末端（2）。保持选中手臂形状的同时，转到 对象>扩展外观 将笔划变为形状（3）。

选择所有形状，然后在“  路径查找器 ” 面板中选择“  联集  ” 将它们合并为单个形状（4）。

第3步

将徽标移动到图标形状内，将其排列在图标形状的中心（1）。如果需要，也可以将徽标和图标形状合并到一个新的复合路径中（2）。

8. 创建矢量Pinterest图标

第1步

在“  Pinterest图标  ”图层上，使用 文本工具（T） 使用 Magnolia脚本字体 在画板上写下字母“  P  ” ，大小设置为 64pt （1）。转到 对象>扩展外观 将文本转换为形状（2）。 

在 直接选择工具（A） 的帮助下 ，移动文字上的一些锚点获得尖形的底端，使其顶部变得更圆，使其右侧不那么圆（3） ，最后，你会得到一个更像原始徽标的形状（4），当然也不需要完全相同。

第2步

将徽标移动到图标形状的中心位置（1）。如果需要，可以将徽标和图标形状合并为新的复合路径（2）。

9. 保存图标

第1步

首先将所有图标整齐的排放在画板上

第2步

我们以Facebook图标为例。使用 矩形工具（M） 绘制一个 98 x 98像素 的正方形。选中图标和方形，选择 水平对齐中心 和 垂直对齐中心 确保它们居中对齐。

仅选择正方形并转到 对象>画板>转换为画板 以定义新区域。转到 文件>导出>另存为Web 来保存图标。选择您需要的文件类型， PNG ，透明背景或 JPEG ，然后点击 保存 。对其余图标执行相同操作以单独保存它们。

10. 创建图标通知符号

第1步

使用 矩形工具（M） 绘制一个  80 x 50像素 矩形，并用浅红色（1）着色。在“  变换” 面板中，选择“ 圆角半径” 输入 10px 获得圆角矩形（2）。

在圆角矩形的底部绘制一个小三角形（3），然后保持选中两个形状，进入“  路径查找器” 面板选择“  联集  ” 将它们合并为单个形状（4）。

第2步

在圆角矩形的左侧绘制白色的 11 x 11像素  圆圈 ，然后在其下方绘制一个 15.5 x 6像素 矩形。在圆角矩形中将 圆角半径 设置为 4px （1）。

使用 文本工具（T） 并使用 Sniglet字体 写入“  1  ”或者任意的 数字 ，大小设置为 27磅 。给它一个白色填充和 0.75pt 的轮廓（2）。

第3步

首先绘制一个 14 x 14像素 的圆圈，填充白色（1）。使用 直接选择工具（A） 选择底部锚点并向下移动一定距离获得类似花瓣的形状（2）; 然后在“  变换” 面板（3）中将此形状旋转 20度 。转到 对象>变换>反射 ，选中 垂直 并单击 复制 获取第二个形状，通过使它们的底部锚点重叠来对齐它们（4）。

保持选中两个形状的同时，在“  路径查找器” 面板中选择“  联集  ” 将它们合并为心形（5）。

最后，使用相同的字体和设置在形状的旁边输入数字（6）。

第4步

将创建好的形状放置在图标的右上方，完成通知符号。

完成

二、怎么制作图标 ico图标制作教程

如何制作图标?图标的作用很明显，当选择使用一个图标来执行一个命令的话，只需要单击或双击图标即可。这对于迅速辨识一个图标主题也是非常有效的。使用相同的扩展名的所有文件都具有相同的图标。

那么，如何制作图标?图标制作软件哪个好?图标制作软件Axialis

IconWorkshop具有很强大的图标处理功能，用户不但可以直接绘制新建图标，能够在图像的基础上制作图标，还能转换图标。

下载：IconWorkshop

1、如何制作图标之创建新图标项目

在Axialis

IconWorkshop中选择新建或按Ctrl+N创建一个新的图标项目，可以选择创建Windows图标或Macintosh图标项目。选中项目类型后，下一步确定项目名称、颜色以及像素大小等。

完成后，点击确定。开始创建一个新的图标，可在右侧的编辑面板选择相应的绘制工具进行新图标的绘制。

制作完成后，直接选择保存或按Ctrl+S，选择保存路径和名称即可完成图标保存。

2、如何制作图标之从图像中新建图标

Axialis

IconWorkshop可以根据不同格式的图像文件制作图标。打开文件浏览器或者按Ctrl+O选择一个图像文件，也可在库中选择一个图像文件或是从启动时选择从图片新建作为素材来制作图标。

然后再根据出现的界面设置相应的项目名称、格式等。

完成后，点击确定则会出现选取的多个格式的图标。

图标制作完成。接下来就可以进行保存，可以将其添加至图标库中，也可单独保存至电脑中。如何制作图标?Axialis

IconWorkshop就是一款最好用的图标制作软件，而且操作简单，能够让图标制作更省心!

三、photoshop制作图标的案例教程

photoshop其实除了图像处理很厉害之外，我们一般还可以制作很多精美的图标。接下来就是我精心整理的一些关于photoshop制作图标的案例教程的相关资料，供你参考。

photoshop制作图标的案例教程

新建文档，我用的大小是1500*1000像素，透明背景。 创建一个“渐变”调整层，设置一个#bdc3ce到#e7e9ee的90度的线性渐变。

再创建一个“渐变”调整层，模拟背景上的顶部中央位置的高光效果。 设置为#e7e9ee到透明的90度的径向渐变。

画一个480*480像素的圆，将圆的不透明度更改为80%。

为这个圆添加一个渐变叠加。

添加一个内阴影

设置一个白色的投影

现在，我们完成了外圆的设置，得到了如下效果。

下面，我们用椭圆工具画出按纽外圆，我用的大小是400*400像素。

为其添加一个斜面 浮雕

添加一个白色的内阴影

添加一个渐变叠加

添加一个投影

OK，完成了图层样式的设置，我们目前得到如下效果。

复制一层按纽外圆图层，将其命名为投影，放置在按纽外圆图层下层，右键清除图层样式，将填充更改为0，添加一个投影图层样式。

下面，我们画按纽内部的那个圆，用椭圆工具画一个240*240像素的圆，将图层不透明度设置为80%。

为这个圆添加一个渐变叠加。

添加一个内阴影。

添加一个白色的投影。

现在我们得到如下效果

接下来，我们来画最外层那里那个颜色的环状。

我们复制一下最底层的那个外圆图层，放置在外圆顶层，其余图层下层，我们把颜色改成绿色，看了直观一些，方便操作。

按住ALT键，画一个矩形，ALT键在这里的作用是减去，当然，你直接画好再减去也是一样的。

用路径选择工具选择住矩形，按ALT键，拖动鼠标，复制一个矩形的路径，这里的ALT键是复制，将矩形旋转45度。

下面，按住SHIFT键画一个40*40的圆，摆放到矩形减去的那个位置，两个圆形都是如此操作。这里SHIFT的作用是增加。

OK，我们说一下，为什么那个小圆画40像素，你看下面的图就明白了。

下面我们来完善一下这个绿色的环状，一种颜色太单调了，首先，我们给它添加一个渐变叠加。

添加一个内阴影。

添加一个投影。

现在我们得到如下的效果。

当然，这个渐变，随便你喜欢什么颜色，无所谓，比如下面。

下面，就该画那个下载的图标了。

如果你感觉直接画不好操作，你也可以新建个文档来画，下面，我也用一个新文档来演示。

首先，先画出三个圆。

复制圆的路径，减去。

这里需要注意的是如何保证圆环的宽度是一致的，其实有个很简单的 方法 ，网格。我们可以利用网格来对齐，保证我们所画的各个线条的大小是一致的。从我们下图中网格的显示，可以很清楚的看出，我们的宽度已经保持了一致。

画一个矩形，减去。

画两个圆把两边那断开的圆补上。

画一个矩形，增加。

画两个圆，增补到矩形的两端，让其构成圆角。

再画一个矩形，旋转45度，摆放好位置。

复制这一个矩形，水平翻转，摆放到右边。

最后，再画两个圆，移动到那两个旋转45度的矩形的位置。

到这里，下载图标，我们就画好了，你要再不会画，我也没办法了。P大点S作为一个热爱分享的小团队，免不了在这里我也会将这个形状定义到预设分享给大家，在附件中，你可以找到，那个.CSH的文件就是了，导入到PS中，你可以在自定义形状中找到这个形状。

话扯得有点远了，现在我们回到我们的图标文件，把下载的图标放进去，调整好大小和位置。

为其添加一个颜色叠加。

添加一个内阴影。

添加一个投影。

现在我们得到如下效果。

打上文字，文字直接拷贝图标的图层样式，完工。

到这里就算完工了，国际惯例，前面我们把PSD分享给了大家，欢迎交流，

PSD中我们另外提供了一个浅红色的，希望你喜欢。

四、在ppt中怎样制作logo图标

我们在制作ppt演示文稿的时候，除了可以在网上下载logo图标外，还可以自己亲手制作logo图标，下面就让我告诉你在ppt中怎样制作logo图标的 方法 ，希望对大家有所帮助。

首先，如果ppt左上角没有形状工具，可以打开文件点击选项，再点击快速访问工具栏，找到形状将其添加到右侧方框中，关闭该界面后就将形状添加到左上角了。

第一，插入两个椭圆。

　在ppt中制作logo图标的步骤图二

第二，调整两个椭圆的大小和位置。点击处在下方的椭圆后按住键盘上的ctrl将上方的椭圆也点上(注：点击椭圆的顺序不同剪裁出来也形状不同)，然后点击左上角的形状再点击形状剪除，开始第一步裁剪

　在ppt中制作logo图标的步骤图三

再插入一个矩形，放在图案左侧，点击形状减除，将左侧裁平，同理，右侧也裁平

　在ppt中制作logo图标的步骤图四

　在ppt中制作logo图标的步骤图五

同样作出另外一个圆弧，再设置两个图案的渐变颜色

　在ppt中制作logo图标的步骤图六

看了在ppt中怎样制作logo图标的人还看：

1. 怎么制作ppt加logo的背景图片

2. ppt怎样添加公司logo图标

3. 在ppt中怎样添加logo图片

4. 如何在ppt中制作logo

5. 如何在ppt中添加logo图标

6. ppt怎样插入公司logo图标

以上就是小编对于自制图标问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。

推荐阅读：

动漫小视频怎么制作出来的（什么软件可以自制动漫）

一年级自制卡片

自制图标app下载（自制图标app下载安装）

简单可爱的包装盒制作（包装盒制作）

城市插画图片（城市插画图片大全）