ps简单快速的切图（PS切图-切图）

前端工程师使用PS，除了进行测量外，更重要的是进行切图。

哪些图片是需要切出来的呢？一般分为两类：

修饰性图片（一般用在background属性）：图标/logo；有特殊效果的按钮、文字等；非纯色的背景；

~主要对网页内容进行修饰，一般会被制作为雪碧图；

~通常被保存为png24(IE6不支持半透明，需要对IE6做兼容)和png8格式；

// png24和png8都支持半透明，但png24支持半透明，图片质量比较高；png8不支持半透明；

内容性图片（一般用在img标签）：banner、广告图片；文章中的配图（若服务器中的数据，可以不切图，只用img站位）

一图胜前言，~主要为网页提供内容；

~颜色较为丰富，一般存为JPG格式，当然会做一些压缩，保证图片不会太大；

【切图步骤】

（1）隐藏文字只留背景

// 若文字上有特殊效果，无法用代码写出，则把文字和背景一起切出

> 若文字为独立图层，则隐藏文字（使用移动工具找到文字图层，去掉眼睛）

> 文字和背景合并，平铺背景覆盖文字

>> （适应于背景可以拉伸平铺）矩形选框工具 自由变换Ctrl T,拉伸背景覆盖文字，然后回车或双击

>> （背景有纹理，不可以拉伸）矩形选框工具在背景上画一个小框，移动工具 Alt来复制当前图层，一次次按下方向键或用鼠标移动（鼠标移动时，按住shift可保证图层按直线移动）

（2）移动工具选中所需图层（ctrl 点击图层的矩形区域），出现蚂蚁线

（3）合并图层< ctrl e>（可选） // 勾选自动选择，然后将需要的多个图层合并

（4）复制图层< ctrl c > -- 新建文件< ctrl n >，点击确定 -- 粘贴图层< ctrl v >

【案例】（从不同类型图片的切图角度进行说明）

【切png24】

移动工具选中所需图层（按住ctrl多选）-- 右键合并图层< ctrl e > -- 再右键复制图层至新文件（目标：新建< ctrl n >、命名）或拖至已有文件

// 单一图层，直接跳到第三步

Webpiece_整合分析、记录点滴