前端学习之基础——切图

（一）切图工具：PS

（二）PS需要熟练的技能：移动/矩形/测量/取色/切片/文字

（三）需要注意的东西：

1.字体大小/颜色/类型需和所给图相同；

2.网页颜色需和所给图相同；

（四）技巧：

1.拉参考线可以使切图更准确；

2.将psd图像分图层看可，除了特殊的文字，比如logo设计和图片可以直接切图，其他字则不能切图；

3.有的图层无法操作时需要解除图层锁定；

3.如何知道psd中文字的字体和大小：（1）先采用矩形工具选中（2）点击字体工具，就可以在工具栏下看到；

4.取颜色用吸管工具；

5.用CSS sprites技术是要用到移动复制图层，选中移动工具并按alt键复制拖动到另一图层；

6.有的时候移动图片后变成了灰色或变色了，此时改一下图片格式：图像——格式——RGB颜色；也可能是因为新建背景被调成其他色，只需要将背景色调回来就行了；

（五）图片存储格式选择

切割完后，需要保存图片了，选择文件——存储为web和设备所用格式，在弹出的窗口中点击选中切片，然后在右侧可以设置当前切片的图片格式。这里有个技巧，一般小型色彩单一的图片，采用gif格式，照片类大型图片采用jpg，这样生成的图片既能保证质量，图片体积又小。推荐jpg

ps:暂时先写到这里，以后再补充