欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

 

在开发中,UI把设计稿交付给前端后,前端会把这些设计出来的页面切成一个个小图。那么为什么不用整张图呢?因为一张大图的文件太大,会让H5加载速度很慢,而且做成一张大图的话,就无法实现H5各种绚丽的动画了。

当然PS CC2015较之前的版本新加入了“快速导出为PNG”功能。大家可自行尝试下,但是始终不太方便。

点击查看大图

PS一键切图神器

1.今天带来的是PS一款小插件 —— cutterman,去官网(http://www.cutterman.cn)下载安装后,点击扩展功能,选择Cutterman调出调节面板。

点击查看大图

PS一键切图神器

2.选择对应的图层,提前设置好输出目录,点击“导出选中图层”,导出成功后查看输出目录。

点击查看大图

PS一键切图神器

下图素材来自Cutterman官网

PS一键切图神器

现在你应该知道自带的“快速导出为PNG”为啥不好用了吧?我并不是工具狂,工具不是目的,主要是方便就好。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-ps/ps50541.shtml