ps图片导svg，并上传到阿里图标库

设计画的图标，之前一直用的Inksacpe转的svg，并上传到阿里图标库，但是在删除背景时，图片极其容易虚化变形。

最近发现ps导出的svg，也可以上传到阿里，最关键的一步是先把图片“形状化”。

教程如下：

1.打开ps，导入需要转换的图片；

2.用快速选择工具，选中图片形状；

3.在图片上单击右键，选择“建立工作路径” ；

4.点击左侧“钢笔”工具，并在图片上单击右键，选择“自定义形状”；

5.点击左侧“矩形”工具，选择“自定义形状工具”，会发现顶部导航的“形状”处，会出现和图片一样的形状，如果没有发现，就点击下拉框，滑到底部。

6.千万记得选中该形状，在图上单击左键，出现创建自定义形状弹框，选择确定按钮，此时形状位置可能有些偏，选择移动工具调整一下即可。

7.选择“形状”图层，点击右键，选择“导出为”，格式选择“svg”;

8.在阿里网站上选择上传SVG图标即可，如下图，就成功了。

补充：以上方法出来的图标不是很精确。如果时间充足，可以直接用钢笔工具绘制出图片形状，右键选择自定义形状，然后选择矩形工具里的自定义形状，选择形状添加，再导出。出来的图标几乎还原图片。

ps图片导svg，并上传到阿里图标库相关推荐

图片文件压缩并上传至阿里云OSS
图片处理 Thumbnails 在进行Java开发时可以使用Thumbnails工具类对图片进行处理,旋转.裁剪.格式转换.加水印等. 使用步骤导包 <dependency><gr ...
如何将自己设计的图标或通过网上下载的图标上传到阿里图标图库中使用方法教程
如何将自己设计的图标或通过网上下载的图标上传到阿里图标图库中使用方法教程作者:张国军_Suger 开发工具与关键技术:Win10.项目.图标对于编程人员来说,有一个不可获取的图库就是阿里图标库,这 ...
base64图片转换file,并上传到阿里云
第一步:创建base64util package com.yuantu.util; import org.springframework.util.Base64Utils;/*** @author A ...
axios获取图片显示_Vue.js+axios图片预览以及上传显示进度
在平时项目开发中,我们经常会对文件做一些上传操作,不仅仅要实现基本需求,也要兼顾用户体验,根据自己在工作中遇到的问题谈谈对图片上传的预览以及上传进度的优化. 1.搭建项目基于Vue.js+axios ...
解决：百度编辑器UEditor，怎么将图片保存到图片服务器，或者上传到ftp服务器的问题（如果你正在用UE，这篇文章值得你看下）
解决:百度编辑器UEditor,怎么将图片保存到图片服务器,或者上传到ftp服务器的问题(如果你正在用UE,这篇文章值得你看下) 参考文章: (1)解决:百度编辑器UEditor,怎么将图片保存到图片 ...
【Android实战】----基于Retrofit实现多图片/文件、图文上传
本文代码详见:https://github.com/honghailiang/RetrofitUpLoadImage 一.再次膜拜下Retrofit Retrofit无论从性能还是使用方便性上都很屌! ...
记：psd中图标转成svg并上传到iconfont制作成图标
拿到设计师给的.svg格式图标兴冲冲地上传到iconfont,发现上传的图标是空白的.用编辑器打开发现里面没有<path>,于是自己动手将psd里的图标做成svg上传到iconfont做成 ...
解决CSDN导入md文档时图片显示不出来，出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示
解决CSDN导入md文档时图片显示不出来,出现[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jiakLQhy-1628602853830)提示 https://blog ...
Delphi FMX正确设计和加载图片满足分布式跨平台App的性能需求-分布式跨平台App中美工图片的处理、上传下载、并发及客户端显示技术架构
Delphi FMX正确设计和加载图片满足分布式跨平台App的性能需求分布式跨平台App中美工图片的处理.上传下载.并发及客户端显示技术架构 [综合:客户端(内存耗用.设备屏幕的自动适配).服务端( ...

ps图片导svg，并上传到阿里图标库

ps图片导svg，并上传到阿里图标库相关推荐

最新文章

热门文章