Sketch编辑阿里矢量图svg的导入和切图

阿里矢量图

阿里图标库

  • 下载一个icon
  • 在这里插入图片描述
  • 在这里插入图片描述
  • 直接复制到Sketch软件中
  • 这个时候我们可以看到,此时我们可以对这个icon进行自己需求的定制化
    在这里插入图片描述
    比如我们觉得这样的比较好看
    在这里插入图片描述
  • 当然很明显这个是很难看的,我只是想告诉你们可以随意更改,不要怀疑我们的审美!
切图

我们辛辛苦苦做好的图,最后肯定是要进行导出icon给程序员使用的,下面我们说一下怎么切图

  • 选择需要的icon,比如我们刚做的,点击右边的选择ios还是安卓的或者是默认的,一倍的还是两倍的等等,这里根据自己的需求进行导出,最后确定即可
  • 在这里插入图片描述
  • 选择需要保存的位置
  • 在这里插入图片描述
  • 此时我本地已经有了这个icon在这里插入图片描述

这篇文章就先到这,其实这个的使用还有很多的功能,但是基本的使用会了以后呢只要自己绘制的icon足够多,别的功能慢慢就自己摸索会了,我这里写的都是一些比较基本的但是很常用的功能,功能的使用基本就写完了,下一篇文章我会说一下怎么使用插件,有了插件以后呢我们可以更加方便的做一些事情,比如切图、制作头像等等

导出Css和SVG

这个忘记说了,我们可以直接在icon上右键就可以导出了!

  • 今天不写了,爆肝了,很久没更新了,这次将之前更新的草稿发布掉!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是悟能了

阅读就是对我最大的支持,感谢

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值