前端PS切图

编辑---首选项---单位与标尺---标尺，文字改成像素

切图常用工具：

• 移动工具-->选项栏里面✔自动选择，下拉列表选图层
• 矩形选框工具>>>测量数值 添加到选区-按住shift；从选区减去-按住Alt；与选区交叉 shift+Alt
• 魔棒工具，裁剪工具+切片工具，缩放工具，取色器

Ctrl+z撤销一步，Ctrl+alt+z连续撤销，或者在历史记录里选

去除文字，取背景图：

• 如果文字是独立的图层，用移动工具选中，取消图层前面的眼睛，隐藏文字，只留背景图
• 如果文字合并在背景图中，用矩形选框工具在背景图上非文字处拉一个框，然后 按住Ctrl+T自由变换，拉到文字上面，文字就隐藏了，然后双击完成
• 如果文字合并在背景图中，且不适合拉伸，比如有纹理效果，拉伸的话纹理就没 了，先用矩形选框工具拉一个框，然后用移动工具，并按住Alt，拖动到文字上，按住shift只会在 水平方向拖动

保存：

• 当图片色彩丰富且无透明度要求时，建议保存为jpg格式，并选择合适的品质
• 当图片色彩不太丰富时，无论有无透明要求，请保存为png8格式---杂边 无，扩散 无仿色
• 当图片有半透明要求时，请保存为png24格式
• 为保证图片质量，保留一份psd，在PSD上进行修改

为什么要拼图:

• 什么是Sprite拼图-->把小图标合并在一个文件，减少网络请求，提升网页加 载速度
• 图片优化合并---大小与质量，合并-->排列，分类

---分享是程序员的美德