References
常用快捷键
- 缩放:Alt + 鼠标滚轮
- 放大:Ctrl + 加号
- 缩小:Ctrl + 减号
- 缩放到100%: Ctrl + 1
- 手抓:空格键 + 鼠标左键
- 移动:Ctrl + 鼠标左键
- 复制选中得区域:Ctrl + C
- 黏贴选中得区域:Ctrl + V
- 新建画布:Ctrl + N
- 历史记录回退:Ctrl + Alt + Z
- 复制 + 移动: Ctrl + Alt + 鼠标左键
- 显示方格(Grid):Ctrl + ‘
- 显示标尺 (Ruler):Ctrl + R
选框工具(M)
Deselect: Ctrl + D
Reselect: Shift + Ctrl + D
全选:Ctrl + A
交集:Alt + 左键
并集:Shift + 左键
Inverse: Shift + Ctrl + I
按delete
键会删除选框部分的内容
选好区之后,按Ctrl + S
拷贝选区;按Ctrl + N新建画布;按Ctrl + V
粘贴选区到新画布;Ctrl + Shift + Alt + S
导出
魔棒工具
智能找出相似的像素点
一般用于创建不规则选框
加入到选区:Shift + 鼠标左键
将交集移除出选区:Alt + 鼠标左键
切片工具(C)
导出用户切片、导出所有切片
基于参考线的切片
切好片之后,按Ctrl + S
拷贝选区;按Ctrl + N
新建画布;按Ctrl + V
粘贴选区到新画布;Ctrl + Shift + Alt + S
导出
右击->编辑切片可以查看切片信息(尺寸等)
测量(Measuring)
盒子模型
- 选框工具
- 切片工具
文字(字体大小及行高)
- 矩形选框 + 参考线
- PSD可直接看
- 微软雅黑:字体上边距(字本身距离行上边界) >= 字体下边距(字本身距离行下边界) (最上边故意留出一个像素),可以Html测试截图然后再PS上对比查看
- 宋体:字体上边距 <= 字体下边距
PSD
- 建议设置移动工具:自动选择、图层
- 复制图层到新的文档
- 拖拽图层到新的文档
基于透明像素裁切
图像 -> 裁切 -> 基于透明像素
调整画布大小
图像 -> 画布大小 -> 设置anchor等->确定
导出图片
- 无透明需求,选择JPEG,品质一般选50~80,建议最高95%
- 图片颜色不丰富,选择PNG8;无杂边;无仿色
- 如果有半透明效果,选择PNG24