Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >PS图层混合模式实例详解

PS图层混合模式实例详解

作者头像
全栈程序员站长
发布于 2022-09-06 01:45:03
发布于 2022-09-06 01:45:03
1.8K0
举报

大家好,又见面了,我是你们的朋友全栈君。

PS中的很多概念都和Core Graphics中的概念相通,比如蒙版、路径、裁剪、混合模式等等。如果你对Core Graphics中的混合模式不太理解,阅读本篇文章能让你对Core Graphics中混合模式概念有一个更理性的理解与认识。 本文不包含iOS中混合模式的内容。希望本文对你有所帮助。

本文介绍的PS混合模式示例来自:http://bbs.voc.com.cn/topic-2063171-1-1.html

图层混合模式决定当前图层中的像素与其下面图层中的像素以何种模式进行混合,简称图层模式。图层混合模式是Photoshop CS3中最核心的功能之一,也是在图像处理中最为常用的一种技术手段。使用图层混合模式可以创建各种图层特效,实现充满创意的平面设计作品。Photoshop CS3中有25种图层混合模式,每种模式都有其各自的运算公式。因此,对同样的两幅图像,设置不同的图层混合模式,得到的图像效果也是不同的。根据各混合模式的基本功能,大致分为6类:

在讲述图层混合模式之前,我们首先学习3个术语:基色,混合色和结果色。

基 色:指当前图层之下的图层的颜色。

混合色:指当前图层的颜色。

结果色:指混合后得到的颜色。

1,正常混合模式

正常模式下编辑每个像素,都将直接形成结果色,这是默认模式,也是图像的初始状态。 在此模式下,可以通过调节图层不透明度和图层填充值的参数,不同程度的显示下一层的内容。

2,溶解混合模式

溶解模式是用结果色随机取代具有基色和混合颜色的像素,取代的程度取决于该像素的不透明度。 下一层较暗的像素被当前图层中较亮的像素所取代,达到与底色溶解在一起的效果。但是,根据 任何像素位置的不透明度,结果色由基色或混合色的像素随机替换。因此,溶解模式最好是同PS 中的一些着色工具使用效果比较好,如画笔工具,橡皮擦工具等。

3,变暗混合模式

变暗模式在混合时,将绘制的颜色与基色之间的亮度进行比较,亮于基色的颜色都被替换,暗于基色的颜色 保持不变。在变暗模式中,查看每个通道的颜色信息,并选择基色与混合色中较暗的颜色作为结果色。 变暗模式导致比背景色更淡的颜色从结果色中去掉,如下图,浅色的图像从结果色中被去掉,被比它颜色深 的背景颜色替换掉了。

4,正片叠底模式

正片叠底模式用于查看每个通道中颜色信息,利用它可以形成一种光线穿透图层的幻灯片效果。其实就是将 基色与混合色相乘,然后再除以255,便得到了结果色的颜色值,结果色总是比原来的颜色更暗。当任何颜色 与黑色进行正片叠底模式操作时,得到的颜色仍为黑色,因为黑色的像素值为0;当任何颜色与白色进行正片叠底 模式操作时,颜色保持不变,因为白色的像素值为255。

5,颜色加深混合模式

颜色加深模式用于查看每个通道的颜色信息,使基色变暗,从而显示当前图层的混合色。在与黑色和白色混合 时,图像不会发生变化。

6,线性加深混合模式

线性加深模式同样用于查看每个通道的颜色信息,不同的是,它通过降低其亮度使基色变暗来反映混合色。

如果混合色与基色呈白色,混合后将不会发生变化。如下图,混合色为黑色的区域均显示在结果色中,

而白色的区域消失,这就是线性加深模式的特点。

7,深色混合模式

深色混合模式依据当前图像混合色的饱和度直接覆盖基色中暗调区域的颜色。基色中包含的亮度信息不变, 以混合色中的暗调信息所取代,从而得到结果色。深色混合模式可反映背景较亮图像中暗部信息的表现, 暗调信息亮部信息。

8,变亮混合模式

变亮混合模式与变暗混合模式的结果相反。通过比较基色与混合色,把比混合色暗的像素替换,比混合色亮的 像素不改变,从而使整个图像产生变亮的效果。

9,滤色混合模式

滤色混合模式与正片叠底模式相反,它查看每个通道的颜色信息,将图像的基色与混合色结合起来产生比两种 颜色都浅的第三种颜色,就是将绘制的颜色与底色的互补色相乘,然后除以255得到的混合效果。通过该模式 转换后的效果颜色通常很浅,像是被漂白一样,结果色总是较亮的颜色。由于滤色混合模式的工作原理是保留 图像中的亮色,利用这个特点,通常在对丝薄婚纱进行处理时采用滤色模式。

另外,在对图片中曝光不足现象 进行修正时,利用滤色模式,也能很快的调整图像亮度。

10,颜色减淡混合模式

颜色减淡混合模式用于查看每个通道的颜色信息,通过降低对比度使基色变亮,从而反映混合色,除了指定在 这个模式的层上边缘区域更尖锐,以及在这个模式下着色的笔划之外,颜色减淡混合模式类似于滤色模式创建 的效果!

11,线性减淡混合模式

线性减淡混合模式与线性加深混合模式的效果相反,它通过增加亮度来减淡颜色,产生的亮化效果比滤色模式 和颜色减淡模式都强烈。工作原理是查看每个通道的颜色信息,然后通过增加亮度使基色变亮来反映混合色。 与白色混合时图像中的色彩信息降至最低;与黑色混合不会发生变化。

12,浅色混合模式

浅色混合模式依据当前图像混合色的饱和度直接覆盖基色中高光区域的颜色。基色中包含的暗调区域不变,以 混合色中的高光色调所取代,从而得到结果色。

13,叠加混合模式

叠加混合模式实际上是正片叠底模式和滤色模式的一种混合模式。该模式是将混合色与基色相互叠加, 也就是说底层图像控制着上面的图层,可以使之变亮或变暗。比50%暗的区域将采用正片叠底模式变暗, 比50%亮的区域则采用滤色模式变亮。

14,柔光混合模式

柔光混合模式的效果与发散的聚光灯照在图像上相似。该模式根据混合色的明暗来决定图像的最终效果是变亮 还是变暗。如果混合色比基色更亮一些,那么结果色将更亮;如果混合色比基色更暗一些,那么结果色将更暗, 使图像的亮度反差增大。

15,强光混合模式

强光混合模式是正片叠底模式与滤色模式的组合。它可以产生强光照射的效果,根据当前图层颜色的明暗程度

来决定最终的效果变亮还是变暗。如果混合色比基色的像素更亮一些,那么结果色更亮;如果混合色比基色的

像素更暗一些,那么结果色更暗。这种模式实质上同柔光模式相似,区别在于它的效果要比柔光模式更强烈

一些。在强光模式下,当前图层中比50%灰色亮的像素会使图像变亮;比50%灰色暗的像素会使图像变暗,但当前

图层中纯黑色和纯白色将保持不变。

16,亮光混合模式

亮光混合模式通过增加或减小对比度来加深或减淡颜色的。如果当前图层中的像素比50%灰色亮,则通过减小 对比度的方式使图像变亮;如果当前图层中的像素比50%灰色暗,则通过增加对比度的方式使图像变暗。亮光 模式是颜色减淡模式与颜色加深模式的组合,它可以使混合后的颜色更饱和。

17,线性光混合模式

线性光混合模式是线性减淡模式与线性加深模式的组合。线性光模式通过增加或降低当前图层颜色亮度来加深或 减淡颜色。如果当前图层中的像素比50%灰色亮,可通过增加亮度使图像变亮;如果当前图层中的像素比50%灰色暗, 则通过减小亮度使图像变暗。与强光模式相比,线性光模式可使图像产生更高的对比度,也会使更多的区域变为

黑色或白色。

18,点光混合模式

点光混合模式其实就是根据当前图层颜色来替换颜色。若当前图层颜色比50%的灰亮,则比当前图层颜色暗的 像素被替换,而比当前图层颜色亮的像素不变;若当前图层颜色比50%的灰暗,则比当前图层颜色亮的像素被替换, 而比当前图层颜色暗的像素不变。

19,实色混合混合模式

实色混合模式下当混合色比50%灰色亮时,基色变亮;如果混合色比50%灰色暗,则会使底层图像变暗。该模式 通常会使图像产生色调分离的效果减小填充不透明度时,可减弱对比强度。

20,差值混合模式

差值混合模式将混合色与基色的亮度进行对比,用较亮颜色的像素值减去较暗颜色的像素值,所得差值就是最后 效果的像素值。

21,排除混合模式

排除混合模式与差值模式相似,但排除模式具有高对比和低饱和度的特点,比差值模式的效果要柔和,明亮。 白色作为混合色时,图像反转基色而呈现;黑色作为混合色时,图像不发生变化。

22,色相混合模式

色相混合模式是选择基色的亮度和饱和度值与混合色进行混合而创建的效果,混合后的亮度及饱和度取决于基色, 但色相取决于混合色。

23,饱和度混合模式

饱和度混合模式是在保持基色色相和亮度值的前提下,只用混合色的饱和度值进行着色。基色与混合色的饱和度值 不同时,才使用混合色进行着色处理。若饱和度为0,则与任何混合色叠加均无变化。当基色不变的情况下,混合色 图像饱和度越低,结果色饱和度越低;混合色图像饱和度越高,结果色饱和度越高。

24,颜色混合模式

颜色混合模式引用基色的明度和混合色的色相与饱和度创建结果色。它能够使用混合色的饱和度和色相同时进行着色, 这样可以保护图像的灰色色调,但结果色的颜色由混合色决定。颜色模式可以看作是饱和度模式和色相模式的综合 效果,一般用于为图像添加单色效果。

25,明度混合模式

明度混合模式使用混合色的亮度值进行表现,而采用的是基色中的饱和度和色相。与颜色模式的效果意义恰恰相反。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/154578.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
PS|基础原理之‘图层混合模式’
说到PS,就免不了对图层的讨论。而图层之间的关系——‘图层混合模式’更是图层的重点。今天就为大家介绍‘图层混合模式’的原理。
算法与编程之美
2020/05/16
1.9K0
「Adobe国际认证」关于Adobe Photoshop,创建和修改画笔教程?
“画笔设置”面板允许您修改现有画笔并设计新的自定义画笔。“画笔设置”面板包含一些可用于确定如何向图像应用颜料的画笔笔尖选项。此面板底部的画笔描边预览可以显示当使用当前画笔选项时绘画描边的外观。
IT胶囊
2021/06/28
2.1K0
【ps练习】图层样式和混合模式
C.减淡混合组:与加深混合组相反,可以使图像变亮,将下方图层中的暗色被上方较亮的像素替代
KEVINGUO_CN
2020/03/16
1.6K0
谈谈一些有趣的CSS题目(十七)-- 不可思议的颜色混合模式 mix-blend-mode
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节。 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题中有你感觉到生僻的 CSS 属性,赶紧去补习一下吧。 不断更新,不断更新,不断更新,重要的事情说三遍。 谈谈一些有趣的CSS题目(一)-- 左边竖条的实现方法 谈谈一些有趣的CSS题目(二)-- 从条纹边框的实现谈盒子模型 谈谈一些有趣的CSS题目(三)-- 层叠顺序与堆栈上下文知多少 谈谈一些有趣的CSS题目
Sb_Coco
2018/05/28
9690
20种常用的 Ps技术
一种简单的数码照片后期润饰 1 打开图片,执行色像/饱和度(-40)降低饱和度。 2 新建一图层,将图层模式改为柔光,用画笔工具将需要润饰的部分画几下,这里可以利用色板方便的提取颜色 3 图片色彩过渡不够柔和,再执行一下滤镜下面的高斯模糊(+85)
WindCoder
2018/09/20
2.7K0
photoshop学习笔记
窗口——工作区——复位基本功能:让软件界面恢复到默认的标准状态 所有的控制面板都在窗口菜单中,可以对其进行隐藏和显示 按下TAB键可以隐藏或显示工具箱,属性栏,控制面板 按下SHIFT+TAB键,可以只隐藏控制面板 新建文档: 基于互联网设计(屏幕显示):单位:像素,分辨率:72,颜色模式:RGB 基于印刷设计时:单位:毫米MM,分辨率:300,颜色模式:CMYK (一)矩形选框工具(椭圆选框)M 按SHIFT键可以强制为正方形(正圆) 按ALT键可以保持中心点不变 同时按下SHIFT+ALT键,可保持中心不变强制为正方形(正圆) (二)背景色 前景色填充:ALT+DELETE(删除) 背景色填充:CTRL+DELETE(删除) 按D键,恢复到默认的黑白色 按X键,前背景色的切换 (三)移动工具V 功能:移动对象 复制:按下ALT键用移动工具进行拖拽 (四)图层 新建图层:CTRL+ALT+SHIFT+N 图层编组:CTRL+G (五)保存和打开 保存:CTRL+S 可以把内容存储起来 另存为:CTRL+SHIFT+S,把文件重新保存一份 默认的格式:PSD(源文件格式) 打开的方式:CTRL+O 把文档拖拽至软件中也可以打开 (六):移动选取与移动内容的区别 移动选区:绘制选区后,用矩形选框工具指在选区内,会出现白色箭头,可以移动选区。(属性栏中必须选 中的新选区) 移动内容:绘制选区后,用移动工具指在选区内,会出现黑色箭头,可以移动选区内的内容。 (七)选区的修改 边界:会得到有一定宽度的环形区域,会有羽化效果 平滑:把直角选区变成圆角选区 扩展:均匀的扩大选区 收缩:均匀的缩小选区 (八)自由变换CTRL+T 按下SHIFT键,保持比例不变 按下ALT键,保持中心不变 调整四个角点可以调整整体比例,调整四个边点可以调整宽度和高度 按下SHIFT加工具本身的快捷键,可以切换选中的工具 CTRL+k:首选项 (九)羽化SHIFT+F6 羽化:让边缘变得柔和,半透明 选区的布尔运算:加选区,减选区,与选区相交 载入选区:按下CTRL键,点击图层缩略图可得到相应的选区 (十)常用快捷键 取消选区:CTRL+D 第一步撤销CTRL+Z,第二步以上的撤销CTRL+ALT+Z)默认撤销步数为20步。 放大:CTRL+”+” 缩小:CTRL+”-” 抓手工具:空格 CTRL+J:通过拷贝的图层(复制图层) 橡皮擦工具:E
HUC思梦
2020/09/03
3.5K0
mix-blend-mode 利用混合模式让文字智能适配背景颜色
我们可以发现,代码非常简单,关键是这个属性:mix-blend-mode: difference
白雾茫茫丶
2024/05/22
2120
mix-blend-mode 利用混合模式让文字智能适配背景颜色
ArcGIS Pro的混合模式,原来这么好玩
关于图层的混合,说的直白点就是图层摞一块按什么方式叠加混合得到最终效果。每个混合模式遵循一个公式,这个公式就是图层摞一块的方式,不知道你们能不能理解
陈南GISer
2022/09/27
1.2K0
ArcGIS Pro的混合模式,原来这么好玩
Adobe PS快捷键
PS快捷键是Photoshop为了提高绘图速度定义的快捷方式,它用一个或几个简单的字母来代替常用的命令。 多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取;查看键盘所有快捷键:【Ctrl】+【Alt】+【Shift】+【K】。 工具使用快捷键 矩形、椭圆选框工具:【M】 套索、多边形套索、磁性套索:【L】 橡皮擦工具:【E】 裁剪工具:【C】 仿制图章、图案图章:【S】 画笔修复工具、修补工具:【J】 添加锚点工具:【+】 移动工具:【V】 历史记录画笔工具:【Y】 模糊
Vicsh
2018/05/16
8040
Photoshop常用快捷组合技巧工具箱快捷键
M 矩形、椭圆选框工具 C 裁剪工具 V 移动工具 L 套索、多边形套索、磁性套索 W 魔棒工具 J 喷枪工具 B 画笔工具 S 像皮图章、图案图章 Y 历史记录画笔工具 E 像皮擦工具 N 铅笔、直线工具 R 模糊、锐化、涂抹工具 O 减淡、加深、海棉工具 P 钢笔、自由钢笔、磁性钢笔 A 直接选取工具 T 文字、文字蒙板、直排文字、直排文字蒙板 U 度量工具 G 直线渐变、径向渐变、对称渐变、角度渐变、菱形渐变 K 油漆桶工具 I 吸管、颜色取样器 H 抓手工具 Z 缩放工具 D 默认前景色和背景色 X 切换前景色和背景色 Q 切换标准模式和快速蒙板模式 F 标准屏幕模式、带有菜单栏的全屏模式、全屏模式 Ctrl 临时使用移动工具 Alt 临时使用吸色工具 空格临时使用抓手工具 Enter打开工具选项面板 0至9快速输入工具选项(当前工具选项面板中至少有一个可调节数字) [或]循环选择画笔 Shift+[选择第一个画笔 Shift+]选择最后一个画笔
空木白博客
2018/12/18
8740
mix-blend-mode 混合模式 background-blend-mode 背景混合模式 isolation:isolate 隔离
css3 mix-blend-mode 混合模式 该属性不仅可以作用于HTML,还可以作用于SVG   兼容性: IE 8~11 Edge 12~14 Firefox 41~47 chrome 45~51 Safari 7~9.1   支持的值很多:   mix-blend-mode:normal;    //正常   mix-blend-mode:multiply;   //正片叠加   mix-blend-mode:screen;  
用户1197315
2018/01/19
1.2K0
iOS image处理BlendModes
switch (blendMode) { case kCGBlendModeNormal: { strMsg = @"kCGBlendModeNormal: 正常;也是默认的模式。前景图会覆盖背景图"; break; } case kCGBlendModeMultiply: { strMsg = @"kCGBlendModeMultiply: 正片叠底;混合了前景
星宇大前端
2022/05/06
3460
2020PS平面设计快捷键最新最全使用攻略
注意:【选择工具】的”自动选择“是没有勾选的,如果已经勾选,那么不需要加入Ctrl,直接按Shift来进行多选。
有趣的p图姐
2020/04/15
2.5K0
FireAlpaca for Mac(专业mac绘图软件)v2.8.11
FireAlpaca拥有直观简洁的操作界面,使用起来很容易于上手,具有PS的图层绘画方式,拥有魔法棒、笔刷、喷枪、吸管、水桶等绘画常用工具,可以自定义图片的大小,喜欢手绘画画的朋友可以用它的多图层功能快速制作手绘图片和手绘漫画,一定简单高效。
小草莓
2022/11/08
7350
FireAlpaca for Mac(专业mac绘图软件)v2.8.11
SwiftUI:特殊效果 - 模糊,混合模式等
SwiftUI使我们能够出色地控制视图的呈现方式,包括应用实时模糊,混合模式,饱和度调整等功能。
韦弦zhy
2020/05/08
2.8K0
调色功能简单易学
很多学生问我怎么调整图片的色彩才是最好的,有什么好的方法和功能吗? 我把自己常用也是大家在第一阶段学习中就熟悉的功能再拿出来唠叨几句: 我经常用到“图像”菜单下的“调整”里面最常用的到的“亮度/对比度
用户1730674
2018/05/02
1.1K0
调色功能简单易学
UI界面配色方法终极指南!一篇长文搞定所有问题
静电说:要培养对颜色的敏感度,你必须要了解色彩的原理。在这个基础上去感悟,久而久之,色彩会在你手中变的游刃有余。下面这篇终极色彩指南非常值得一看~让我们不妨再系统梳理一下你的配色技巧吧!
用户5009027
2022/05/23
3.1K0
UI界面配色方法终极指南!一篇长文搞定所有问题
ps快捷键
基础操作: ctrl+0=显示全图; ctrl+=放大; ctrl-=缩小; ctrl+j:复制当前图层到一个新层 ; ctrl+1 =实际像素显示。
mcxfate
2020/08/01
4.4K0
(非原创、有些文是搬运)九张可爱二次元动漫恶魔少女集
这九张可爱二次元动漫恶魔少女图片今天是以FireAlpaca制作的,它是一款免费开源的绘画软件,别的不说,要说名字和外号最多的绘画软件,这款绘画软件当仁不让!但是随之又是被称为羊驼绘图软件、草泥马绘图软件等多个绰号,为什么会有这些称号?看一下它的图标可能就明白了!
杰蚊蚊动漫官方设计师
2022/09/04
2.5K0
(非原创、有些文是搬运)九张可爱二次元动漫恶魔少女集
用PS修复老照片_photoshop修复老照片
原图素材虽然很旧,不过人物部分并没有怎么损坏,只是有一些色块和杂色。修复的工程相对来说也少很多。只需要给人物磨好皮,然后把暗调和高光部分调出来即可。原图
全栈程序员站长
2022/09/21
2.4K0
用PS修复老照片_photoshop修复老照片
相关推荐
PS|基础原理之‘图层混合模式’
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档