本教程被收录到了 Sketch基础入门课程 , 开始你的系统性学习吧!
《Sketch基础教程051:切片》是一篇关于Sketch的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Sketch技巧;你可以通过此加强图层,导出等多维度案例或实操来进行更多的学习;此教程是由zilin在2021-06-04发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Sketch技巧;请给他一个赞吧。
许多小伙伴刚接触Sketch,还不太了解Sketch,以下为大家整理了Sketch教程,带领大家详细了解Sketch。以下为Sketch基础教程051:切片的内容。
切片能让你将画布中的特定区域导出为一个文件。一个 Sketch 可以有无数个切片,每个切片都能导出不同的文件。
在 Sketch 3 当中,切片被视为普通图层。这么做会有很多好处,比如说你可以把想要导出的多个图层编组形成一整个切片,当你移动这个组的时候,切片也会跟着移动。
如果你暂时不想花心思整理画布上的切片,你也可以在图层列表最底下关闭小刀的按钮。
你可以进入工具栏的 添加(Insert)> 切片(Slice),并在画布上单击拖动鼠标创建一个新的切片区域。在切片工具中,你也可以直接直接单击一个图层,Sketch 会立即围绕那个图层建立一个新的切片。
你可以为每一个切片单独命名,同时他们也会以这个名字保存进磁盘。
这里有一个很方便的小技巧:如果你在文件名中加入了一个斜杠(一个 "/"),那么 Sketch 就会自动新建一个文件夹,并把这个文件放入其中。举个例子,如果你将切片命名为 foo/bar.png ,那么 Sketch 会先帮你创建一个叫做 foo 的文件夹,然后在里面创建一个叫 bar.png 的图片。
Sketch 3 新增了一个功能是可以从一个切片中同时导出多个图片。如果你在为 iOS 设备做设计,那你会常常想为图标导出 1 倍或 2 倍大小的图片,切片工具帮你大大简化了这个步骤,你只需单击检查器中的 + 按钮来添加新的导出命令即可。
每个尺寸的图片都可以定制大小,文件格式和文件名前缀。当你同时导出两个以上图片时就必须要设定前缀,这样才能区分开不同的文件。默认情况下,你添加的第二种导出将会像苹果要求的那样,是一个带有 @2x 前缀的 2 倍大小图片。但你并不会被限制与2倍大小,你可以以任何前缀名导出任何大小的图片。
Sketch 2 当中有一个功能可以导出切片中的某些特定图层,虽然这一开始是非常便于理解的概念,可是一旦你想改变一些元素或者替换一些内容时,这个过程就会变得非常糟糕。
在 Sketch 3 当中,每个切片都只有一个选择框——仅导出组内图层(Export Group Contents Only),选中这个,就只会到导出那些在组内的图层,而不会导出表面的或者背景图层等等其他切片内的东西。
每一个切片中都还包含一个修剪选项。选中它之后,每一个被导出的切片中的透明外围都会被剪去。
举个例子,你在文件中定义了一个 30 x 40 px 的切片选区,里面只包含了一个 15 x 15 px 的圆形,与其修改切片选区的大小来贴合这个圆形,不如打开 修剪 选项,Sketch 就会自动帮你减去 30 x 40 px 选区内的所有透明部分,最后只留下 15 x 15 px 的图像。
赠人玫瑰,手有余香
< 上一篇 如何解决Sketch打开文档提示「找不到系统字体」
> 下一篇 Sketch基础教程052:文件格式
2022-06-29 09:46
2022-06-16 09:55
606浏览 03-25
384浏览 03-24
414浏览 03-24
首席设计师
高级视觉设计师
高级插画设计师
输入的验证码不正确
评论区
暂无评论