自动切图神器Slicy使用介绍

所属分类: 软件教程 / 图形图像 阅读数: 1008
收藏 0 赞 0 分享

自动切图工具「Slicy」Mac OS版(Layer Cake),真正解放设计师的神器!为切图黯然销魂的设计师们必备利器

如何使用 Slicy 切图?

1. PS 图层依规则命名。

2. 把档案丢进 Slicy 里。

3. 好了。

够简单无脑了吧?

图层命名方式

为了要无脑切图,得稍微记一下 slicy 图层命名的格式,官网提供的 Examples 里面有 5 个文件夹。

Basic Tagging 基本标签

图层或组名的字尾打上.png就好了。

Explicit Sizing 设定切图尺寸

如果切图为特定尺寸,可以用这3种方式设定:

1. 使用矩型工具(形状图层)画出欲裁切的尺寸,将图层名称设为「@bounds」。(输出切图时不会看到这个图层。)

2. 方型遮色片。

3. 向量遮色片。

我爱用第一种方式,把目标图层和 @bounds 放在同个群组里,组名改成.png,未来维护比较方便。

Mac Icon 输出.ico

做 MAC 的icon用,图层名称字尾设成.ico就好了。

Magic Retina – Auto@1x 做2x图,自动输出1x

这是我最爱 Slicy 的原因:做 @2x 的 PSD 档、自动输出 1x 切图。只要在图层名称字尾加上「@2x.png」就好。

做大图缩小就是会遇到 101x139px的 @2x 图要怎么缩成 1x 的问题。Slicy 会自动帮你把 @2x 图加上1px的空白、让尺寸变成偶数后再缩小输出 1x 檔。比如 101x139px 会变成 102x140px 和 51x70px。如果你对图档精致度没有严格到以 1px 为单位、缩小后边缘有点糊也无所谓的话,这功能真的超欢乐的。

Magic Retina – Auto@2x 做1x图档,自动输出2x

做1x图档,自动输出2x,只要在图层名称字尾加上「.png+@2x」就好。记得要做向量图啊、不然放大成 @2x 还是会糊掉的。

Magic Retina – No Auto@1x 做2x图、不输出1x

一样把字尾都设成 @2x.png,在所有图层的最上方新增一个空白图层命名为「lc-auto-1x = off」。

其它

我很喜欢 Slicy 的icon设计,原本这款 App 刚上架的时候叫「Layer Cake」,PS图层很多、取名叫千层糕也很合理,之后改名为 Slicy。在 google 搜寻上帮了大忙,我想找相关数据时不会一直出现食物。(希望Sketch也换个名称,这种大众常用名词很难搜到他家的东西。)

Slicy 虽说要 890 元(上架以来好像没有打过折扣),以省下来的时间来讲其实很便宜,而且开发商是知名公司 MacRabbit 不会变成 App 孤儿。(提 Espresso RD 就知道了吧?)原本切图要另外拉框搞很久、现在单个 PSD 档不到半小时就能搞定,加上来回修改重出 Slicy 帮忙省下的心力…这 app 就算卖 2 倍价我也会入手,轻松方便太多了啊!

更多精彩内容其他人还在看

电子身份证怎么弄 电子身份证在哪里办理

电子身份证的推出,让很多市民外出都不必带原件,还防止意外丢失,那么电子身份证在哪里办理呢
收藏 0 赞 0 分享

Visio网格线怎么去除? visio网格线不显示的教程

Visio网格线怎么去除?Visio中绘制图形的时候,默认是打开网格线的,看上去很碍事,想要关闭,该怎么设置visio网格线不显示呢?请看下文详细介绍,需要的朋友可以参考下
收藏 0 赞 0 分享

visio怎么画UML图? visio绘制uml类图的教程

visio怎么画UML图?visio中绘制图形很简单,今天我们就来看看uml图的绘制方法,很简单,都是基础教程,感兴趣的朋友可以进来参考一下
收藏 0 赞 0 分享

CAXA块怎么建立与消隐?

CAXA块怎么建立与消隐?CAXA中经常绘制图形,需要将图形组成块方便操作,该怎么建立块与消隐块呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Alien Skin Exposure 6完全汉化版安装及破解图文详细教程

最近,有在本站下载Alien Skin Exposure 6完全汉化版软件的用户问小编:Alien Skin Exposure 6完全汉化版怎么汉化?以及Alien Skin Exposure 6如何安装破解?针对此类问题,本文就为大家进行图文详细解答
收藏 0 赞 0 分享

AutoCAD实例中的点过滤功能讲述

今天小编为大家带来的是AutoCAD实例中的点过滤功能讲述;希望对大家会有帮助,有需要的朋友一起去看看吧
收藏 0 赞 0 分享

Adobe Captivate 7安装+破解+汉化图文教程

Adobe Captivate 7怎么安装?以及Adobe Captivate 7如何汉化破解使用?针对此类问题,本文就为大家图文详细介绍Adobe Captivate 7安装、破解+汉化步骤,并附上相关下载地址
收藏 0 赞 0 分享

caxa如何画空心字? CAXA空心文字的设计方法

caxa如何画空心字?中想要制作空心文字,该怎么制作呢?下面我们就来看看CAXA空心文字的设计方法,很简单,只要将文字分解就可以了,下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

CAD多行文字编辑器的使用方法详解

CAD的文字分为两种,一种是单行文字,一种是多行文字。CAD的多行文字编辑器就像一个小的WORD软件,功能非常丰富,今天小编为大家带来的是CAD多行文字编辑器的使用方法详解;一起去看看吧
收藏 0 赞 0 分享

Edraw Max怎么绘制带反光的球体?

Edraw Max怎么绘制带反光的球体?想要给立体球添加反光,该怎么添加呢?下面我们就来看看Edraw Max绘制反光立体球的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多