AI将png图片转换为矢量图并上传到阿里云iconfont

打开AI软件(我使用的是Adobe Illustrator CC 2017)

点击文件 —> 新建 —> 输入空白文档的宽高(建议与要编辑的图片宽高一致) —> 点击创建即可

AI将png图片转换为矢量图并上传到阿里云iconfont_第1张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第2张图片

将图片拖到空白文档里面,并与空白文档重合

AI将png图片转换为矢量图并上传到阿里云iconfont_第3张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第4张图片

选择图像描摹右侧的小三角 —> 低保真度照片 —> 扩展 —> 对象 —> 路径 —> 轮廓化描边

AI将png图片转换为矢量图并上传到阿里云iconfont_第5张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第6张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第7张图片

将矢量图与空白文档重合 —> 点击右侧的图层 —> 选择最底部的白色背景,按键盘上的Delete键进行删除【此操作是将白色背景变为透明色,如不需透明背景可忽略本步骤】

AI将png图片转换为矢量图并上传到阿里云iconfont_第8张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第9张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第10张图片

 点击文件 —> 存储为 —> 选择保存类型为SVG —> 保存

AI将png图片转换为矢量图并上传到阿里云iconfont_第11张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第12张图片

SVG配置文件(SVG 1.1) —> 选项(链接) —> 更多选项 —> CSS属性(样式属性) —> 确定即可

AI将png图片转换为矢量图并上传到阿里云iconfont_第13张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第14张图片

进入iconfont-阿里巴巴矢量图标库 —> 点击右上角上传图标 —> 上传图标按钮 —> 选择刚刚转换的SVG文件并确认打开 —> 选择【去除颜色并提交】或【保留颜色并提交】即可

AI将png图片转换为矢量图并上传到阿里云iconfont_第15张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第16张图片AI将png图片转换为矢量图并上传到阿里云iconfont_第17张图片

你可能感兴趣的:(其他类,icons,其他)