前端PS切图的那些事

我们在制作网站的时候如何把做好的效果图转成网页格式呢？如果是比较复杂的网页就需要用手动来切图。达到最终效果，接下来谈谈传统切图法

我们首先打开PS，把psd文件载入，进去后先ctrl+r 调出单位尺寸方便拉参考线，然后ctrl+k 调出配置像素点如下：

接下来切割一个小图标，我们可以按快捷键m 选择矩形工具，当然如果你的图标是圆形可以按shift+m 切换椭圆工具，选中图标后可以ctrl+shift+c复制然后ctrl+n新建画布，点击确定，再按一下ctrl+v 效果如下：

ctrl+v后得到新图标画布，然后Alt+ctrl+shift+s 调出存储为web格式的界面，点击存储可以选择jpeg，png24，gif格式的图片，效果如下：

以上步骤都是传统的切图方式，现在的ps里有个智能的切图方式，不过切出来的图片很多有很多不是你所需要的，而且电脑配置要求好，就是选择ps里文件下的脚本下有个图片处理器的功能，感兴趣可以去研究。