你好。
上次,我介绍了Sketch的引导功能。
这次,我将解释Sketch的图像切片功能。
设计之后,我认为将材料切成小板并将其写为图像非常重要。
在Sketch中有几种导出到图像的方法,因此我想介绍一下。
(首先,如果您问“什么是Sketch?”这里请参阅该文章。 )
为什么切片
首先,我将解释何时需要“切片”。
与DTP等印刷品不同,Web设计需要编码工作才能在设计后在Web上复制设计。
由于当时将图像用作材料,因此将材料从设计中切出并导出到图像。
该软件不会自动检测要切片的材料并将其写出,因此需要进行切片工作。
因此,首先,让我们选择要导出的图像并将其切片。

这次,我将根据此新闻站点的设计进行解释。
切片每个选定的对象
首先,我将解释如何分割每个对象。
在草图中,您可以按层或按组切片。
选择要切片的对象。
在示例中,我们将切片徽标。
此徽标由一组徽标层和一个图标层组成。
我想将其导出为单个图像,因此将每个组切成薄片。
选择组后,单击工作区右下角的“使可导出”!
将会出现一个名为“导出”的项目,因此请选择图像的输出格式和大小。
由于已选择该组并使用png对其进行切片,因此无需设置透明度。
它将仅自动切片组的内容。
我能够像这样切出徽标!
图层也是如此。使用相同的步骤导出所选层。
我只选择了图标并将其导出。
创建一个切片对象并将其切片
接下来,创建一个“切片对象”并将其切片。
当我较早介绍它时,我选择了组和层并将其写出。
从现在开始,我将解释为“我想选择一个范围并仅导出该范围这是何时使用的切片方法。
我将解释使用此标头的模式。
这些重复的模式不会切片所有内容,而是切片尽可能小的图像。
设置为切片模式(快捷键:S),选择要切片的范围,然后创建一个切片对象。
该对象中的所有内容都可以导出为图像。
标头上的图案可以像这样切成薄片!
切片对象是当您想分割成组时这也是一种方便的功能。
导出多种尺寸和格式
如今,存在各种尺寸的设备,因此您可能需要导出各种尺寸的图像。
在素描中一次导出各种大小和格式可以做。
选中要切片的对象后,只需单击“导出”右侧的+。
这将增加项目数量,并允许您选择图像的大小和格式。
我想将设计导出为单个图像
当您与本身没有Sketch软件的人共享设计时,您希望将其导出为单个图像。
这些天有各种各样的原型服务,但是这次我想与png共享它们。
选择整个画板,然后单击“可导出”。同样,您可以选择图像的大小和格式。
如果未在“背景色”项中选中“包含在导出中”没有输出背景并且是透明的所以要小心
我能够像这样切成薄片!
选择输出目的地
使用Sketch导出材质时,有一个项目可以选择输出目标。
通过邮件发送,Mac软件独有的各种SNS,Airdrop有多种方法,例如。
我认为最好根据情况正确使用它。
您现在已经掌握了图像导出功能!
它怎么样?
这次,我解释了切片设计材料并将其写为图像的工作。
让我们掌握图像切片功能,使您的工作更高效!