0 基本操作

1 ctrl+n 新建文件，默认png格式
2 分辨率72，像素/英寸
3 小黑箭头选择拖动图层
4 长按矩形进行其他形状的选择
5 裁剪
6 ctrl+z 撤销
7 选取框，长按，椭圆选取框，选中，del
8 画笔/刷子
9 铅笔
10 橡皮
11 直线工具
12 钢笔工具
13 图层的小垃圾桶删除、蒙板等
14 切片，各种选中的绿色框，按住ctrl可以鼠标拖动，右键导出
15 视图>标尺 ctrl+alt+r，鼠标从尺子刻度拖动可以拉出线条（引导线），拉回去可以删除线条
16 拖动图层出现背景马赛克的时候鼠标不容易微调，可以用方向键上下左右移动，每次一像素
17 引导线拉取后，按shift可以查看距离，就是我们量取的长度，也可以用切片工具，拉矩形查看左下角宽高
18 文本工具
19 滴管工具，主要取色用

1 搞定精灵图

1 打开图片
2 右边菜单栏》图层》上锁
3 左边菜单栏》切片工具
4 ctrl+鼠标滚轮放大缩小图片
5 鼠标选中图片的具体位置进行拖动
6 按住ctrl键进行微调
7 左下角宽高的值是选中的图片的大小
8 x,y的值是选中的图片的左上角定点距离图片原点的坐标值
9 如果看不到左下方的数值，可以点击左边的切片，就会出现

2 还原字体和字号

1 选择左边菜单文本工具
2 输入几个和文本一样的字（切记：不消除锯齿）
3 选择不同的字体和字号，让他们能完全重合
4 如果是多行文字，设置行高可以让两行文字重合（行高单位：像素）
5 多行文字需要测量内边距时，用行高减去字体大小再除2得到一个值
6 用字体到顶端的距离减去5中的值，就可以得到padding
7 发现图片中的字出现了2中添加锯齿的效果，原因未知，重新打开图片解决
8 7中的脏字情况可能来自不专业的截图软件（或者本身这里就是用图表示的，需要切片成图），没办法解决可以对部分内容用插入图片表示

3 切图导出

1 选择切片工具，随便选中图片中的其中一部分，右键，在菜单栏中选择导出切片可以

4 版心的确立

1 两边拉取引导线
2 shift确定长度

5 原图对比

1 将制作的网页截图放到打开的设计图里（不同的网页截图工具可能出现虚化现象，和2-7中的添加了锯齿效果类似）
2 设置截图的透明度，看否完全重合
3 确认1:1精确还原设计图