切片
用切片框出画面的多个区域,一次导出多张图片和一份网页文件,适合切图与长图拆分。
切片就是一叠可单独导出的矩形
切片是在画面上框出的矩形区域,它像参考线一样浮在作品之上,并不改变画面本身的内容。一份文件里可以有多个切片,每个切片导出后都是独立的一张图片。只要文件里存在切片,编辑器就会把它们显示出来;如果框线影响观察,可以通过菜单「视图 - 切片」把它们临时隐藏起来。

自己画的切片和自动补出来的切片
你手动画出的切片通常以蓝色显示,编辑器还会另外补出一批灰色切片。自动切片的作用是填满你没框到的部分,保证画面每个位置都恰好归属某一个切片,不留下空白。当你新增、移动或缩放自己的切片时,这些自动切片会即时重算,所以你只需要关心自己画的那几个就好。
画切片:切片工具与切片选择工具
用切片工具在画面上按住鼠标拖出一个矩形,松手就得到一个切片;拖动过程中鼠标会自动吸附到画布边缘、参考线、网格或已有切片上,方便对齐。要调整已有切片,换成切片选择工具:点一下选中,按住 Shift 可以加选,选中后用鼠标或方向键移动,按 Delete 删除;切片四角和边上会出现小方块,拖动它们即可改变大小,缩放时同样会吸附到参考线或其它切片。
导出切片:一个压缩包加一份网页
当文件里至少有一个切片时,走菜单「文件 - 导出为」选择 PNG、JPG 或 GIF,导出的就不再是一张图,而是一个压缩包。包里有每个切片对应的图片文件,还有一份网页文件,把它和图片放在同一目录就能直接当作页面来预览。做界面稿切图、长图拆分或成套素材时,这一步能省掉大量重复导出。
要点速记
- 切片只是辅助标记,不会画进导出的图片里,随时可以删掉。
- 拖动和缩放切片时,鼠标会吸附到参考线、网格和其它切片上。
- 手动画的切片显示为蓝色,灰色自动切片用来补齐剩余区域。
- 文件里有切片时,导出 PNG、JPG、GIF 会得到压缩包而不是单张图。
- 用菜单「视图 - 切片」可以隐藏或重新显示切片框线。
