S05我懂个P|icon篇(三)-我懂个P【设计大神阿文带你飞】

文章原创,最近更新：2018-05-27

课程内容:找ICON：有了这些图标库，你这辈子都不缺图标素材了（二）

原链接:我懂个P【设计大神阿文带你飞】

第二步:找她

这一节，我们继续讲矢量格式的图标。

在带大家去找矢量图标素材之前，我们先来学习一下，如何通过Ai把矢量素材导入PPT。

如何通过Ai把矢量素材导入PPT？方法很粗暴—-拖拽法

第一步，用Ai打开素材，用选择工具选中图标。

第二步,把图标直接拖拽到PPT中！

但你会发现，刚拖进来的图标，还是图片格式，别急，往下看。

第三步，选中图片，取消组合！取消组合！对，两次。

第一次取消组合时，会有弹窗，直接点击【是】即可。

第二次取消组合时，你可能会大叫一声“卧槽”！居然变成了可编辑的形状格式！！

开始了吗？已经结束了。这就是超简单的拖拽法…

• 1.拖拽进PPT！
• 2.取消组合！
• 3.取消组合！
• 4.搞定！

常见问题为什么拖拽的时候总是出错？请先排除这些软件问题：

解决方案:把矢量素材导出为EMF格式（然后插入PPT即可）

• STEP1 打开Ai，在左上角的菜单栏中依次点击：文件》导出

• STEP2 在弹出的对话框中，保存类型选择增强型图元文件（EMF）

• STEP3 打开PPT，插入》图片》选择刚才导出的EMF文件即可。

• STEP4 同样地，连续取消组合两次~搞定！

  
  

通过前面的学习，我们就有了一个高度可编辑的图标了！想怎么改就怎么改！

大家先自行试玩哈~~_{本章的第三部分【搞她】中我会介绍更多脑洞玩法，敬请期待}

• 模仿作业
  尝试利用案例中的图标素材，模仿出这页PPT。

  
  

我们终于可以驾驭强大的矢量图标了，但是应该去哪找她呢？
首先，推荐两个通用型的矢量图标库，国内外各一个，资源够用一辈子了。

iconfont

• 支持中文搜索
• 图标格式：SVG/AI/PNG

这是阿里旗下的优质矢量图标平台，下面我们一起试玩一下这个平台吧~~首先，点击右上角登录到iconfont：

登录后就可以直接使用啦~~~随便搜个关键词试试，例如：地球马上出现了200多个风格各异的地球：

当你把鼠标移向喜欢的图标时，会出现三个按钮，点击最后一个下载按钮试试~

看，马上就进入下载界面啦！提供了三种格式下载，还可以在线修改大小和填充颜色，直接点击SVG或Al下载即可。

矢量文件下载下来后，直接用Al打开，又可以用前面我们所讲的拖拽法，拖拽进PPT，取消两次组合，然后为所欲为啦！！！

另外，iconfont还有一个功能你必须了解——【添加入库】，说白了就是购物车功能，你可以把想要的图标都添加到购物车，然后一键下载：

同时，iconfont还有一个【图标库】的分类功能~这里全是一个个风格超统一的图标合集！！

随便点进一个库里都好看到哭，你还担心自己的图标风格不够统一么？
你还能找到各种各样的官方图标库，例如，支付宝的图标合集。这些图标库内还提供搜索功能：

图标库虽能有效地解决了风格统一的问题，但缺点也很明显，每个库的图标量都很少…

课后作业
来，做作业吧！利用iconfont的图标，美化这一页PPT。

参考答案
来晒一晒你的作业吧~

介绍完国内的神站，接下来我们推荐一个西洋神器~
英文不好，只会说F***,百度翻译或有道翻译一下会死么？

Noun Project

• 只支持英文搜索
• 图标格式：SVG/PNG

Noun Project是一个资源量超庞大的矢量图标平台，最初由三位设计师创办，画风以黑白为主。

同样地，首次登陆需要注册一下才能下载，一秒钟搞定，然后就可以玩啦！

比如我想为自己的头像换个发型，用英文搜“hairstyle”试试，单词才输入到一半，搜索框就自动推荐相关词，打字的功夫都省了，点选一下就出来一吨图标。

Noun Project体验比较好的一点是，它会在搜索结果中推荐相关的用户收藏集，有点类似于前面所讲的，iconfont的图标库！

随便点进一个都是用户的良心收集~~！风格统一，质量感人

随便选一个就能下载啦，是不是似曾相识的界面，还可以修改颜色哟~Noun Project提供两种图标格式下载，当然，我们直接选择SVG矢量格式即可。

部分收费的图标下载时会显示收费界面，但请看绿色那个按钮：居然也可以免费下载！

其实这些图标都符合Creative Commons协议，只要署名，甚至可以免费商用！

矢量文件下载下来后，拖拽进PPT，步骤就不唠叨啦~

好，接下来我们一起来美容美发吧！打开案例文件，一起来玩~~

有时候，一些图标还能给你惊喜（吓），还记得前面【懂她】说过的图标延展性么？不要小看两个小图标的排列组合能力~

除了发型，Noun Project上还有脸型，嘴型，胡子，鼻子，耳朵……各种配件啊！瞬间解锁了头像图标的制作方法_{自己去试玩吧}~

很多同学曾经私信问我的头像怎么做的？看，不就是排列组合的结果么？

课后作业:
利用阿文的头像，改出一个自己的头像。

好了，通过这节课的学习，大家已经掌握了这两个通用型的矢量图标库了，两个图标库资源互补，各有优点，反正你以后找图标再也不是问题了~

通用型虽好，但有时候资源量太多，会增加我们的搜索难度。下一节，我会继续推荐几个主题型的图标网站给大家哈~~方便大家找图标！

知识点回顾
二.如何玩转图标

• 懂她（讲完)
• 找她
  • 位图
  • 矢量图
    1)矢量图标如何导入PPT，常见问题是什么？
    2)矢量图标去哪找？通用的两个图标库：iconfont（国内），NounProject（国外）
• 搞她（未讲）