切片

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

我想把画板上的这个按钮元素导出来,可以选中这个群组 ... 再点一下 Inspector 上的 Make Exportable .. 你可以设置导出的不同的尺寸 ..

注意在这个群组的上面,现在会有一个小刀子的图标 ... 说明我们设置了这个群组的导出 ... 这个 Export 上面也会有一个小刀 .. 点一下它可以单独给我们创建一个 Slice ,也就是切片 ... 或者我们也可以按一下 S ...

然后鼠标移动到这个按钮群组的上面,点一下 ... 或者也可以直接拖动鼠标去画一个切片 ..

创建了切片以后,会在图层列表上会出现一个切片图层 ... 我们可以把它放到这个按钮的群组里面 .. 在底部这里,点一下这个小刀图标可以隐藏或者显示切片图层 ..

单独创建的这个切片,你可以调整它的大小或者形状 .. 在右边栏上可以预览导出来的资源 .. 现在这个切片的格式是 png ,我们可以使用矢量图 ,比如选择 svg,你会发现,导出的东西会清楚很多,因为矢量可以无限放大,不会影响图像的质量 ..

勾选一下 Export Group Contents Only ,这样导出的切片只会包含群组里的内容 ... 你会发现,它里去掉了按钮后面的背景 ..

Trim Transparaent Pixels,可以去掉多余的透明的像素 ...

按一下工具栏的 Export ... 会显示我们创建的所有的导出 ... 选择你想要导出的东西 ... 再按一下 Export ...

再选择一个要保存的位置 ... 然后点击 Save ... 在你选择的位置上,可以找到导出来的所有的东西 ...

切片《 Sketch:设计工具 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点