更新美编文档 4.3 节

Modified
1. 标题更名为:图片处理
2. 删除 亮度和蒙版
New
1. 新增对比度、饱和度介绍
2. 新增曲线的使用
This commit is contained in:
狮子耗耗 2024-06-24 22:04:11 +08:00
parent 02ac384ae9
commit 09155cba1e
23 changed files with 129 additions and 8 deletions

View File

@ -1,20 +1,18 @@
---
title: 4.3 修缮图片
title: 4.3 图片处理
---
## 去除图片背景
去除图片背景俗称抠图,是通过对图片的处理将背景色去除的过程,也可以从图中去除不需要的元素。
> 以下内容使用 Adobe Photoshop 2023 v24.1 进行演示
### 一键去除背景
### 使用 Photoshop 一键抠图
> 该功能需要 Adobe Photoshop 软件版本 >= CC 2018
1. 使用 Adobe Photoshop 打开需要处理的图片
2. 在图层面板中解除需要操作的图层锁定
3. 选中需要操作的图层,按快捷键 `Ctrl + J` 复制一层(不复制也可以操作但最好备份一层)![](../assets/image/Pastedimage20230731155109.jpg)
3. 选中需要操作的图层,按快捷键 `Ctrl + J` 复制一层(不复制也可以操作但最好备份一层)![](../assets/image/Pastedimage20230731155109.jpg)
4. 点击**属性**面板中**删除背景**按钮![](../assets/image/Pastedimage20230731155356.jpg)
5. 等待软件计算完成即可![](../assets/image/Pastedimage20230731155300.jpg)
6. 此后可以通过画笔工具微调该图层的蒙版进行精细化调整
@ -23,7 +21,7 @@ title: 4.3 修缮图片
很多情况下自动抠图并不能满足我们的需求,这种时候就需要进行手动抠图。
1. 使用 Adobe Photoshop 打开需要处理的图片
2. 在图层面板中解除需要操作的图层锁定
3. 选中需要操作的图层,按快捷键 `Ctrl + J` 复制一层(不复制也可以操作但最好备份一层)
3. 选中需要操作的图层,按快捷键 `Ctrl + J` 复制一层(不复制也可以操作但最好备份一层)
4. 选择左侧面板中的**钢笔**工具或使用快捷键 `P` (需要在输入法为英文的状态下该快捷键才能生效)
5. 使用钢笔工具在需要抠出的对象周围画出轮廓并将它封闭![](../assets/image/Pastedimage20230807182942.jpg)
6. 点击左上角工具栏的**选区**按钮建立![](../assets/image/Pastedimage20230807183021.jpg)
@ -31,12 +29,135 @@ title: 4.3 修缮图片
8. 选中需要抠图的图层,点击**图层面板**中的**添加图层蒙版**按钮即可。![](../assets/image/Pastedimage20230807183307.jpg)
9. 此后可以调整图层蒙版对抠图进行微调
## 亮度
::: tip 修图的各种参数介绍
下方的视频中详细介绍了曝光/亮度、对比度、饱和度/自然饱和度、锐度/清晰度的原理,非常建议观看。
<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=1652270504&bvid=BV16j421d7HB&cid=1482680386&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100% height=300px></iframe>
:::
## 对比度
对比度描述的是图片中**亮部和暗部分之间的差异程度**。
在一个高对比度的图片中,你能够清晰地看到每一处细节,无论是最亮的亮点还是最暗的暗影,它们之间的界限非常明显,就像黑白分明一样。这样的图片看起来色彩鲜明,给人以强烈的视觉冲击。
![高对比度](../assets/image/4.3-1719232961910.jpeg)
而低对比度的图片则显得颜色和层次都相对模糊,细节不够突出,整体上看起来比较柔和,但可能缺少清晰度和立体感。
![低对比度](../assets/image/4.3-1719232954287.jpeg)
## 饱和度
饱和度是指**色彩的纯度**,一种颜色的饱和度越高,它就越鲜艳;反之,一种颜色的饱和度越低,它就越接近于灰色。
![左:高饱和度 | 右:低饱和度](../assets/image/4.3-1719233799669.jpeg)
左侧的图片饱和度较高,整体的色彩比较鲜艳;右侧的图片饱和度较低,因此整体的颜色更加偏向于灰色。
### 自然饱和度
自然饱和度又名*鲜艳度*/*智能饱和度*,它同样可以调整画面的鲜艳程度,但不同于饱和度,它更加智能,会主要增强那些本来就不太鲜艳的颜色,而对已经很鲜艳的颜色保持不变。这样可以让图片看起来既鲜艳又自然,一定程度上避免过度饱和导致的失真。
![左:自然饱和度 0 |右:自然饱和度 25](../assets/image/4.3-1719234212855.jpeg)
饱和度适合那些想要强烈视觉效果或者需要大幅调整色彩的情况;而自然饱和度则适用于需要细微调整,保持某些关键区域(如肤色)自然的情况。
部分情况下,我们也可以降低饱和度,并提高自然饱和度以获得更加自然的画面。
## 曲线
## 蒙版
::: tip 在 Adobe Photoshop 中打开曲线工具
选中需要添加曲线工具的图层,在**调整**面板中单击**曲线**即可为所选的图层添加曲线调整图层。
![创建新的曲线调整图层](../assets/image/4.3-1719214205630.jpeg)
:::
::: tip 手机修图软件中的曲线工具
![](../assets/image/4.3-1719231884993.jpeg)
:::
### 曲线的原理
曲线工具是一个非常重要的色彩和影调调整工具,常常被称作**调色之王**。
![图片来自@bilibili 在逃柯学家](../assets/image/4.3-1719213963944.jpeg)
RGB 曲线调整的本质是**对原图亮度的变换**。
曲线的横轴是**原图的亮度**,从左到右依次是:
- 0纯黑最黑
- 1-254中间灰色值
- 255纯白最亮
曲线的纵轴是原图**调整后**的亮度,从下到上是 0-255 的亮度值。
横纵轴围起来的范围内显示了一个**色阶直方图**,它展示了原图的每一个亮度值上,分别存在着多少个像素。
色阶直方图上的白线就是**曲线**,它反映了原图亮度值和目标图(即调整后的图片)亮度值的映射关系。
当我们在曲线上任意取一个点,它的**输入值**就是横轴对应的数值,即原图中的亮度;它的**输出值**就是纵轴中的数值,也就是调整后它的亮度值。
![选中左侧的锚点,输入为 73 输出为 72略微压暗](../assets/image/4.3-1719216016164.jpeg)
接下来以一个常见的 **S 形曲线** 为例说明曲线的作用。
![Step1 原图](../assets/image/4.3-1719227922533.jpeg)
在原图中,我们可以看到图像的对比度不够高,导致图像有些发灰,因此我们使用 **S 形曲线** 来提高图像的对比度。
![Step2 压暗暗部](../assets/image/4.3-1719227932153.jpeg)
在曲线的**左侧**新建锚点,将锚点**向下**移动少许。
![Step3 提亮亮部](../assets/image/4.3-1719227940021.jpeg)
在曲线的**右侧**新建锚点,将锚点**向上**移动少许。
![原图/调整后对比](../assets/image/4.3-1719227945760.jpeg)
调整后我们可以发现,图像的对比度得到了提高,**亮部更亮、暗部更暗**,图像发灰的情况得到了明显改善。
::: tip 曲线和其他工具
尽管曲线的功能非常强大,但是调整曲线通常不是一个简单的过程。更多的时候,诸如 LRC 中**高光、阴影、白色色阶、黑色色阶**的调整,会比曲线更容易上手,在做一些简单调色的时候会更加好用。
:::
### 11 种经典曲线
> 11 种曲线图片均来自 @bilibili [在逃柯学家](https://space.bilibili.com/251960524)
![提亮/压暗](../assets/image/4.3-1719220745019.jpeg)
![“S”型 / 反“S”型](../assets/image/4.3-1719220820593.jpeg)
> “S”型曲线加大图像对比度亮部更亮暗部更暗反“S”型曲线降低图像对比度。
![暗部压缩 / 扩张](../assets/image/4.3-1719220882705.jpeg)
![亮部压缩 / 扩张](../assets/image/4.3-1719220905771.jpeg)
![水平/竖直](../assets/image/4.3-1719220935362.jpeg)
> 水平意味着不同级别的灰度,竖直类似色调分离效果,用有限几个颜色显示整个图像。不难得出曲线越平,图像反差越小,越发灰;曲线越接近竖直,图像反差越大,对比越强烈。
![负片效果](../assets/image/4.3-1719220984474.jpeg)
### 单通道曲线
在曲线面板的选项卡中可以单独选择**红**、**绿**或**蓝**通道来调整对应色彩的亮度曲线。
![蓝色通道曲线](../assets/image/4.3-1719224107941.jpeg)
通过调节不同色彩的曲线,我们可以对原片实现风格化处理。
![单通道曲线示例](../assets/image/4.3-1719225048589.jpeg)
- 红色:提亮亮部以使得晚霞更加红润;略微压暗暗部以平衡色差
- 绿色:压暗中灰部,使得画面偏紫色色调
- 蓝色:提亮暗部以使得画面暗部偏蓝紫色;略微压暗亮部以平衡色差
### 使用曲线调色的步骤
使用曲线调色时,我们通常可以按照以下步骤进行
1. 在脑海中比对需要得到的画面与现存画面存在哪些区别,**一定要知道自己调色的目标是什么**
2. 使用 **RGB 曲线** (配合蒙版使用可以改变部分区域的明暗关系)调整画面的对比度和明暗关系
3. 在**单通道曲线**中按照预想实现色调的风格化
4. 在**单通道曲线**中进行微调,矫正因为风格化而产生的偏色
> 第三步和第四步有时也会调换:先在曲线中打下锚点固定部分的亮度,再添加锚点进行风格化

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 74 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 108 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 125 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 878 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 311 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 323 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 605 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 171 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 904 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 334 KiB