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

阿里矢量图

阿里图标库

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

切图

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

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

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

导出Css和SVG

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

  • 今天不写了,爆肝了,很久没更新了,这次将之前更新的草稿发布掉!
何处锦绣不灰堆 CSDN认证博客专家 vue nodejs git
人系于妻子舍宅,甚于牢狱。牢狱有散释之期,妻子无远离之念。情爱于色,岂惮驱驰。虽有虎口之患,心存甘伏。投泥自溺,故曰凡夫。透得此门,出尘罗汉。
相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值