回答:
PS自带有切片工具,不过用起来比较麻烦,如果是交付UI设计稿,可以用摹客这样的免费在线切图工具,可以自动生成不同尺寸不同分辨率的切图,也支持切换不同的平台,对于设计师来说比较省时省力。
以下介绍用摹客的插件来完成photoshop切图的步骤:
1.在摹客官网下载安装摹客 PS插件,插件安装好后打开PS,在「窗口>扩展功能」找到摹客插件,选择并打开。
2.登录后选择项目和分组。
3.选中百需要切图的画板、图层或编组,点击「标记切图」。
选中目标名称前出现“-e-”,「标记切图」选项变为「取消切图标记」,此时切图操作便完成了。(注意:标记切图只需标记需要切图的图层,标记无用的切图过多可能会导致上传失败。)
4.点击倍率下拉框度,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应 @2× 。
5.点击「上传所选画板」或「上传全部画知板」,一键将设计稿上传至云端项目中。
6.点击「查看项目」打开设计稿,在“开发”模式中,即可一键下载选中切图或所有切图。
使用摹客切图,可快速切换平台(iOS、Android、Web)和选择倍率,支道持自定切图尺寸和切图压缩,非常方便。