1.设置画布
新建画布:Ctrl + N
注意:一定要设置成 像素。
2.设置工具
移动工具(V)设置步骤:
①视图 → 显示 → 勾上 智能参考线(这个在切图中有很大帮助)。
②打开标尺(Ctrl + R)
③窗口 → 颜色关闭、调整关闭、属性关闭、字符打开、段落关闭
④界面右侧 → 通道右击关闭、路径右击关闭
⑤历史记录拖到和图层并排 最终如下:
⑥更改信息设置:
⑦更改首选项设置:
⑧保存设置:窗口 → 工作区 → 新建工作区 → 改名为:web切图 → 勾上快捷键、菜单(这样下次打开时就不用再重新设置了)
3.切图
普通切图
- 打开psd文件
- 软件右上角 → 选择刚才保存好的设置“web切图”→ V → 左上角勾上“自动选择”、“图层”
- Ctrl+ 鼠标点击要选中的图片或内容 → Ctrl + 鼠标点击右下角图层中的左边正方向图片 → 这时所选中的图片或内容会形成选区
- 然后用切片进行切图。
- 导出切片 : 右上角 文件 → 存储为Web所用格式 → 鼠标点击选中所要切的图片 → 改为:JPEG → 存储 → 更改文件名 → 仅限图像 → 选中的切片 → 保存。
- 6.
切一条通栏横幅
1. 用参考线划分出横幅上下区域。
2. 右边菜单栏选择切片工具 → 上边菜单栏点击“基于参考线的切片" 。
3. 导出切片 : 右上角 文件 → 存储为Web所用格式 → 鼠标点击选中所要切的图片 → 改为:JPEG → 存储 → 更改文件名 → 仅限图像 → 选中的切片 → 保存。
快速切平均分配的的图片
1. 用矩形选框工具选出要切的一块平均分配的区域。
2. 切片画出此区域。
3. 右边菜单栏→ 选择 "切片选择工具"→ 点击上边的 ”划分“ → 根据情况选择”水平划分或垂直划分“以及列数 。
4. 导出切片。
4.快捷键
鼠标滚轮 : 上下移动图片
Alt +鼠标滚轮:放大缩小图片(或者Ctrl+加号/减号)
Ctrl +鼠标滚轮: 左右移动图片
Ctrl + 分号 :快速清除全部参考线
Ctrl + R : 打开/关闭标尺
① 快速查看psd文件中某一图片信息:
V → Ctrl+ 鼠标点击要选中的图片或内容 → Ctrl + 鼠标点击右下角图层中的左边正方向图片 → 这时所选中的图片或内容会形成选区,具体信息会呈现在右上角信息面板中。
② 快速查看psd文件字体大小及颜色:
V → Ctrl + 鼠标点击psd文件中的字符区域 → 右上角字符面板中会显示字体大小,字体颜色。