素描初学者想知道!关于图像切片功能

你好。

上次,我介绍了Sketch的引导功能。

▷素描初学者想知道!关于引导功能

这次,我将解释Sketch的图像切片功能。

设计之后,我认为将材料切成小板并将其写为图像非常重要。
在Sketch中有几种导出到图像的方法,因此我想介绍一下。

(首先,如果您问“什么是Sketch?”这里请参阅该文章。 )

为什么切片

首先,我将解释何时需要“切片”。

与DTP等印刷品不同,Web设计需要编码工作才能在设计后在Web上复制设计。

由于当时将图像用作材料,因此将材料从设计中切出并导出到图像。

该软件不会自动检测要切片的材料并将其写出,因此需要进行切片工作。

因此,首先,让我们选择要导出的图像并将其切片。

创意新闻

这次,我将根据此新闻站点的设计进行解释。

切片每个选定的对象

首先,我将解释如何分割每个对象。
在草图中,您可以按层或按组切片
选择要切片的对象。

在示例中,我们将切片徽标。

此徽标由一组徽标层和一个图标层组成。
我想将其导出为单个图像,因此将每个组切成薄片。

选择一个组
选择组后,单击工作区右下角的“使可导出”!

出口
将会出现一个名为“导出”的项目,因此请选择图像的输出格式和大小。

由于已选择该组并使用png对其进行切片,因此无需设置透明度。
它将仅自动切片组的内容。

徽标@ 2x
我能够像这样切出徽标!

图层也是如此。使用相同的步骤导出所选层。

徽标图标@ 2x
我只选择了图标并将其导出。

创建一个切片对象并将其切片

接下来,创建一个“切片对象”并将其切片。
当我较早介绍它时,我选择了组和层并将其写出。
从现在开始,我将解释为“我想选择一个范围并仅导出该范围这是何时使用的切片方法。

我将解释使用此标头的模式。
标题模式
这些重复的模式不会切片所有内容,而是切片尽可能小的图像。

设置为切片模式(快捷键:S),选择要切片的范围,然后创建一个切片对象。
切片对象

该对象中的所有内容都可以导出为图像。

标头行@ 2x
标头上的图案可以像这样切成薄片!

切片对象是当您想分割成组时这也是一种方便的功能。

导出多种尺寸和格式

如今,存在各种尺寸的设备,因此您可能需要导出各种尺寸的图像。
在素描中一次导出各种大小和格式可以做。

导出多种尺寸和格式
选中要切片的对象后,只需单击“导出”右侧的+。
这将增加项目数量,并允许您选择图像的大小和格式。

我想将设计导出为单个图像

当您与本身没有Sketch软件的人共享设计时,您希望将其导出为单个图像。
这些天有各种各样的原型服务,但是这次我想与png共享它们。

选择整个画板,然后单击“可导出”。同样,您可以选择图像的大小和格式。

如果未在“背景色”项中选中“包含在导出中”没有输出背景并且是透明的所以要小心

iPhone 6
我能够像这样切成薄片!

选择输出目的地

使用Sketch导出材质时,有一个项目可以选择输出目标。
输出目的地
通过邮件发送,Mac软件独有的各种SNS,Airdrop有多种方法,例如。
我认为最好根据情况正确使用它。

您现在已经掌握了图像导出功能!

它怎么样?

这次,我解释了切片设计材料并将其写为图像的工作。

让我们掌握图像切片功能,使您的工作更高效!

撰写本文的人

なおはやし

喜欢字体的设计师。免费字体发布网站免费字体操作。@ n_a_o_96