在 Mac 版 Pixelmator Pro 中将文稿划分为切片用于网页导出
你可以将图像划分为多个部分(或切片),然后使用各自的设置导出。网页和界面设计需要针对特定用途优化的模块化组件时,通常使用此技术。例如,你可能需要以一种图像格式导出网站按钮,以另一种图像格式导出标志。
在 Pixelmator Pro 中,你可以从文稿中的图层或包含多个图层的群组创建切片。或者,你也可以手动切分图层。每个切片都会使用你选取的设置进行优化。
手动切分文稿
在 Mac 版 Pixelmator Pro 中,点按工具栏中的
,然后选取“为网页导出”。
在画布的区域上拖移以制作切片,然后再次拖移制作其他切片。
制作切片时,Pixelmator Pro 会自动在画布中添加参考线以建议其他切片区域。每个切片也会在“为网页导出”面板中列出。
若要无需拖移而快速创建其他切片,请按住 Control 键点按画布中现有切片之外的任意区域,然后选取“升级为切片”。
若要修改每个切片的导出设置,请在“为网页导出”面板中选择切片,然后调整导出设置。
【提示】 在“为网页导出”面板中选择多个切片以同时调整其设置。
执行以下任一项操作:
导出所有切片:点按“导出”。
仅导出所选切片:在“为网页导出”面板中选择一个或多个切片,按住 Control 键点按其中一个切片,然后选取“导出”。
从图层或图层群组创建切片
在 Mac 版 Pixelmator Pro 中,点按工具栏中的
,然后选取“为网页导出”。
将图层或群组从“图层”边栏拖移到“为网页导出”面板顶部。
图层会作为切片插入。你可以将其他图层拖移到“为网页导出”面板以创建更多切片。
若要修改切片的导出设置,请在“为网页导出”面板中选择切片,然后调整导出设置。
执行以下任一项操作:
导出所有切片:点按“导出”。
仅导出所选切片:在“为网页导出”面板中选择一个或多个切片,按住 Control 键点按其中一个切片,然后选取“导出”。
【提示】 你可以将手动切割的切片与图层切片合并。
编辑切片
添加切片后,你可以进行编辑。
在 Mac 版 Pixelmator Pro 中,点按工具栏中的
,然后选取“为网页导出”。
执行以下任一项操作:
移动切片:将画布中的切片拖移到新位置。
调整切片大小:在画布中选择切片,然后拖移其中一个黑色控制柄。
重新命名切片:在“为网页导出”面板中,连按切片,输入新名称,然后按下 Return 键。
更改切片的堆叠顺序:在“为网页导出”面板中,将切片拖移到列表中的新位置。你也可以按住 Control 键点按画布中的切片,然后选取“移至最前”、“前移”、“后移”或“移至最后”。
删除切片:按住 Control 键点按切片,然后选取“删除切片”。
删除所有切片:在画布中按住 Control 键点按,然后选取“清除切片”。