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(国外)
  • 搞她(未讲)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,290评论 6 491
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,107评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,872评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,415评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,453评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,784评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,927评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,691评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,137评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,472评论 2 326
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,622评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,289评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,887评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,741评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,977评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,316评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,490评论 2 348

推荐阅读更多精彩内容