欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > CSS PS切图教程 >

PS一键切图神器

 

在开发中,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

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-06-25 15:44 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。