用AI将png转成svg做字符图标教程

本文介绍如何使用Adobe Illustrator将PNG图片转换为SVG格式,并利用IcoMoon网站制作字符图标。主要内容包括:导入PNG图片到AI中,进行图像临摹、扩展、删除多余部分等步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 用AI将png转成svg做字符图标教程


首先准备一张背景为透明的png图片,建议尺寸300*300或以上![用AI将png转成svg做字符图标教程 - 第1张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-c5adedaa39f33d25.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第1张  | 王庆波")


用AI工具打开准备好的png图片(我用的CC)


![用AI将png转成svg做字符图标教程 - 第2张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-5b71b9426b29a908.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第2张  | 王庆波")


点击工具栏上的窗口,选择图像临摹


![用AI将png转成svg做字符图标教程 - 第3张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-2ecca3bf314cd4d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第3张  | 王庆波")


![用AI将png转成svg做字符图标教程 - 第4张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-ab9d0d1509e07d0d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第4张  | 王庆波")


点击描摹,然后关闭。


点击工具栏上的视图,选择显示透明度网格


![用AI将png转成svg做字符图标教程 - 第5张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-ad57d962ae000734.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第5张  | 王庆波")


图像就变为如下:


![用AI将png转成svg做字符图标教程 - 第6张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-fb11831bb13985fa.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第6张  | 王庆波")


点击工具栏上的对象,选择扩展,确定


![用AI将png转成svg做字符图标教程 - 第7张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-030dcd72fe1dd09a.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第7张  | 王庆波")


切换到直接选择工具


![用AI将png转成svg做字符图标教程 - 第8张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-146acd9da9ce5c32.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第8张  | 王庆波")


双击白色区域,然后按delete删除,即可消除白色区域


![用AI将png转成svg做字符图标教程 - 第9张  | 王庆波](http://upload-images.jianshu.io/upload_images/4927175-ea6a552384231a96.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "用AI将png转成svg做字符图标教程 - 第9张  | 王庆波")


将文件另存为svg格式。


打开IcoMoon网站https://icomoon.io/app/#/select ,上传已做好的svg图,就可以制作字符图标了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值