小影志 > 怀旧风情 > 设计美化 > Cut&Slice me - 免费的 Android/iOS 开发切图神器

Cut&Slice me - 免费的 Android/iOS 开发切图神器

作者:佚名 来源:小影志 时间:2017-11-10

\

Cut&Slice me 是一个免费的 Photoshop 扩展,使用 Cut&Slice me,只需几秒就能为不同的设备导出你的切图资源。为你的图层命名,轻松提升你的工作效率。

Cut&Slice me

「@」切图大法

在文件夹最后加上「@」,扩展会导出内容为 png 图片,并自动裁切透明像素。

「#」指定切图尺寸

如果要以指定的大小输出切图,你可以用矩形工具建立一个形状图层,并命名为「#」放到文件夹内顶部。这样文件夹内容就会以「#」图层的尺寸输出。

「_BTN」导出按钮的不同状态

如果要导出按钮的不同状态,你需要将按钮的不同状态放到以「_BTN」结尾的文件夹内,并对按钮状态以如下规则命名:

  • normal
  • hover
  • clicked / pressed
  • selected
  • disabled
\
Cut&Slice me 教程

导出方法

Cut&Slice me 支持输出 3 种类型的切图:iOS、Android 和 Web。

iOS
1x、@2x
Android
mdpi、hdpi、xhdpi、xxhdpi
Web
1x
 

下载地址:云盘下载