第一章 ps切图学习

1、什么是切图

切图是从设计稿中切出网页素材。工具采用PS
Ps 03 cs -cs6最后一个Cs版本
13年 CC

2、建立PS常用工作区

编辑/Photoshop ->首选项->单位与标尺——>选择像素

image.png

选择：窗口——>信息+图层面板

image.png

3、测量和取色

矩形选框工具——>信息面板看宽高
下图，宽49高45px

image.png

文字大小——>矩形框选中文字——>H 为字号大小
行高——>矩形框选中文字+两行间隙——>H为行高
颜色——打开拾色器——在面板中点下鼠标变成吸管装——看相应位置颜色

image.png

4、切图

隐藏文字——矩形选框——ctrl+T——移动工具 拉伸操作
——移动工具+Shift+ALT 不适合拉伸操作
复制图层——矩形选框——ctrl+c——ctrl+n——ctrl+v
小技巧：
矩形选框——魔棒工具+alt——得到指定图标透明背景

image.png

image.png

ctrl+r 调出标尺——拉几条参考下——切片工具——顶上格式栏基于参考线切片——文件存储为web格式——jpg+品质（60-80）

5、维护

图像——画布大小——定位第一个格

image.png

修改png8格式图片——图像——模式——RGB