在Sketch中导出具有透明背景的切片

使用Sketch 3想要导出图标，图标本身为24x24，但它们位于32x32的区域内。

我已经想出了如何通过将两个不同的层（一个24x24和另一个32x32）组合在一起来做到这一点，但这是一个繁琐的过程。我需要为每个单个图标执行此操作。

有更快的工作流程吗？

点击A创建画板，选择大小（或通过单击+右下角的设置大小）并开始导出。无需创建额外的图层。

如果您知道该怎么做的话，实际上非常容易:)

假设您有一个24x24px的图标，并且希望png为32x32px。您必须在图标上创建一个切片。切片必须为32x32px。然后将切片和图标分组在一起。最后但并非最不重要的一点：单击切片，然后在检查器中将看到以下内容：

确保选中“仅导出组内容”。其他选项必须未选中。

这样，即使图标下没有透明背景，您也将导出透明png。

如果只想导出图标层（24x24），只需将其拖动到桌面即可。

使用它导出您的资产。Sketch本身和大多数其他插件的问题在于，导出时它忽略了不可见的图层。结果，看不见的边界不起作用。

我什至试图将边界的不透明度降低到0，以试图欺骗Sketch导出它。但是Sketch的本地导出并不是那么幼稚。

您可能会看到大量的Sketch插件，可帮助轻松导出Android资产。他们可以减少涉及的步骤，但不能解决界限问题。

这一个。

https://github.com/GeertWille/sketch-export-assets

它允许您导出所有分辨率的iOS，Android和Windows资产，同时保持边界不变。

节省了所有的画板工作。

此方法对我有用：将正确大小的切片图层放置在图标所在的图层上方，并确保未将其分组。

希望能帮助到你

我花费的时间比手动花费的时间更多，但我没有放弃，找到了一个行之有效的解决方案：

1. 将您要导出的所有图标复制到新文件
2. 将它们转换为符号
3. 由于它们成为符号，因此它们将拥有自己的画板（您只需双击其中一个符号即可进入符号页面）
4. 在符号页面上时，请确保所有符号都处于折叠状态。视图>图层列表>折叠所有组并将其全部选中，然后按cmd + A
5. 现在您可以继续并选择“使可导出的终端全部导出”
6. 瞧！如果命名正确，也可以将它们放在整洁的小文件夹中

希望这对您有所帮助！

我想出了一种不涉及创建单独画板的解决方法。这有点hacky，但是对我有用。我希望设计中的图标可以在Zeplin中导出。因此，制作新的画板会使开发人员更难找到图标。

因此，我使用“暗化”混合模式使方形背景的不透明度为1％。您根本看不到它。然后，我将其与图标分组，然后将其导出。超级简单。