【PS】常用操作及快捷键

假如说有如果

【导图】



【前言】

之前用Snipaste截图习惯了，导致PS基本都没怎么用过，做UI搞图层或者处理图片的时候非常棘手。索性也整理一篇。（当时PS不会裁剪指定区域直接拿UE4 Clipping整一个UI，太麻烦了。。。。）

不掌握些整体系统的图片处理技巧，真是费劲得要死，查这个查那个，索性直接写篇完整的。
另外，在快捷键这块，我怎么这么感兴趣呢，鬼知道（哈哈），也算是一种提升工作效率的方式吧。自己从头学习总结整理一遍也是一种不错的学习方法呢。
【使用场景】

当你做

• 视频封面
  
• 人物插画/原话
  
• 概念设计图
  
• UI
  
• 特效贴图
  
• UV贴图
  
• 等等
  

需要用到PS的情形是非常多的。
<hr/>打开PS后的页面是这样的：



【Tab】键可以快速隐藏两侧的工具栏和图层颜色栏。（跟Blender的N和T一样）
更改图像大小：

• Ctrl+Alt+I（Image）
  
• 图像->图像大小
  

一、色彩体系：

这个当时用Blender做方块动画的时候拓展了一下。
【拓展】RGB、HSV、HSL、HEX

• RGB——是通过对红（Red）、绿（Green）、蓝（B）三个颜色通道的变化以及它们相互之间的叠加来得到各种各样的颜色的，这个标准几乎包括了人类视力所能感知的所有颜色，是运用最广的颜色系统之一，基于笛卡尔坐标系。
  
• HSV——色调（Hue），饱和度（Saturation），明度（Value），是根据颜色的直观特性而创建的，也称六角锥体模型。
  
• HEX(Hexadecimal)十六进制颜色——如#000000表示黑色，#FFFFFF表示白色，(0123456789ABCDEF),我们的网页端（Cascading Stylesheet，CSS)运用得比较多
  
• HSL——色相（Hue）【颜色名称】，饱和度（Saturation）【色彩纯度，越高越纯，低则变灰】，亮度（Lightness）【跟明度一个意思】，将RGB色彩模型中的点在圆柱坐标系中的表示法。
  

RGB笛卡尔坐标体系



HSV六角锥体系




二、窗口/面板：

【2.1】面板设置

• 【排列】整个页面的布局是怎么样的
  
• 【工作区域】跟Blender一样，建模/手绘/材质/编辑等等，也可以自己设置自己的工作区域进行风格存储
  
• 【其他】下面勾选的为显示各个已经打开的工作区域。
  
• 【快捷键设置】，自己有哪些快捷键忘记了的话，可以到这里查询
  

【2.2】动作/历史记录

动作—— 一般用于重复操作，如进行表情包设置图像的尺寸大小时经常会用到。
历史记录：你的所有操作都会在这里显示出来，Ctrl+Z撤销动作或者是点击小垃圾筒。
快捷键 Alt+F9 可能跟Nvidia录屏有冲突


【2.3】颜色 面板

【PS】Color Picker举例：

• 【Hue】  H 色度值——（圆环控制）
  
• 【Saturation】 S 饱和度——（三角形上边控制）
  
• 【Value】—— B （三角形下边控制）
  
• 【黑白色灰度值】——（三角形竖直边控制）
  

UI 左上角的绿色为前景色/下面白色为后景色

• 填充颜色——在图层没有被Hidden隐藏的情况下
  
  
  
  • 【Alt+Delete】 即可填充前景色
    
  
  
• 切换前景色/后景色——【X】
  
• 切换默认前景色/后景色（白色/黑色）——【D】
  

色板快速选取颜色，用于前景色。
【UE4】Color Picker举例

• 【Hue】色度值——红橙黄绿青蓝紫这些（圆弧控制）
  
• 【Saturation】饱和度——白色跟色度值的偏差半径（如下UE4中的色板，白色（1，1，1）为正中央），移动此值，点从圆的中心沿着半径，运动到圆弧上
  
• 【Value】值——黑色跟色度值的偏差，控制RGB值，值为0是黑色，值为1是当前圆点在色板上的颜色取值
  

这块拿UE4的色板举例一下：

【UE4】色板举例
https://www.zhihu.com/video/1238057065093750784



三、工具栏

自己可以逐个的试一试，知道有这些工具：

• 长按UI时，出现子UI选项。
  
• Shift+相应快捷键，可快速切换子UI选项(比如套索工具切换就是Shift+L 进行切换三种套索模式）
  
• 鼠标悬浮的时候，有相关Gif动画演示
  
• 注意要切换到英文输入法哦
  

【3.1】移动工具——V(Navigation)

作用——移动图像的整体位置

• Alt，可复制图像至新的图层当中(或者是图层中再Alt，都是复制粘贴的意思）
  
• Shift 加选区域，Alt 减选区域
  
• 如果是矩形选框，看起来跟渲染图片那样，然后Ctrl键移动选框中的内容。
  

【3.2】选框工具——M(Marquee)

作用——选取图像的一片小区域


对于椭圆选框，Shift+，可以画圆
Ctrl+H取消选取
常用操作：

• M选框选好之后
  
• 【Ctrl+J】将所选区域建立成新图层
  

【3.3】套索工具——L(Lasso)

作用——手动选取图像的区域

• 套索——鼠标画框
  
• 多边形——鼠标直线画框
  
• 磁性套索——鼠标磁性画框（一般可以自动选中图像的外边缘）
  

【3.4】魔棒工具——W（Wizard）

作用——根据图像颜色区域差快速选取图像同色区域


【3.5】裁剪工具——C（Crop）

作用——直接裁剪，裁剪图像指定区域，裁剪后不可拖动，直接固定死。


裁剪之后Enter确认，即可将图片裁剪为当前大小。
【3.6】图框工具——K（Clipping）



作用——间接裁剪，设置小 Clipping Canvas，将图片裁剪到指定区域，可以拖动图片位置。
【3.7】吸管工具——I（象形滴管为I）

作用——吸取图像颜色作为前景色


取色用Alt+鼠标左键就可以了。
注意：

• 标尺工具（Measure），快速量取图像两点位置
  
• 计数工具，快速设置数字顺序
  

【3.8】污点修复工具——J

作用——快速移除标记和污点


【3.9】画笔工具——B（Brush）

作用——可快速画线


【3.10】图章仿制工具——S（Seal）

作用——可提取图片周围像素，进行机器学习（意思有点勉强，但差不多是这样），进行图仿制
Alt提取像素，鼠标绘制


【3.11】历史记录画笔工具——Y

作用——将图片恢复到之前的状态（导入时）（很方便，没必要Ctrl+Z、Ctrl+Z好多遍，直接Y，刷一下，就恢复原状了）


【3.12】橡皮檫工具——E（Eraser）

作用——剔除图片像素

• 橡皮檫——直接剔除掉图片像素
  
• 背景橡皮檫——可将背景图片变成透明状（指灰点）
  
• 魔术橡皮檫——跟魔棒工具相对，这个类似直接魔棒选取然后剔除魔棒所选区域（省Delete操作）
  

【3.13】油漆桶工具——G

作用——用前景色填充图片像素


【3.14】模糊工具（Blur）

作用——给图片模糊掉


【3.15】减淡工具——O（Opacity）

作用——对图片的色度值进行稍微修改（变亮变浅等）


【3.16】钢笔工具——P（Pen）

贝塞尔Bezier Curve
作用——画出指定区域抠图

• 悬浮 添加/删除锚点工具
  
• Ctrl 移动锚点
  
• Alt 转换点工具
  
• Ctrl选点、Shift加选点
  
• Enter 删除所画的锚点
  
• A切换到路径选择工具，来进行编辑锚点。
  

【3.17】文字工具——T（Text）

作用——给图片添加文字


Alt+Delete将文字颜色设置为前景色。
【3.18】路径选择工具——A

作用——选取图片等路径


【3.19】矩形工具——U

作用——可以快速绘制多边形


（PS：当做那种倒角的UI，我不晓得这个之前，竟然用Blender建模立方体，创建Bevel再顶视图截图导出进行PS操作，真是不知道麻烦。。。）
【3.20】抓手工具——H

作用——在图像的不同部分进行挪动平移（注意跟V移动工具的区分）


可以鼠标点击也可以鼠标滑动。

• Alt——缩小
  
• Ctrl——放大
  
• Shift——跟普通的抓手一样
  

【3.21】放大工具——Z

没有抓手工具

• 正常——放大
  
• Ctrl——移动工具(移动白色画布)
  
• Shift——Snap，
  
• Alt——缩小
  

【切换屏幕模式】——F

• 当前
  
• 标准
  
• 全屏
  

【3.22】

Canvas画布控制：

• Shift+鼠标滚轮——上下滑动
  
• Ctrl+鼠标滚轮——水平滑动
  
• Alt+鼠标滚轮——缩放Zoom in/Out
  

四、图层操作：

【4.1】图层混合模式

底面图层和顶面图层的不同混合效果：
这个就没必要整快捷键了，太多了没必要。


【PS】图层混合模式（文字背景）
https://www.zhihu.com/video/1238086839950278656
【4.2】快速导出图层

• 导出单个图层，图层右键——快速导出PNG
  
• Shift加选/Ctrl单选右键  快速导出多个图层为PNG图像
  
• 或者文件->导出->将图层导出到文件
  

【4.3】图层操作方法

【注意】只有选中图片所在的图层，才可能进行移动等等操作，否则在别的图层那里操作，是不管用的。有时候需要V切换到移动方式，然后右键选择图层。

• 【合并图层】Ctrl  Shift 选择多个图层Ctrl+E  合并所选图层
  
• 【新建图层】Ctrl+Shift+N
  
• 【从选取新建图层】Ctrl+J Join 配合M（Marquee）选框建立新图层
  
• 【复制当前图层】Alt鼠标拖拽复制新图层/Ctrl+C/V
  
• 【选中全部图层】Ctrl+Alt+A
  
• 【隔离图层】只显示当前图层，其他图层全部消隐掉
  
• 【图层反色】Ctrl+I 加上滤镜图层反色效果
  

【4.4】蒙版

【1】剪切蒙版(图层中间Alt+鼠标单击）

• 上方图片图层
  
• 下方文字图层
  
• 二图层之间 按Alt+鼠标单击
  
• 即可快速创建剪切蒙版
  

【2】矢量蒙版（用钢笔路径来做选框)
像SVG一样，不会因放大或缩小图片而影响清晰度的蒙版。

• 法一——Alt+L，矢量蒙版，显示全部。
  
• 法二——Ctrl+点击图层蓝下方的蒙版图标(Alt 点击是图层蒙版、Ctrl是矢量)
  
• 法三——双击图层蒙版按钮，第一个为图层蒙版，第二个为矢量蒙版。
  

需要配合钢笔工具(P)的路径一起使用，然后Ctrl+单击创建矢量蒙版。

• 两个一样的图层，会显示出路径(需要点击矢量蒙版)
  
• 单个图层的话，就跟Marquee一样在图层内创建选区，而不用Ctrl+J新建一个图层选区了。
  

【3】快速蒙版(就是用Brush画笔来作为选框)
Ctrl+D取消选区、Ctrl+Shift+I反选选区。
按下Q会自动切换到黑色笔刷，黑色没有白色有，就跟黑透白不透一样。

• B+Q——笔刷+快速蒙版(红色)，选区选中的区域就是画笔涂的区域。
  
• 然后再Q切换回来就出现选区了。
  

五、常用操作：

【1】将指定区域转化为半透明：（用魔棒）

• 魔棒选取（Ctrl+Shift+I——反选选取）
  
• 如果你选取一下，只有一小片区域，那么可以调整上面的容差（容差越大，魔棒选择的相近颜色范围就会越大）
  
• Delete——删掉当前所选区域的颜色
  

【2】将指定区域内的内容删除掉：（用快速选择工具）

W（鼠标长按）选取第一个，Delete
【3】PS如何将图片内特定颜色变成透明颜色：

• 解锁图片
  
• 选择->菜单栏 色彩范围
  
• 吸管取色(调节颜色容差和范围能够调节选取的范围，如取样是白色，颜色容差越小，图片中白色的部分就几乎是能够全部选上)
  
• 出现选取
  
• 删除Delete
  

【4】PS如何把图片塞到 n*n的网格当中

• 新建自定义  1080*1080
  
• View 视图 新建参考线版面Layout，勾选列和行数，如都为4，然后装订线为0（自定义的话，新建参考线即可）
  
• 然后Ctrl+J 新建图层
  
• 然后M 用矩形框工具，框小框框，并用G 油漆桶 或直接Alt+Delete 填充颜色（做 16次）（ 3、4可反着来）
  

5.然后选中最上面的图层1，之后把图片拖拽至PS当中（图片在最上层）
6.然后选中图片图层，创建剪切蒙版，即Clippingmask。（Ctrl+T可自由控制图片的大小和位置）


然后选中图层2，导入图片，创建键切蒙版，重复以上步骤即可。

如果想要移动图片位置的话，图层和图片同时选中Ctrl+T。（或可直接Ctrl+E合并图层然后移动）
挪动后顺序可能会乱，直接在图片上右键即可切换到指定图层，然后挪动即可。
如果想要添加Stroke外框描边的话：

• 创建一个新图层（放至最顶上）
  
• M 框选4*4网格
  
• 然后右键描边
  
• 指定宽度为0~10 px
  
• 颜色为白色
  
• 位置设置为选框内部
  

• 然后长按选框工具，变为单列和单行选框工具 添加
  
• 划至参考线
  
• 然后右键Stroke ，Center。
  

视图->显示->参考线，可关闭参考线显示。
Ctrl+D 可取消选区。


【5】如何识别并更改图片中的文字

• 菜单栏->文字
  
• 找到匹配字体
  
• 然后移动缩放选框即可
  
• 可从Typekit同步字体。
  
• I 可以吸取字体的颜色
  
• T可以更改文字（如果选中其他图层按T的话，则是又新建了一个文字图层），Esc键退出编辑。
  
• 图片上右键可快速选中图层挪动，而不用Ctrl+T 了（Ctrl+T可以缩放，如果简单移动的话，直接右键选图层)
  

• Ctrl+T字符面板
  
• Ctrl+M 段落面板
  
• Alt+左键/右键可以调整字符间距，每次20
  
• Ctrl+Alt+左键/右键可以调整字符间距，每次100
  
• Alt+上键/下键可以调整字符行距
  

【6】如何调整图片中的颜色

Ctrl+A全选图层内容或用魔棒工具选择，然后 图像->调整->色相/饱和度，

----------------------------------------------------

其他内容待添加，等什么时候用到了什么工具再补全。