PS自带有切片工具,不过用起来比较麻烦,如果是交付UI设计稿,借助摹客这样专业的在线切图工具比较合适,可以自动生成不同尺寸不同分辨率的切图,也支持切换不同的平台。
在摹客官网下载安装摹客PS插件,插件安装好后打开PS,在「窗口>扩展功能」找到摹客插件,选择并打开。
请点击输入图片描述
登录后选择项目和分组。
选中需要切图的画板、图层或编组,点击「标记切图」。
选中目标名称前出现“-e-”,「标记切图」选项变为「取消切图标记」,此时切图操作便完成了。
(注意:标记切图只需标记需要切图的图层,标记无用的切图过多可能会导致上传失败。)
点击倍率下拉框,根据设计稿的画板大小,选择设计稿对应的倍率。例:750px*1334px的设计稿对应@2×。
点击「上传所选画板」或「上传全部画板」,一键将设计稿上传至云端项目中。
请点击输入图片描述
点击「查看项目」打开设计稿,在“开发”模式中,即可一键下载选中切图或所有切图。
请点击输入图片描述
使用摹客切图,可快速切换平台(iOS、Android、Web)和选择倍率,支持自定切图尺寸和切图压缩,非常方便。
请点击输入图片描述
在电脑上如何把一张照片分成大小相等的九部分打开PS新建一个和你要等分的照片一样大小的画布
选切片工具,快捷键K
把整个画面选上(选择时可以超出画面)
右击图片.选划分切片
水平划分和垂直划分分别填3
确定
保存ALT+SHIFT+CTRL+S
为什么要切片或者说切片有什么作用（在photoshop图像编辑中）切片可以加快图片的下载速度,在网页图片中被应用很广。因为网络传输时本来占流量就大,所以网速不好的话,传递速度就很慢了,所以如果要求快速实现在网络中显示或下载,切片就是一个好办法了。把图片切片后,当你在网上看到一张图片并把它下载时,很多时候实际下载的是这张图片的几块切片,下了后它再组成一张图片的(当然这个再重组的过程用不着你动手,你也不必知道怎么进行的)。
1、2、3、4、5就是一块块被切成的不完整的小分图啦,黄色是你当前所切的区域,虚线是软件自动的最佳切法,