请选择 进入手机版 | 继续访问电脑版

网页UI---在PS或AI中如何批量使用阿里巴巴图标库

发表于 01-04 20:17 显示全部楼层 9 87

本帖最后由 赵延明老师 于 2018-1-4 20:18 编辑

简介:

        ICONFONT阿里巴巴矢量图标库对于前端工程师来讲,一个icon就像一个字用。但是在设计当中如何将阿里巴巴的矢量图标库用在设计当中呢?其中它可以直接下载AI版的文字,不过只能一个一个的下载,一个一个的使用也算是相当麻烦。

        其实在PS当中也可以将图标做为字去直接使用和编辑。

        如何快速解决这个问题,就需要用到下面的方法。

效果:

image.png

image.png

方式:

第一步:下载图标:通过http://www.iconfont.cn 选择自己想要的图标,并下载。

第二步:安装字体:将下载好的安装包解压,并且将里面的后缀名为.ttf文件双击进行安装字体

第三步:使用字体 : 将PS或AI打开,在窗口页面找到字形面版并打开,将里面的字体进行搜索找到 iconfont字体 ,对应的字形里面就是我们想要的图标字体。可以通过 快捷键T 单击窗口  单击字形中的图标即可完成使用。(AI通过窗口==》字体==》字形)

未标题-3.jpg



回复 使用道具
举报
顾唐

发表于 01-16 23:11 显示全部楼层

前排支持!!

回复 支持 反对 使用道具
举报
青果园

发表于 01-12 15:13 显示全部楼层

回复 支持 反对 使用道具
举报
PPAP

发表于 01-11 12:29 显示全部楼层

别人说是金子总要发光的,我就来看看。

回复 支持 反对 使用道具
举报
随手拾起

发表于 01-10 15:39 显示全部楼层

回复 支持 反对 使用道具
举报
宁静致远

发表于 01-06 03:09 显示全部楼层

回复 支持 反对 使用道具
举报
山秀

发表于 01-05 18:25 显示全部楼层

回复 支持 反对 使用道具
举报
我爱大菠萝

发表于 01-05 13:26 显示全部楼层

前排支持!!

回复 支持 反对 使用道具
举报
执笔落花雪

发表于 01-04 22:02 显示全部楼层

活跃活跃论坛气氛~求楼主加好友

回复 支持 反对 使用道具
举报
RMB战士

发表于 01-04 20:21 显示全部楼层

666

回复 支持 反对 使用道具
举报

发表新文章
赵延明老师

小码哥名师团队

0

学分

2591

学币

2868

积分

小码哥名师团队

Rank: 5Rank: 5

积分
2868

小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育