觉得前端是切图的，所以也会误觉得我的这篇文章是写给设计师的。

PhotoShop从CS版本演变到眼下的CC版本， 切图功Neng发生了比比kan巨大的变来变去，我们Neng把PhotoShop CS版本时的切图功Neng称为老一套切图，而从PhotoShop CC版本开头PS提出了精准切图。所谓老一套切图就是切图人员巨大体上dou是自己分割图层切图， 老一套切图又分为全手工切图和参考线切图；眼下CC版本提出的精准切图，切图人员Neng依赖计算机把图层对象准准的的切割出来这样切割出来的图层一准儿比...

抠图Zui常用的三种方法：

• 利用框选工具
• 魔棒工具
• 钢笔工具

1.先说说切图需要用到的柔软件是PS柔软件。

1.框选工具的抠图方法：框选工具Neng扣一些方方正正的图片， 把你想要扣的图片用框选工具框选出来然后ctrl+j复制图层，然后就Neng得到你框选出的那有些图片了一般这玩意儿方法用的较少许。

9.存储到我们要存的文件夹下 就巨大功告成了是不是hen迅速，下面我们介绍切片切图，和慕课网的巨大同细小异。

今天给巨大家分享一下我自己在前端干活中的一些切图细小技巧

虽然优良的UI会给我们把图切优良， 但是他们切的图不一定百分之百符合我们的需求，所以还是自己动手丰衣足食嘛，kan本教程之前希望巨大...

而我Zui近找到的用方法，Neng飞迅速抠出无白边的图片。用ctrl+shift+s飞迅速保存文件。

切图一定要拉参考线，计算准准的的像素巨大细小

前端向朔CSDN认证博客专家CSDN认证企业博客码龄11年。我一开头是不会切图的， 面试的时候心里也没有底气，但是之前也晓得一点切图的知识，只是没有那种疯狂的天天Zuo切图，所以一直也不敢说自己会熟练的切图...

位图与矢量图的处理

位图:ctrl+单击所需要切图的图层的缩略图，出现蚂蚁线就是选中了。

方法二：一键切图

Ru果你的photoshop版本是CS6， 那么Neng在你的photoshop中载入 一键切图 的动作，让你选中图片后只需轻巧轻巧一按F2，图片就飞迅速精准的切优良了。

Cutterman插件介绍

Cutterman是一款运行在photoshop中的插件， Neng够自动将你需要的图层进行输出， 以替代老一套的手工 导出web所用格式 以及用切片工具进行挨个切图的繁琐流程； 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android....

相信个个前端dou经历过用PS手动切图的原始手法，有时候偷懒，还会直接用QQ截图，眼下想想真实是初生牛犊不怕虎，怎么方便怎么来~。摹客作为新鲜一代的...

切过图的细小伙伴一准儿对老一套切图方式hen反感。要切的图少许还优良， 许多了简直就是噩梦，特别是当用PS给的参考线辅助切图的时候，密密麻麻的参考线简直眼花缭乱。