自动切图神器Slicy使用介绍

自动切图工具「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 ?n。比如 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)

相关推荐

  • 省时省力的切图神器SLICY

    如何使用 Slicy 切图? 1. PS 图层依规则命名。 2. 把档案丢进 Slicy 里。 3. 好了。 够简单无脑了吧? 图层命名方式 为了要无脑切图,得稍微记一下 slicy 图层命名的格式, ...

  • MAC下的SLICY切图神器怎么用

      MAC下的SLICY切图神器怎么用 切图方便,简单的拖放即可,傻瓜式操作2. 培养为图片资源合理命名的好习惯 自动生成@2x两套图片,极大方便IOS开发者 二.软件使用 1.PSD文件的预处理 这 ...

  • cutterman怎么自动切图

    cutterman是小鱼赶脚灰常不错的智能自动切图插件,很不错,是一款在ps上的插件.下面小编就来介绍一下cutterman怎么自动切图. 操作方法 01 首先当然是你需要安装一个cutterman插 ...

  • ps如何自动切图

    Photoshop是设计师必备的武器,它的功能也越来越强大,特别是从ps CC版开始.没错ps可以自动切图了,作为前端开发的你,还为要将很多图层切出成独立的图片而发愁吗?小编就来给小伙伴们分享ps C ...

  • 如何使用PS自动切图

    Photoshop本身具有十分强大的功能,随着版本的不断升级,软件本身也增加了很多新的功能,如自动切图功能,给切图工作带来了许多的便利. 操作方法 01 首先进行一些初始化设置 a.编辑>首选项 ...

  • 蓝湖教程:蓝湖自动切图功能该怎么用?

    蓝湖自动切图支持PS和Sketch,支持Mac和Windows一键自动生成,大大提高了设计师的工作效率,开发小哥用起来也更方便. 操作方法 01 1.Photoshop用户 第一步:通过蓝湖插件在PS ...

  • 切图标记外挂神器ASSISTOR PS(上)

    @纪凡_Given:首先要告诉大家一个好消息,原本 $9.99 一个月 / $99.9 一年 的Assistor PS现已免费下载.对于学生用户全面免费,而其他用户在今年 6 月之后就不用再购买商业许 ...

  • ps切片工具切出来的图怎么保存(ps中怎么切图)

    喜欢用PS软件进行前端设计的朋友有福了,今天给大家分享一款超级好用的photoshop切图工具:Cutterman.Cutterman是一款photoshop切图插件,它能够自动将你需要的图层进行输出 ...

  • 切图标记外挂神器ASSISTOR PS(下)

    小编:在切图标记外挂 Assistor PS 深入解读(上)中,@纪凡_Given给大家介绍了即将免费的切图标记外挂 Assistor PS 强大的标记功能,然后,这个神器的功能仅仅如此?本文将为介绍 ...