百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 软件资讯 > 正文

PS颜色调整教程,色相/饱和度命令详解之色相深度剖析

ninehua 2025-02-09 13:38 52 浏览

色相/饱和度是以色系基准来进行颜色调整的一个颜色调整命令。

★ 色相:

色相也称为颜色、色系。方便理解,“相”可引申为区间的意思,“系”可引申为范围的意思,所以,色相/饱和度颜色调整命令是用来改变图像中一个色系或整个图像所有色系的颜色的。

一幅复杂的图像色彩是很丰富的,色彩分为彩色和彩色两大类。无彩色包括黑、白、灰三种,有彩色包括红、黄、蓝等。

有彩色在色环图中,分为红色色系(品红到橙色之间)、黄色色系(橙色到草绿之间)、绿色色系(草绿到翠绿之间)、青色色系(翠绿到亮蓝之间)、蓝色色系(亮蓝到紫色之间)、洋红色系(紫色到品红之间)共 6 个色系,每个色系为60度范围。黑、白、灰不在色环图中,因此,我们已经从原理上厘清了色相就是把一种颜色慢慢地改变成其他的颜色。改变的程度是由拖动色相滑块或在色相右侧框内输入的度数值来决定的。

色相调整规则:以某个色系颜色为中心,顺时针或逆时针改变度数,在-180至180度之间进行颜色的改变,即顺90度+逆90度=180度。

现在我们来改变一下主色橘黄色,选择红色色系,往左拖动色相滑块至-32,主色变成了红色。

继续往左拖动色相滑块至-90,主色变成了洋红色。

往右拖动色相滑块至+180,主色变成了亮绿色,注意,不是深绿色,拖至+180度位置,表示顺时针90度,色环轮上以红色为中心顺时针旋转90度,是到不了深绿色的,深绿色靠近青色。

往左拖动色相滑块至-180,主色变成了蓝紫色,注意,不是深蓝色,拖至-180度位置,表示逆时针90度,色环轮上以红色为中心逆时针旋转90度,是到不了深蓝色的,深蓝色靠近青色。

选择绿、青、蓝、洋红四种色系,不管怎么拖动色相滑块,主色橘黄色都没有变化,也就是说颜色没有改变,因为橘黄色里压根就没有绿、青、蓝、洋红四种色系。

把相片的蓝色背景改成红色。

通过观察背景色,我们看到背景色不是单纯的蓝色,有青色、蓝色两种色系在里面。所以不管你怎么拖动色相滑块,背景色都是不能一次改变成红色的。

先把背景色改成洋红或其他与红色为中心在-180至+180(半圆)之间的范围颜色。

最后,选择洋红色系,拖动色相滑块,通过两次调节,我们成功把背景色改成了红色的背景。

使用色相来改变图像的颜色,需要在脑子里熟记色环图,要记住6个色系所处的位置及每一个色系的中心角度值。

上一篇

下一篇

编辑:敖金林

相关推荐

单打独斗的产品设计师工作流程总结

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。我从入行开始就在一个做自己产品的小公司工作,到现在已经三年了。刚开始工作的时候什么也不懂,老板说让出效果图,就开始直接...

毕业生必备软件!6套APP构建我的产品设计工作流

工欲善其事,必先利其器。思维和方法论固然超级重要,但是掌握并制定适合自己的工作流也可以成倍提升效率。好的软件加上熟练的使用可以帮助解决遇到的所有问题,不仅可以减轻大脑和身体的负担,更可以让产品设计师在...

如何在APP原型上写需求?(app原型设计规范)

你有没有过这样的经历——辛辛苦苦写了半天的文档,结果开发一眼没看,做需求的时候又把文档里的内容问了一遍?如果你也有这样的经历,那么在APP原型上写需求,或许能帮你解决这个问题。为什么要把需求直接写在...

产品经理工具箱|原型及交互设计工具

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。世界上最实在最方便的原型设计及交互工具:国外的谷歌,facebook等大型互联网公司的交互工具就是上面最原始,最有效最...

交互设计利器汇总:实用工具大揭秘!

近年来,页面交互设计有了很好的发展,越来越受到人们的重视。如果你想成为一名页面交互设计师,除了对平面设计和产品设计有一定的了解外,更重要的是要知道哪个软件适合页面交互设计。本文将带您了解5款流行的页面...

Taro - 京东凹凸实验室出品的小程序多端开发工具,内置 UI 组件库

可以支持转换到微信/京东/百度/支付宝/字节跳动/QQ小程序以及H5端,同时也支持使用Vue语法了。关于Taro凹凸实验室(O2Lab)来自京东零售集团,创建于2015年10月,是...

开发2小时,修bug2周,我用Trae做了个小程序

在当今快速发展的科技时代,AI技术的崛起为开发者带来了前所未有的机遇与挑战。一方面,AI极大地降低了技术门槛,让更多的创意得以快速实现;另一方面,它也提升了竞争维度,促使人们在认知、方法和时间效率上不...

好用的10款免费原型设计工具(免费的原型设计软件)

对产品经理或UI/UX设计师来说,一款好的原型设计工具至关重要。好的原型设计软件能够帮助你快速构建还原度高且信息架构清晰明了的原型图,还能极大减低工作中与同事的沟通成本,更高效地推进工作。那么,一款好...

用局域网内部分享Axure原型,这里有详细的步骤

来人人都是产品经理【起点学院】,BAT实战派产品总监手把手系统带你学产品、学运营。用axure做好原型,想分享给别人,有几个方法:生成本地文件,发送本地文件,但是文件有更新,就要重新发送用axure自...

Axure制作App原型应该怎样设置尺寸?原型尺寸对照表!

最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个APP原型放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科。这里老枪搜集...

200套数据可视化大屏模版Axure高保真原型

超炫可视化大屏模版来了,Axure高保真原型。关注微信公众号“素材帮帮站”,发送消息100051,获取素材下载地址。查看往期文章,获取更多免费素材。

Axure RP 8 Beta版正式上线(axure rp8是什么软件)

AxureSoftwareSolution公司于美国当地时间8月12日宣布其旗下产品AxureRP的v8版本的测试版正式上线。以下是其官方博客关于对AxureRP8Beta版的介绍:今天,...

PM小技术:使用SAE发布在线Axure文档

俗话说,不会写代码的产品经理不是好的射鸡湿。关于产品经理与技术之间的微妙关系,扯开了讲可是长篇大论,比如知乎上这个问题:IT行业产品经理(尤其是创业的)需要懂技术吗?懂到什么程度?,以及这个:产品经...

『原型资源』Axure自带图标库不够用,第三方经典图标库来袭

今天小编为大家带来第三方经典图标库,己确认内容可用现推荐给大家。直接上手就可不用自己画哈~获取原型文档请与班主任联系!先睹为快,合适再拿走不谢:图标太多,截取部分给大家参考o(* ̄︶ ̄*)o免费领取资...

Axure RP 8 测试版:将于今年夏天到来

我们一直在努力的开发AxureRP8。我认为这是对现有客户以及刚接触Axure的人的一个重要版本。我们希望看到你使用这些新特性,所以我们对现有客户免费升级。所有有AxureRP授权的客户包括标准...