《Sketch极速建立自己的图标库操作实例》是一篇关于Sketch的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Sketch技巧;你可以通过此加强操作实例,插件,项目面板等多维度案例或实操来进行更多的学习;此教程是由Bibbidi-bobbidi-boo在2021-07-14发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Sketch技巧;请给他一个赞吧。
安利一个超好用的插件Sketch icons,解决了大家在做图标时候达到又好又快的问题。Sketch运用插件极速建立自己的图标库,来不及解释了快上车吧。
解压安装Sketch icons插件
解压Font Awesome图标库
先解释一下,Sketch icons插件是负责用来整体控制和编辑svg图标的,而Font Awesome只是一个svg图标库,你也可以下载其他svg图标库(这可满世界都是,你可以找你喜欢的图标库,阿里巴巴图标库也可以,甚至你用Sketch画导出svg格式图标都行)作为使用资源(但记住一点要是svg格式的,把这些图标下载集合放在一个文件夹里就好)
坐稳了,开始基本操作了
1.新建一个矩形,去掉边框属性,设置红色,点击Create Symbol(这只是作为例子,颜色和名字可随意)。
2.双击该Symbol直接进入Symbols图层,再复制出两个,改成其他颜色并命名(这只是作为例子,颜色和名字可随意)
3.选择菜单栏Plugins-Sketch icons-import icons,即可打开批量设置svg图标面板。
以上是插件的Sketch icons设置选项,其实都不难理解,特意给你们翻译一下,最主要的设置就是画板大小和画板内边距两个,颜色你可以随意选择。画板大小和画板内边距我还画了张图供大家理解。
4.以上我是设置批量生成48*48像素画板大小,内边距为6像素,颜色为红色的图标库。点击Continue按钮后,选择你的SVG图标库的文件夹,点一下Select,BOOM~瞬间就好了,灰常灰常无比的残暴。
整齐又漂亮的给你统一了所有图标的大小和颜色,你只需按取所需导出各自的画板即可。再结合我之前的文章《三分钟教你快速设置Sketch切图方案 》简直不要太爽快,有木有~
基本操作完了自然还有神一般的操作
5.你只要修改你的颜色那个Symbol设置,随心所欲调整所有的颜色,吼李谢特~
6.你还可以把这个sketch文件库添加到你的Library里,随意调取,团队共享协同工作,为所欲为之为所欲为~
以上就是sketch怎么组建自己的图标库的全部内容介绍了,关于更多Sketch教程信息,欢迎关注北极熊素材库,给你带来最丰富的素材图片和最有用的教程,更多最新资讯。
赠人玫瑰,手有余香
< 上一篇 如何解决Sketch打开文档提示「找不到系统字体」
> 下一篇 Sketch工具栏的使用与自定义
2022-06-20 16:57
2022-05-16 10:13
606浏览 03-25
384浏览 03-24
414浏览 03-24
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论