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

平面设计 出口 素描应用
2022-01-23 16:04:02

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

我已经想出了如何通过组合两个不同的层来做到这一点,一个是 24x24,另一个是 32x32,但这是一个乏味的过程。我需要对每个图标都这样做。

有更快的工作流程吗?

4个回答

点击A创建一个画板+,选择大小(或通过单击右下角的设置您自己的大小)并开始导出。无需创建额外的图层。

如果你知道怎么做,这实际上很容易:)

假设您有一个 24x24px 的图标,并且您希望 png 为 32x32px。您必须在图标上创建一个切片。切片必须为 32x32px。然后将切片和图标组合在一起。最后但同样重要的是:单击切片,在检查器中您将看到如下内容:

检查器窗口

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

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

如果您只想导出图标图层 (24x24),只需将图层拖到桌面即可。

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

我什至尝试将边界的不透明度降低到 0,以试图诱骗 Sketch 将其导出。但 Sketch 的原生输出并不是那么幼稚。

您可能会看到一大堆 Sketch 插件,它们有助于轻松地为 Android 导出资产。他们可能会减少所涉及的步骤,但这并不能解决边界问题。

这个可以。

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

它允许您为所有分辨率导出适用于 iOS、Android 和 Windows 的资产,同时保持边界不变。

节省所有画板工作。