前端切图的技巧 帮助你了解

切图也是有很多技巧性和经验在里面的，这些东西可以让你的切图工作更有效率，更有目的性。本文希望把我几年做切图的心得整理归纳一下，希望对各位前端，程序员，设计师有所帮助。

图层状态

代表你当前操作的对象，有一些对象只接受特殊类型的操作。比如一些填充和绘制的功能无法在文字图层进行，图层组不能进行操作。总之，你在进行涂层修改操作的时候，一定要注意当前操作的对象，否则容易造成误操作和操作不能

工具状态

代表当前是出于移动模式，选区模式，切片模式或者是吸管模式等等，工具状态代表你当前对文档操作的类型。有一些特殊的状态下，要求你必须做出选择，这时候状态的切换会暂停。比如，文字输入模式和自由缩放模式下，你必须先对当前所做修改做出确认，才可以进行下面的操作。这种情况的特点是状态栏会出现如下选择，如需快速放弃修改可点击ESC。

ps快捷键

相对于设计和绘画，切图用到的ps并不多，以下我总结一些在切图中比较常用的快捷键，这些快捷键能答复的提高你的工作效率，并且看起来很酷。自由的浏览图片：按住空格后，鼠标拖动；自由的缩放图片：按住alt+滚轮；通过画面上点选一个图层：Alt + 鼠标右键；在画面上拖动一个图层：V 切换到移动模式 鼠标拖动；复制拖动一个图层：移动模式下 Alt+拖动等。

操作图层

如果不是设计者自己来切图，那么切图者需要从图层里来体会设计者的意图。如何分组，层次间的关系都体会了设计者对页面结构个人的理解。所以对一个设计稿来说，第一步是粗看图层，理解设计意图，其次是根据自己的理解对图层进行新的操作和转换。