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
图像的排列: 横向与纵向
图像的合并: 把同属于一个模块的图片进行合并
把大小相近的图片进行合并
把色彩相近的图片进行合并
综合以上方式合并
只有本页用到的图片进行合并
有状态的图标进行合并