SVG图标文件制作

一、下载安装Adobe Illustrator (AI)

这里我用的是CC 2019版本

关注微信公众号:

关注后回复“AI”或“ai”免费下载Adobe Illustrator CC 2019安装包


二、使用AI制作

1.首先准备一个你需要制作图标的透明背景png图片,这里我用我的LOGO作为演示
2.打开AI软件,按Ctrl+O打开文件选择你需要制作图标的透明背景png图片

图标文件建议体积小一点,这里我用128*128的作演示
注意:iconfont上传的大小限制在40kb内,所以最佳尺寸是128*128

3.点击窗口,选择图像描摹

4.如果你想制作彩色的图标,模式选择彩色;制作黑白的就选择黑白;然后点击描摹

这里我制作一个彩色的
描摹后效果如下

5.按Shift+Ctrl+D显示透明度网络,显示后效果如下

6.点击 对象 ,选择扩展

勾选 对象 和 填充 ,然后点击确定

7.选择 选择工具

然后鼠标左击两下图标的空白处

效果如下

然后在单击一下图标的空白处,再次鼠标左击两下
然后效果就如下图

此时按键盘中的Del键(也就是删除键)就能把边框删掉,如果如下图

8.按Shift+Ctrl+S保存为SVG文件

SVG选项默认即可

这样图标就做好啦

© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发
  • ZSBT666

    昵称

  • 取消
    昵称