PhotoShop

PS首选项设置

编辑--首选项--单位与标尺（标尺与文字都选择为像素，因为html/css里面像素较常用）

移动工具 自动选择打勾 图层

撤销 Ctrl+z

连续撤销  Ctrl+Alt+z

撤销  也可以在历史记录选择要回退至哪一步

魔棒

容差越大选取的越多

注意图层问题  多图层应勾选对所以图层取样

图像大小调整

Ctrl+1  当前图像百分之一百显示

Ctrl+加号/Ctrl-减号   

Alt+滚轮

辅助视图 （视图中打开）

对齐

标尺

显示--参考线

测量与取色

测量主要利用选区进行测量

文字 边框 图形大小等等都需要进行测量（使用框选工具测量文字可能会有误差）

测量不规则图形时利用魔棒

取色巧用

可以确认背景是否为纯色（也可以理由魔棒）

魔棒也可用来确认是否为线性渐变

切图及切图的各种操作：隐藏文字（独立图层和非独立图层的不同操作方法）、png8和png24格式的切图方式、可平铺背景的切图方式及活动页的切图方式

切出来的图片保存格式

内容式的一般颜色丰富 一般保存为JPG  可能需要适当压缩

修饰性的 PNG24(ie6不支持半透明)  24图片质量较高

       PNG8 

切图第一步

1.隐藏文字

若文字为独立图层，选择文字点击隐藏即可

用矩形选框选择后

当图片可以平铺时，点移动工具后使用ctrl+T 拉大图形

当图片不适合平铺时，按住alt来移动图片（shift可以保持水平）

2.切图（保存为PNG24格式）

移动工具选中所需图层(当所需图只有一个图层直接拖)

右键合并图层(crtl+e)

再右键复制图层到新文件或者直接拖至已有文件

（保存为PNG8格式）

带背景切（因为PNG8不支持半透明，图上经常会有些半透明小点，因此要带背景切）

合并（可见）图层（shift+ctrl+e）

矩形选框选择内容

魔棒工具去除多余部分（从选区中减去按alt）

3.可平铺背景切图

用矩形选框工具选择一块区域

复制到新文件中

 （平铺内容充满文件的宽_x轴 或高_y轴）

4.切片工具

使用于一刀切场景

利用参考线快速切片

之后保存为WEB形式

JPG、PNG8、PNG24这些格式分别适合保存什么特点的图片

JPG:适用于颜色丰富并且没有透明度要求的图片，保存时需要设置图片品质（一般设置为60-80之间，品质越高图片文件越大）。

PNG8:适用于图片不是太丰富、没有透明度要求的图片，支持全透明。保存该类型的图片时需要进行以下设置:杂边-无；扩散-无仿色。由于png8会对图片进行压缩，适合网络传输。

如果要保存PNG8的图片，那么在新建空白图像时，应该在“新建”窗口中设置背景内容为透明。

PNG24:适用于图片有半透明要求的图片，支持全透明和半透明（但ie6不兼容）；PNG24的文件比PNG8要大，保存时面板不需要进行特别设置，采用默认的设置即可。

有无透明要求用移动工具点选图片看图层是否有添加效果可知

维护PNG8格式图片记得更改图像模式为RGB模式

图片的优化与合并

Sprite拼图（一些小图标，logo等集合）好处：减少网络请求，提升网页加载速度

图片之间必须保留间隙，利于维护与容错性

图片的大小与质量

压缩工具   无损-Minimage/NetEaseWD

有损-TinyPng

图像的排列： 横向与纵向

图像的合并： 把同属于一个模块的图片进行合并

     把大小相近的图片进行合并

     把色彩相近的图片进行合并

     综合以上方式合并

     只有本页用到的图片进行合并

     有状态的图标进行合并