PhotoShop

ps工具是我们使用频率比较高的软件之一，我们学习ps的目的不是为了设计海报做电商UI的，而是要求：

1、会简单的抠图

2、会简单的修改psd效果图

3、熟练的切图

一、ps界面组成

菜单栏、选项栏、工具栏、浮动面板（拖拽名称，可单独操作面板）、绘图窗口、窗口菜单，可显示隐藏所有面板、工作区（新建）、调整浮动面板

二、基本操作

• 1、文件下拉菜单

1、新建  新建文档  ctrl+n
单位：像素  厘米  毫米
屏幕显示：单位  像素  72像素/英寸  RGB颜色模式
2、关闭文档  ctrl+w
3、存储  ctrl+s
4、存储为  ctrl+shift+s  另存一份文件
5、格式：
.psd  ps源文件格式  图层、文字、样式等，可再次编辑
.jpg  有损压缩格式  品质  最高12
6、文件打开：
文件下拉菜单-打开（ctrl+o）
双击软件空白处也能打开

• 2、移动工具(v)

不同文件之间拖拽图像

• 3、自由变形

ctrl+t可以改变图像的大小
使用技巧：
【1】鼠标拖拽控制点，可以缩放，按shift键，在对角上拖拽可以等比缩放
【2】鼠标放到框外，拖动可以旋转对象  旋转轴为中间的小点
【3】按下回车确认操作

• 4、图层操作

图层面板快捷键F7
其实图层就是一张张透明的纸，可以实现叠加问题。

图层选择，使用移动工具V
1、图层缩览图判断
2、按住ctrl在目标图像上单击
3、将光标放置在目标图像上右键，选择图层名称

图层面板中加选图层
1、按shift，单击另一目标图层 中间所有图层被选中
2、按ctrl，单击另一目标图层  只选中目标图层

复制图层，选中目标图层后（移动工具状态下）
1、按alt拖拽图像
2、ctrl+j（重合复制）

• 5、图层编组

选中目标图层，ctrl+g
取消编组：ctrl+shift+g
双击图层名称可重新命名
双击组名称，可命名组
移动工具v选中组或图层时，需设置选项栏（组/图层）。

• 6、图层的上下位置移动

1、选中目标图层，在图层面拖拽
2、ctrl+]  向上移动图层
  ctrl+[   向下移动图层
3、ctrl+shift+]  图层置顶
  ctrl+shift+[  图层置底

移动选区或图像时：
移动过程中，没释放鼠标，按住shift，可同一水平线、同一垂线、45度移动

• 7、图层合并

ctrl+e可以合并图层

• 8、图层透明度

不透明度：设置图层的不透明度  0%完全透明，不可见  100%完全不透明，真实可见
填充与不透明度效果类似

• 9、矩形选区工具M

用来选择某部分区域，我们称为选区工具。取消选区ctrl+d

• 10、颜色填充

填充前景色(alt+delete)
填充背景色(ctrl+delete)

• 11、套索工具L

1、套索工具：在屏幕上拖拽鼠标左键，释放后生成选区
2、多边形套索工具：连续单击绘制多边形选区
    闭合方法：1、单击起始点，2、双击任意位置
    delete删除当前点
3、磁性套索工具：在颜色交界的位置单击后拖动。单击起始点后生成选区。

• 12、快速选择工具W

1、魔棒工具
以单击位置为选择色，选择相似颜色生成选区。
容差：选择颜色的范围  容差小，颜色选择精确。  0-255
连续：勾选连续时，相连颜色生成选区。 
     不勾选，画面中所有相似颜色被选中生成选区
按shift在未生成选区位置单击，可选区相加。
选区反选：ctrl+shift+i
2、选区的布尔运算
选区面积大小的变化。
新选区：保持选中状态
添加到选区：相加运算（按住shift再绘制选区）
从选区减去：相减（按住alt再绘制）
与选区交叉：重合部分保留。（按住shift+alt在绘制选区）

• 13、钢笔工具P

作用：绘制路径，生成选区，抠图。
组成：路径线和锚点
绘制路径后，ctrl+回车，生成选区。
路径类型：
1、直线型路径，连续单击
2、曲线型路径：第一次单击，第二次拖动鼠标。（不需要曲线按alt健）

• 14、文字工具T

• 15、吸管工具I

用吸管工具单击后，前景色变为吸管吸取的颜色。

三、切图方法(重点)

PhotoShop切图的三种方式

第一种：原始切图

（1）选择工具栏中的切片工具

（2）找到要切片的元素，在右侧的图层框中，使元素背景隐藏，然后用切片工具选择需要切片的元素

（3）导出为web常用格式，一般为png-24。

第二种：基于参考线的切图

（1）设置显示参考线和标尺（视图->显示->参考线/ctrl+r）

（2）画参考线 直接从 左边/上边 的标尺上 拖出/送回 参考线

（3）选择切片工具，点击属性栏中的“基于参考线的切片”

（4）导出。

第三种：自动切图

（1）选择文件->导出->将图层导出到文件。

（2）选择导出格式和其他配置项，运行。

（3）photoshop自动导出所有图层的切片，速度可能较慢。

---

ps切图可以分为：手动利用切片切图 以及 利用ps的插件快速切图

• 1、利用切片工具手动划出
• 2、图层-->新建基于图层的切片
• 3、利用标尺 基础参考线的切片（选择切片工具）
• 4、先选一个整个的切片，-->切片选择工具-->属性面板中有“划分”-->可以等分数平分切图

导出切片

导出切片：文件-->存储为Web设备所用格式

清除切片/参考线

视图-->清除切片/清除参考线

切图插件

cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出，以代替传统的手工“导出web所用格式”以及使用切片工具进行挨个 切图的繁琐流程。它支持各种个样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等终端上使用。他不需要你记住一堆的语法规则，纯点击 操作，方便、快捷、易上手。

官网http://www.cutterman.cn/zh/cutterman

注意：cutterman插件要求你的ps必须是完整版，不能是绿色版，所以大家需要重新安装完整版本。

安装完成之后，重启photoshop选择 窗口-->扩展功能-->Cutterman