Photoshop切图技巧

photoshop界面设置

1. 新建设置

• 高：1920像素
• 宽：2000像素
• 分辨率：72像素/英寸
• 颜色模式：RGB颜色 8位
• 背景内容：透明
• 颜色配置文件：SRGB IEC61966-2.1
• 像素长宽比：方形像素
• 可以存为预设

网页设计，因为不用打印出来，所以一般用像素作为单位，而需要打印的一般用厘米作为单位

Paste_Image.png

1. 移动工具设置

• 快捷键“v”
• 左上方，“自动选择”中选择“图层”。如果不弄这个，下一步会选中“组”
• 移动工具，按住ctrl，然后用左键点击，可以选中图层

1. 视图设置
2. 在“视图”中勾选“智能参考线”、“标尺”
3. 窗口，只需要“图层”、“历史记录”、“信息”、“字符”
   • 在信息的面板选项中，“第一颜色信息”、“第二颜色信息”的模式都选择 RGB。“鼠标坐标”的标尺单位用 像素，“状态信息”，勾选 文档大小， 文档尺寸

Paste_Image.png Paste_Image.png

1. 编辑
   • 首选项->单位与尺寸
   • “单位”中的“标尺”和“尺寸”都用 像素
   • “列尺寸”中的“宽度”是 180点，“装订线”是 12点
   • “新文档预设分辨率”中的“打印分辨率”是 300像素/英寸，“屏幕分辨率”是 72像素/英寸
   • “点/派卡大小”是 PostScript(72点/英寸)

Paste_Image.png

1. 工作区

• 窗口->工作区->新建工作区
• 勾选键盘快捷键和菜单，可以将刚刚的设置保存下来

Paste_Image.png

简单工具及操作

1. 主要掌握几个键“空格”，“Shift”，“Alt”

• 按住“空格”键，可以移动图片
• 工具配合“Shift”，“Alt”键的使用有很多变化
• 不同工具在上方都要自己的很多属性可以使用

PS传统切图和精确切图

1. 传统切图——使用切片工具

• 慢，一个个切

1. 切片工具+参考线

• 弄好参考线之后，点击切片工具，点击上方的 基于参考线的切片
• 参考线的快捷键按住 Alt+v+e，要快
• 建议： 可以用裁剪工具，裁剪成小块来切
• 切好片之后，点击“文件”中的“存储为web所用格式”

1. 精准切图

• “文件”->脚本->将图片导出到文件

Paste_Image.png

• 使用Photoshop CC版，有很多新功能