1、新建及储存

• 新建：ctrl + n 一般选择像素单位 ，分辨率，颜色模式根据需求进行改变
• 储存：Ctrl + s 储存为：Ctrl + shift + s

导出E

image.png

结合切片切图存储为Web所用格式（也可导出动画）

常用图层右键导出

image.png

• （1） 快速导出为PNG
• （2）导出为（ctrl + shift + alt + w)
  选择几倍图大小改变数值等
  png透明背景图片
  jpg图片
  GIF动图
  SVG > ps进行 反复编辑（用的 很少）

图层右键导出切图方式

• 形状图层右键快速导出png格式

• 右键导出为

  
  
  image.png

• 较小文件勾选上，会把大小压缩但是不影响图片的清晰度

  
  
  image.png

• 导出的画布大小会改变图形大小 不会改变：根据实际情况定和画布大小

  
  
  image.png

2、PS图形构成方法

• 展示的图是以图层叠加的方式进行呈现
  （1）形状图层、（2）智能对象图层、（3）文字图层、（4）图片图层
• ctrl +]: 图层的上移一层 ctrl + [：图层下移一层 ctrl + shift +]：把图层置于顶层

3、位图矢量图了解

• 位图：放大后像素格会出现参差不齐的边缘

• 矢量图：放大缩小是不会变化的，矢量图所展现的是点和线的一个位置

• 位图工具

  
  
  image.png

• 矢量图工具

  
  
  image.png

4、颜色编辑颜色选择

• 颜色模式：图像 > 模式 可以进行更改
  CMYK：青、洋红、黄色、黑
  RGB：红、绿、蓝
  灰度：黑、白、灰

• 前景色：alt + delete

• 背景色：ctrl + delete

• X: 进行颜色切换

• D：恢复默认黑白色

  
  
  image.png

• 色相带

  
  
  image.png

• 改变色值

  
  
  image.png

• H：色相

• S: 饱和度(颜色的艳丽值）

• B: 明度

• ：是16进制颜色，编码上的颜色、

image.png

• 只有WEB颜色打钩避免颜色误差

  
  
  image.png

5、移动工具V

• 移动工具：V - 移动元素，对齐工具。

  
  
  image.png

• 自动选择：打钩提高选择效率

• 缩放问题
  （1）显示变换控件打钩的话选择图会出现一个变换的矩形框（代表图的尺寸范围）或者- （ctrl + t）建进行变换--常用
  （2）按住（ctrl + shift）建会对边或角进行改变其它不涉及到的边不变化
  （3）按住（alt)建中心点进行缩放和放大
  （4）不按只拖动鼠标放大或缩小的话是：是对选择点的固定对应点位置不变进行的移动
  （5）2019版本后按住（shift）建是变形缩放，不按是等比缩放

• 按住ctrl建加选图层或者按住shift建在工作区中进行加减图层选择

• 当一个图层出现蚂蚁线的时候可以选择其它图层和它进行对齐操作

6、画板工具 V

image.png

• 在同一个画板中生成多个画板
• 画板大小可以在后期进行更改
• 画板可以添加或减少
• 多个画板可以选择对齐方式
• 按住alt键复制一个画板
• 选中一个画板里的元素按住alt键拖拽到另一个相同大小的画板中，会出现在相同的位置
• 可以导出一个 画板

7、选框选区工具

• shift + alt中心点画圆
• 选择修改：边界、平滑（选区变成圆滑矩形）、扩展（扩大）、收缩（缩小）、羽化、

• 选框工具：M
  （只对普通的图层起作用）
  填充前景色：Alt + delete
  填充背景色：Ctrl + delete
  作用：（1）距离的测量（2）可以在选框内填充颜色（3）删除选区内的元素（4）可以限制某些功能
  （5）可以选中绘制矩形框的比列或大小

  
  
  image.png

8、套索工具L

image.png

选区选择并遮住属性

• 调整抠图边缘更融合好看

  
  
  image.png
  
  
  image.png

• 可以调节边缘是边缘部分更舒服一些

  
  
  image.png
  
  
  image.png

9、快速选择工具

image.png

• 快速选择工具W
• 魔棒工具W
  （1）取样大小：看需求可以调用取样大小
  （2）容差值：色彩的容差的大小
  （3）消除锯齿：相对比较平滑一些，一般都要勾上对号
  （4）连续：对颜色的区间把控精细一些，一般都要勾上对号

10、裁剪工具组

image.png

• 拉直属性：沿着一条边画直，将会进行拉直裁剪

  
  
  image.png

• 内容识别（勾选上），原尺寸不变进行对边缘内容填充上

  
  
  image.png

• 裁剪工具：C - 改变画布的大小

• 拉直 调正（不改变画布大小）

• 透视剪切工具：可以框选一个范围，然后拉正，透视裁剪区域进行裁剪

• 切片工具：进行在画布中切想要的区域，结合切图使用

• 切片选择工具:
  (1)可以对切片工具的切片进行删除、移动、大小调节等
  （2）可以调节切片上下等级的关系
  （3）水平划分、垂直划分：进行对切片的进一步细化处理

11、吸管工具I组

image.png

• 吸管工具：I - 吸取颜色（吸取前景色的颜色）
• f8：信息窗口看到取样点或测量的数值
• 颜色取样器工具
  （1）可保留1 - 10个 点的颜色取样点数值
  （2）按住alt建点击取样点会清除取样点
  （3） 按住ctrl键是可以移动取样点进行对取样点的改变
• 标尺工具
  （1）拉直图层：可以把图片变成水平的或垂直的图片
  （2）拉出一条标尺线-- - 可以测量尺度宽高的尺寸等
• 注释工具
  （1）注释信息里可以看出来注释的内容
  （2）注释信息点可以更改颜色和删除
  （3）打开注释窗口可以看见
• 计数工具
  （1）可以标记数字
  （2）可以设置标签的大小

12、修复画笔J工具组

image.png

• 污点修复画笔工具

  
  
  image.png

• 修复画笔工具
  按住alt键可以提取某一块位置进行使用

  
  
  image.png

• 修补工具：选中某一片范围进行图像的替换和填充

• 内容感知移动工具：

  
  
  image.png

对内容的移动并且对原位置进行融合修补

• 红眼工具
  对红色区域的去除，经常用于拍照时出现红眼的去除

13、画笔B工具组

image.png

• 画笔工具：B - 结合蒙版使用
• 颜色替换工具：会是颜色发生改变，根据前景色的颜色发挥在作用位置上进行改变颜色，原有的纹理不变

• 混合器画笔工具：会出现一个颜色的混合，类似于模糊。

  
  
  image.png

14、仿制图章工具组

image.png

image.png

image.png

15、历史记录画笔

image.png

16、橡皮擦工具组

image.png

17、渐变工具组

image.png

• 渐变工具：结合蒙版使用，填充渐变颜色。

18、模糊工具组

image.png

19、减淡加深工具组

image.png

20、钢笔工具组

image.png

• 钢笔工具-- - 按住AIT键》直接转换为转换点工具

  
  
  image.png

• 钢笔工具-- - 按住ctrl键》可以直接切换到直接选择工具（小白工具）

  
  
  image.png

钢笔工具 P

• 默认是路径，一般画形状用到比较多

  
  
  image.png

• 可以绘制形状

• 可以绘制选区（由路径得到ctrl + 回车后才有）

• 橡皮带勾选上会方便很多

  
  
  image.png

• 可以在路径中直接添加或删除锚点

  
  
  image.png

• 钢笔工具描边的属性：选择不同的线的方式，还有对齐、端点、角点的改变

  
  
  image.png

• 调节描边的虚线的间距等

  
  
  image.png

自由钢笔工具

• 可以随性的画出想要的路径

• 磁性勾选上和磁性套索工具一样的原理

  
  
  image.png

• 可以快速的勾一些不规则的图形，很方便实用

转换点工具

• 是锚点和尖角的转换

21、文字工具组

• 文字工具：T - 输入文本

  
  
  image.png

image.png

image.png

image.png

文字图层右键属性

• 文字右键复制CSS或复制SVG：就是复制文字代码，这个代码包含了文字的大小间距颜色等信息

  
  
  image.png

• 图层右键出现文字的对应属性

  
  
  image.png
  
  
  image.png

• 创建工作路径，

  
  
  image.png

• 把文字转换为：(转换为形状) ，可以对文字进行在设计制作

• 转换成段落文本或文字变形可根据对文字的改变进行设计

22、路径选择工具组 A

image.png

• 移动编辑或更改属性
• 路径选择工具

小黑

image.png

• 单独选到整个形状

• 一般选用所有图层：特殊情况只想改变当前的图层的话选择现用图层

  
  
  image.png

直接选择工具：小白

• 单独选择一个点或多个点（进行对点的移动或删除）
• 不全部选中的情况下，不能移动一整个图形，只能移动选中的锚点或边

23、形状工具组

image.png

• 按住shift键：绘制正方形、圆形等
• 形状工具：U - 可以绘制规整的形状
• 矩形、圆角、圆形可以通过改变属性数值互相转换

形状

image.png

• 形状属性：默认是形状

  
  
  image.png

• 设置的数值

  
  
  image.png

• 绘制不同的形状的属性不同，可以在属性里面改形状的数值

  
  
  image.png

• 形状进行旋转属性就会变成常规属性

  
  
  image.png

• 蒙版属性可以使用

路径

• 有锚点的路径，可以建立选区可以建立形状

  
  
  image.png

• 路径还可以改成形状

像素

• 是像素绘制出来会得到一个位图

  
  
  image.png
• 选择像素的时候要先新建一个图层，绘制得到一个位图：模式、不透明度、消除锯齿

多边形工具

• 改变边的数值得到对应边数的形状

  
  
  image.png
  
  
  image.png

直线工具

image.png

• 根据自己想要的效果改变数值
• 有箭头的线：画一条线》找到属性栏里的设置的图标》找到面板里面，调成自己想要的效果

自定义形状工具

• 可以把常用的图形保留下来放在里面以便以后使用
• 保留绘制图形方法：绘制一个形状》编辑》自定义形状》保留进行命名，在自定义形状里面就可以找到了
• 经常会保留一些线性图标、logo、矢量形状等

形状图层的右键属性

image.png

• 形状的代码有颜色色值和长度等数据

  
  
  image.png

• 复制形状属性

• 粘贴形状属性

• 合并形状：会以最上面的颜色和属性进行覆盖，变成上面统一的颜色和属性

• ctrl + shift + alt + E: 合并图层并新建一个合并图层，原本图层 不变

• ctrl + E：合并图层

• 图层标记颜色

  
  
  image.png

24、智能对象图层右键属性

（1）、掌握智能对象图层右键的属性使用

• ctrl + J复制一个智能对象，改变其中的一个颜色 另一个也跟着改变

  
  
  image.png

image.png

• 对一个智能对象的图形进行：通过拷贝新建智能对象，后期改其中一个 智能对象，另一个不会改变

  
  
  image.png

• 通过拷贝新建智能对象

  
  
  image.png

• 智能化图层相当于矢量图层，放大缩小不会出现模糊状态

• 可以做成子文件的形式：相当于在大图中看效果，在小图中处理细节

• （2）、了解智能对象用法

• （3）、掌握智能对象文件同步

• 右键对智能对象替换内容：点击替换内容 找到要替换的文件替换，就能被替换了

  
  
  image.png

• 创建剪切蒙版：用智能对象的效果去 作用于一个图层上来显示

  
  
  image.png

image.png

25、（布尔运算）

布尔运算的条件

• （1）.必须使用形状，（图层右下角显示智能对象）

• （2）.必须有两个形状以上有相交部分，并且要合并，合并图层：ctrl + e，合并完图层就可以做布尔运算

• 布尔运算结合这三个属性才能一起运用

• ps里面的形状组合属性

• 1.路径操作属性

  
  
  image.png

• 2.对齐属性

• 形状进行规整化，对齐分布整合

  
  
  image.png

• 3.排列属性

• 改变形状图形的内部位置调整

  
  
  image.png

• 使用形状工具，按住shift键可以在该形状图层上加入一个新的形状（合并形状）

• 按住Alt键可以在该形状图层上减去一个新的形状（减去顶层形状）

• 小黑和布尔运算一起运用：小黑（CTRL + T): 可以把两个形状以上的合并图层移动其中的图层，可以单- 独的改变大小，圆角，不能改变颜色

• 形状工具》小黑工具》按住alt键》进行在同一个图层里面复制图形Ctrl + c, 粘贴图层Ctrl + v, 变- 换图形Ctrl + t》可以进行对齐操作

• 在合并图层ctrl + e 里也可以选择想要的图形，ctrl + j复制一部分想要的图层。
  菜单顶部有路径组合工具：可以尝试不同的路径组合，体会一下不同路径组合布尔运算的效果。

  
  
  image.png

26、抓手工具H

image.png

• 改变画布大小和空格键一起使用
• 旋转视图工具R：可以旋转画布的任意角度
• 复位视图：返回到原来的角度
• 旋转所有窗口打对号：所有打开的窗口画布都会旋转同一个角度，旋转角度可以任意改

27、放大镜工具

image.png

• 在首选项中改成用滚轮缩放就可以用鼠标滚轮进行画布的放大缩小
• 缩放所有 的窗口打钩：所有的打开窗口都会进行统一的缩放

28、工具栏自定义编辑

image.png

• 掌握工具自定义：可以添加工具到删除工具，让工具栏更简洁 更实用
• 编辑工具栏的选项，找到自定义编辑：工具栏三个小点》右键》编辑工具栏》工具用不到的可放在附加工- 具里（自定义工具栏可以改变左边工具的显示和隐藏）

• 恢复默认值，会回到安装软件时的工具栏状态

  
  
  image.png

29、图层过滤器

• 图层过滤器：作用对图层的筛选

  
  
  image.png

• 图层》类型：选择某一种类型的图层， 能进行快速删除和改变

  
  
  image.png

• 用于在多个图层里找到指定类型的图层进行改变或编辑

• 图片图层过滤器、调整层过滤器文字图层、文字图层过滤器、智能对象图层过滤器等

30、图层透明方式

• 不透明度：降低整个图层的透明度

• 填充：降低整个路径以内的填充色的降低，或者图片的本身纹理的降低，描边的颜色不会有所改变

  
  
  image.png

31、图层蒙版

• 用法原理：白色显示黑色隐藏 > 常用于合成

  
  
  image.png

32、图层链接图层编组

• 链接图层加在图层上（两个或多个能一起移动）

• 图层连接

  
  
  image.png

• 链接在一起可以一起移动

  
  
  image.png

• 图层编组ctrl + G: 新建组，如果对组建立一个图层蒙版可以作用于组里面的图

  
  
  image.png

33、图层隐藏功能属性

• 掌握图层不同区域点击展开功能
• 文本图层：双击文本可以改变字的大小属性改变，双击图层右边可打开图层 样式
• 形状图层：双击 可以改变颜色，双击图层右边可打开图层 样式
• 智能对象图层 ：双击可以进入子文件夹，双击图层右边可打开图层样式
• 位图图层：双击出现图层样式 ，双击图层右边可打开图层 样式

• 掌握图层右键属性：大中小缩略图的设置

  
  
  image.png

34、正常组混合模式

• （1）、掌握正常的混合模式

• （2）、掌握溶解混合模式

• （3）、掌握混合模式区分

• 默认为正常的地方就是混合模式

  
  
  image.png

• 混合模式（条件需要有两个图层）：它可以在不改变原来图形色相和纹理的基础上进行一个颜色的改变

  
  
  image.png
  
  
  image.png

• 溶解：只针对边缘的效果和对边缘进行颗粒感变化

35、变暗组混合模式

• 变暗组混合模式

• 背景图形颜色进行进一步加深，并且所有的白色区域进行清除，只保留暗色区域

• 示例

  
  
  image.png

• 混合模式--变暗

  
  
  image.png

和背景没有颜色的融合
中间产生一个色相的改变

• 混合模式--正片叠底

  
  
  image.png

常用做投影，让投影和背景颜色相融合
经常用到
加深颜色，本身色相不会改变

• 混合模式--颜色加深

  
  
  image.png

• 使颜色色相的饱和度提升，清除了亮色区域，

• 混合模式--线性加深

  
  
  image.png

保留了纯黑色
经常用到

• 混合模式 - 深色

  
  
  image.png

深色只保留深色区域
和背景没有颜色的融合

36、变亮组混合模式

• 整体颜色变亮，保留了亮色部分，并且清除暗色或者是对暗色进行透明化

• 示例

  
  
  image.png

• 混合模式--变亮

  
  
  image.png

• 保留了白色区域，灰色区域颜色改变

• 混合模式--滤色

  
  
  image.png

• 黑色和灰色渐变的是产生透明的渐变

• 去掉暗色

• 混合模式--颜色减淡

  
  
  image.png

• 混合模式--线性减淡

  
  
  image.png

• 混合模式--浅色

  
  
  image.png

• 保留所有的亮色，清除了所有的暗色

37、叠加组混合模式

• 示例

  
  
  image.png

• 混合模式--叠加

  
  
  image.png

（1）饱和度会发生一定的改变，还会保留明显的明暗对比
（2）暗部会进行变亮，亮部会进行有颜色值
（3）做一些比较酷炫的效果，达到明暗对比强烈的感觉
（4）让颜色更鲜艳

• 混合模式--柔光

  
  
  image.png

（1）比较柔和
（2）做一些拟物的效果

• 混合模式--强光

• 混合模式--亮光

  
  
  image.png

（1）把所有颜色提到一个比较高的饱和度
（2） 把所有亮的部位提的比较亮

• 混合模式--线性光

  
  
  image.png

• 灰色区域和背景相融合

• 黑色和青色产生一个颜色渐变，青色到白色产生一个渐变

• 混合模式--点光

  
  
  image.png

• 混合模式--实色混合

  
  
  image.png

• 相当于把黑白灰区域过渡产生比较明显的色块，分明清晰

38、差值组混合模式

• 示例

  
  
  image.png

• 混合模式--差值

  
  
  image.png

• 混合模式--排除

  
  
  image.png

• 混合模式--减去

  
  
  image.png

• 混合模式--划分

  
  
  image.png

暗色变亮，亮色变透明，中间过度色变成亮的颜色

39、色相组混合模式

• 混合模式--色相

  
  
  image.png

（1）根据 背景颜色的选取整体色相改变
（2） 改的是图片里有颜色部位的颜色进行改变

• 混合模式--饱和度

  
  
  image.png

（1）向上饱和度加强，向下饱和度降低
（2）主要用于提升饱和度

• 混合模式--颜色

  
  
  image.png

（1）跟色相有点类似
（2） 有明暗度的区别

• 混合模式--明度

  
  
  image.png

（1）明度的改变

40、图层混合选项

• 图层高级混合选项使用

  
  
  image.png

image.png

image.png

• 高级混合挖空的使用

  
  
  image.png

• 挖空 可以透过图层显示背景的效果

图层样式

• 右键三剑客：对图层样式有很大的辅助作用
• 一、拷贝图层样式：C - ctrl + shift + alt + c
• 二、粘贴图层样式：V - ctrl + shift + alt + v
• 三、清除图层样式：D - ctrl + shift + alt + d

41、斜面浮雕 图层样式

• 斜面浮雕图层样式

  
  
  image.png

image.png

image.png

• 光照范围

  
  
  image.png

• 光的设置

  
  
  image.png

• 等高线：选择不同的等高线，光的方向会发生变化, 默认选择第一个，45度等高线

  
  
  image.png

• 纹理：相当于斜面浮雕加纹理效果，纹理也会产生立体的效果

  
  
  image.png

42、描边图层样式

• 描边图层样式

  
  
  image.png

• 缩放：调节过渡的颜色效果

  
  
  image.png

43、内阴影图层样式

• 根据物体选择颜色，对本身的颜色明度的降低

  
  
  image.png

• 全局光：只能确定一个光源，不勾选就可以有多个方向的光源。（把全局光去掉，要不然对后期有影响）

  
  
  image.png

• 混合模式 一般选择正片叠底：会比较融合

  
  
  image.png

44、内发光图层样式

• 内发光不可以改变角度 ，内阴影是有角度的

  
  
  image.png

• 杂色把虚化的效果进行 颗粒感的处理

  
  
  image.png

image.png

image.png

• 范围是光的边缘的虚化程度

  
  
  image.png

45、光泽图层样式

• 混合模式调节和颜色改变、光泽的角度，根据自己需求来调节：大小、反光的光泽效果、虚化的范围等

  
  
  image.png

46、颜色叠加的图层样式

• 相当于颜色的填充
• 一般用于位图或智能对象进行颜色的改变

47、渐变叠加图层样式

• 仿色勾选上相对来说说缓和容和一些

  
  
  image.png

• 根据自己需要的效果进行改混合模式

• 做立体的效果比较多

48、外发光图层样式

• 由边往外的发光效果

  
  
  image.png

49、投影图层样式

• 阴影效果可以通过拖拽进行影子的大小移动

• 阴影和内阴影，阴影是在物体外面的阴影，内阴影是物体里面的阴影

• 50、图层样式的复位

• 想拿到ps默认的参数 ：找

  
  
  image.png

• 找到f（x) 点击复位默认列表：就恢复到原始参数

  
  
  image.png
  
  

  可以保留效果建议样式图库

  
  
  image.png

样式可以应用 到另一个图上

• 可以 储存样式 可以 发送给别人用，也可以通过载入的方式 使用已经建好的样式

51、填充组图层调整

image.png

• 调整层按钮：相当于窗口的 调整

  
  
  image.png

52、图像清晰调整

• 调节

  
  
  image.png
  
  
  image.png

• 亮度 / 对比度调整层

  
  
  image.png

• 色阶调整层：ctrl + l

  
  
  image.png

• 曲线调整层: ctrl + m

  
  
  image.png

• 曝光度调整层

  
  
  image.png

• 53、图像颜色调整

• 自然饱和度调整层

  
  
  image.png

• 色相饱和度调整层

  
  
  image.png

• 色彩平衡调整层

  
  
  image.png

• 黑白调整层

  
  
  image.png
  
  

  可以改变某一种颜色

• 照片滤镜调整层

  
  
  image.png
  
  

  改变整个图片里面的风格

• 通道混合器调整层

  
  
  image.png
  
  

  可以设置红绿蓝三通道

• 颜色查找调整层：达到滤镜的效果

  
  
  image.png

54、图像色调调整

• 反相调整层:对颜色进行一个颠倒替换

  
  
  image.png

• 色调分离调整层: 做一些特效，油画或水彩的感觉

  
  
  image.png

• 阈值调整层:把图片所有颜色清除只留下黑白，达到素描的效果

  
  
  image.png

• 渐变映射调整层
  (1)相当于对黑白灰的图上色，选择想要的颜色进行上色

  
  
  image.png
  
  
  image.png
  
  
  image.png

(2)仿色要点击上

image.png

• 可选颜色调整层

  
  
  image.png

可以调节整个画面里面的色偏

• 55、编辑菜单常用属性

• 定义画笔

  
  
  image.png

• 定义图案

  
  
  image.png

image.png

• ctrl + shift + alt + T: 可以复制等距离的图

  
  
  image.png

56、选择菜单常用属性

• 选择菜单常用属性

  
  
  image.png

• 选择菜单的色彩范围

  
  
  image.png

57、视图菜单常用设置

image.png

image.png

视图菜单新建参考线画板：可以调参考线的多少和距离等
可以根据图形产生参考线

58、时间轴窗口使用

• 功能属性

• 窗口》时间轴

  
  
  image.png

• 视频时间轴

  
  
  image.png

• 帧动作制作

  
  
  image.png

• 创建帧动画

  
  
  image.png

59、常用滤镜

59 - 1、滤镜模糊

• 表面模糊
  (1)常用为人物的精修
  (2)半径值：数值越高人物以外的场景变模糊，可以局部的模糊
  (3)阈值：阈值越大模糊 的范围越大
• 动感模糊:可以做出动感、速度的感觉的图

• 高斯模糊:表现的模糊更强烈

  
  
  image.png
• 可以达到投影的模糊效果

• 径向模糊:做纹理效果

  
  
  image.png

59 - 2、滤镜杂色

• 减少杂色

• 添加杂色

• 数量指 的是颗粒感的多少

  
  
  image.png

• 经常做一些纹理

• 杂色要勾选，不勾选会出现多种颜色

  
  
  image.png

• 平均分布：做出来的颗粒感比较有规律性

• 高斯分布：做出来的颗粒感比较随机

59 - 3、滤镜像素化

• 配色的方法利用邻近颜色做配色

  
  
  image.png

• 可以用于 提取 一张图的主要颜色色块（用像素化达到马赛克的效果）

• 彩色半调

  
  
  image.png
  
  
  image.png

image.png

• 晶格化