0

0

讲解ps调色原理

步履不停

步履不停

发布时间:2019-06-14 13:18:34

|

8125人浏览过

|

来源于php中文网

原创

讲解ps调色原理

这是杜匠第一期的图文教程,本来打算直接上手调色篇,但是思前想后还是得从理论知识先入手!因为杜匠在前期PS学习的过程之中有遇见过这样的情况,(相信大多数人都有这种情况),就是在PS案例学习过程中,无论是图文教程还是视频教程,学完了一期高手分享的案例后,在原视频的案例图练习之中效果还是不错的,感觉ps调色也不过如此,so easy。但是一换到另外一张自己的图片就被打回原型了,色彩完全不是自己想要的。即使步

骤是按照高手的讲解来操作,结果还是不尽人意。杜匠也深知其中的痛苦,要想能自由的solo各类图片,首先要掌握的是调色基础的原理。废话有点多了,下面开始进入正题。

1.了解色彩三要素

首先我们来了解一下影响色彩,也就是色彩的三要素,即色相,饱和度,明度

HSB:HSB模式对应的媒介是人眼,在HSB模式中,H(hues)表示色相,S(saturation)表示饱和度,B(brightness)表示明度。从下面的图片中也可以看出来。

040K05K0-0.png

色相:在0-360°的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色。黑色和白色无色相。色环间隔120度为补色,比如红跟绿,黄跟紫,蓝跟橙。色环间隔180为对比色,比如红跟青,黄跟蓝,绿跟洋红,间隔较小为临近色。

040K042c-1.png

饱和度:表示色彩的纯度,为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时,每一色相具有最纯的色光。

亮度:是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态。

 

图片从下到上表示明度的增加,从左到右表示饱和度的增加

040K0A11-2.png

对于调色!了解也熟知色彩三要素是最基本的基础,一定要理解透,如果这都攻克不了,那我敢说,你调出来的片子连手机app都不如(暴击)

2.了解色彩的模式与叠加

(1)RGB:RGB模式就是常说的光三原色,R代表Red(红色),G代表Green(绿色),B代表Blue(蓝色)。(颜料的三原色是红黄蓝)之所以称为三原色, (混合模是因为在自然界中肉眼所能看到的任何色彩都可以由这三种色彩混合叠加式为滤色)而成,因此也称为加色模式。

我们可以看到最中间的为白色,就是在加色模式下(图层混合模式为滤色了)

040K05092-3.png

网趣购物系统精装版
网趣购物系统精装版

精装版对原程序进行了大量的更新和调整,在安全性和实用性上均有重大突破,特色功能:完美整合支付宝功能,根据用户需求,并具有打开和关闭支付宝的功能!匿名用户购买功能,商城支持匿名直接购买商品功能,方便用户购物!增加了后台LOGO图片上传管理功能,管理简单、易用对广告管理进行扩充,所有广告图片、FLASH均可实现在线上传管理!多种在线支付方式,程序同时支持网银、西部支付,可自由选择切换!支持简繁互换显示

下载

从上的加色模式下我们可以面看出,当纯度为红绿蓝三种颜色相加在一起时颜色为纯白,

但是当只有两种颜色相加时却混合成了一种颜色。比如我们看蓝色和绿色加在一起就变成了青色,蓝色跟红色加在一起就变成了洋红,红色跟绿色加在一起就变成了黄色,这就是在调色之中我们要怎么控制自己想要获得的颜色,比如你想要让一个蓝色的天空变成青色,那我们就可以在蓝色中加入一点绿色。

040K035b-4.png

再比如你想让绿色的草地变成秋天金黄色的感觉,那就可以在绿色中加入红色

040K05G0-5.png

那就有人要问,我想让一个黄色的草地变成绿色要加入什么颜色呢!这就是我们接下来的CMYK色彩模式原理了

(2)CMYK代表印刷上用的四种颜色,C代表青色(Cyan),M代表洋红色(Magenta),Y代表黄色(Yellow),K代表黑色(Black)。因为在实际引用中,青色、洋红色和黄色很难叠加形成真正的黑色,最多不过是褐色而已。因此才引入了K——黑色。黑色的作用是强化暗调,加深暗部色彩。而K取的是black最后一个字母,之所以不取首字母,是为了避免与蓝色(Blue)混淆。我们可以看到最中间的为黑色色,就是在减色色模式下(图层混合模式为正片叠底)

040K01K0-6.png

从上面这张图中我们就可以来解决一个黄色的草地变成绿色要加入什么颜色呢?

从图中我们就可以看到黄色加青色就变成绿色,所以我们只需要在黄色色的草地中加入青色即可实现,效果图下图

040K055Q-7.png

在可选颜色面板中,标识往左边移动即分别代表加红,绿,蓝,白,标识往右边移动即分别代表加青,洋,黄,黑。

040K041J-8.png

个人温馨建议

1.学会回头,从零开始,空杯心态很重要。不论你是刚开始接触PS的菜鸟还是从事已久的大神,都要把基础重复学习,回顾(杜匠个人的看法)

2.PS是一款平面图像合成软件,是进行艺术在加工的一种媒介,如果你是想用PS进行绘画,那可以学习别的绘图软件,因为绘图不是PS设计的初衷,用软件进行绘画可以使用Illustrator等绘图软件,实用性绝对比PS好用。

更多PS相关技术文章,请访问PS教程栏目进行学习!

相关专题

更多
php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

3

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

1

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

4

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

6

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

30

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

3

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

2

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

3

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

2

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
零基础精通 PS 视频教程
零基础精通 PS 视频教程

共268课时 | 92万人学习

前端工程师必备技能—PS切图
前端工程师必备技能—PS切图

共11课时 | 1.9万人学习

麦子学院Photoshop切片视频教程
麦子学院Photoshop切片视频教程

共13课时 | 3.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号