您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

一篇文章教你快速掌握色彩搭配的奥秘

时间:2021-06-02 10:15:36  来源:今日头条  作者:平面设计干货铺

从出生起,我们就从周边环境获取颜色信息,从生活中,我们感受着颜色带给我们的各种情感,从学习中,我们知道先有光再有色和计算机判断颜色的方式。

那么,色彩理论知识有哪些最实用?

ps中如何进行颜色模式转换?

设计中如何配色?

1.初始色彩

刚入门的设计师希望通过多看多读多练提高对颜色的敏感度,灵活驾驭色彩,然而光是其中的名词就已经被弄得晕头转向,那么,现在就和我从名词开始来认识色彩吧。

三原色分颜料三原色和(色)光三原色

颜料三原色:减色法三原色、CMY、印刷色

(色)光三原色:加色法三原色、RGB、屏幕色

通常我们说的三原色指的是颜料三原色:红(品红)、黄、蓝(青)。

一篇文章教你快速掌握色彩搭配的奥秘

 

三间色:三原色当中任何的两种原色以同等比例混合调和而形成的颜色,也叫第二次色。例如;品红色加黄色就是红色,品红色加青色就是蓝色,黄色加青色就是绿色·。

一篇文章教你快速掌握色彩搭配的奥秘

 

六复色:用任何两个间色或三个原色相混合而产生出来的颜色叫复色。复色也叫三次色,再间色,也叫“复合色”。

一篇文章教你快速掌握色彩搭配的奥秘

 

那么,三原色、三间色、六复色就组成了12色相环。临近的两个颜色再混合,以此类推,形成24色相环、48色相环.....

一篇文章教你快速掌握色彩搭配的奥秘

 

2.我们初步接触了CMIYK和RGB,现在来了解一下HSB吧

色彩三要素(HSB)分色相(HUE)、明度(brightness )、饱和度( saturation).

色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。事实上任何黑白灰以外的颜色都有色相的属性,而色相也就是由原色、间色和复色来构成的,1中一直讲的是色相。

色彩明度是指色彩的亮度或明暗度。颜色有深浅、明暗的变化。

比如,深黄、中黄、淡黄、柠檬黄等黄颜色在明度上就不一样。

紫红、深红、玫瑰红、大红、朱红、桔红等红颜色在亮度上也不尽相同。

一篇文章教你快速掌握色彩搭配的奥秘

 

饱和度指色彩的纯洁性,也叫纯度或彩度。如大红就比玫红更红,这就是说大红的色度要高。

我们还会看到这样的图:

一篇文章教你快速掌握色彩搭配的奥秘

 

从这张图中可以看到色相和饱和度,一圈一圈的是色相,由外向里是饱和度的变化。

一篇文章教你快速掌握色彩搭配的奥秘

 

从这张图中可以看到色相、饱和度和明度,一圈一圈的是色相,由外向里是饱和度的变化,垂直的是明度变化。

3.PS中的配色

PS中颜色模式最常用的有 CMYK、RGB、HSB、LAB

颜色模式转换会造成色彩丢失?

是因为存在着色域,LAB>RGB>CMYK,也就是说LAB的色域最广,包含RBG和CMYK的所有颜色,所以LAB模式转换成RGB或CMYK模式不会出现色彩丢失现象;反之,CMYK是印刷色,也就是现实生活中存在的颜色,色域最小,CMYK模式转换成RGB或LAB模式,就会造成色彩丢失。

一篇文章教你快速掌握色彩搭配的奥秘

 

4.如何在PS拾色器中灵活调色?(前提是勾选H选项)

在这里调整色彩的色相,拖动指针改变色相的同时,H的数值也会相应变化,用360度表示色相。

一篇文章教你快速掌握色彩搭配的奥秘

 

在这里调整色彩的明度和饱和度,我们所说的色调就是指的明度和饱和度;明度和饱和度的变化可以理解为加白色和加黑色。明度越高白色越多,反之黑色多;饱和度无论加白加黑,加的越少饱和度越高,加的越多饱和度越低。

一篇文章教你快速掌握色彩搭配的奥秘

 

在工作中会遇到的情况:甲方会提出让颜色再深些、再浅些、再暗点、再亮点,除了用曲线(调明度)调整外,最直观的方式就是在框中通过上下左右滑动的调整,可以同时调整明度和饱和度,左右滑动调整饱和度,上下滑动调整明度。(前提是勾选H选项)

*切换不同的选项,用上下左右的方法多做尝试,你会发现惊喜哟!(选中哪项,此项数值不变。)

5.用数值选择颜色进行配色,配色原则:同饱和度同明度下进行色相搭配最安全。

基色为红色 H:350

搭配(+/-):类似色:30度;邻近色:60度;中差色:90度;

对比色:120度;互补色:180度

用CMYK数值选择色调进行配色,同色相如何传递不同气质,色调分为:纯、淡、明、灰、暗、黑、白

纯色调:CMY100%-80%

明色调: CMY80%-30%

淡色调: CMY30%

灰色调: CMY80%-50%+K20%-50%

暗色调: CMY100%-80%+K50%-80%

黑色调:K80%-100%

6.LAB模式是什么?在进行图片调色时用的较多。

Lab色彩模型是由亮度(L)和有关色彩的a,b三个要素组成。L表示亮度(Luminosity),a表示从洋红色至绿色的范围,b表示从黄色至蓝色的范围。

一篇文章教你快速掌握色彩搭配的奥秘

(帮助记忆:色彩平衡中的选项)



Tags:色彩搭配   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
从出生起,我们就从周边环境获取颜色信息,从生活中,我们感受着颜色带给我们的各种情感,从学习中,我们知道先有光再有色和计算机判断颜色的方式。那么,色彩理论知识有哪些最实用?ps中...【详细内容】
2021-06-02  Tags: 色彩搭配  点击:(122)  评论:(0)  加入收藏
导语:色彩是很奇妙,尤其运用在服装上,同样的颜色每个季节的色度会不一样。这样才能与气候和环境色相匹配。或许不需要太多的色彩专业知识,但是只要在每个季节里,符合视觉感官的颜...【详细内容】
2021-03-02  Tags: 色彩搭配  点击:(120)  评论:(0)  加入收藏
Hi,我是洛薇,继续我们的时尚穿搭之旅,变美永远不迷路。▼什么是中性色?你喜欢中性色吗?对于中性色的穿衣搭配,你又知道多少? 我们生活在一个多彩多姿的世界里,正是因为有着丰富的色...【详细内容】
2021-01-19  Tags: 色彩搭配  点击:(96)  评论:(0)  加入收藏
对很多人来说,配色是个十分让人头疼的问题。尤其是设计新人,没有接受过系统的色彩训练,在配色方面始终不能随心发挥。每次设计完,你可能总对配色不满意,感觉很不舒服,又无从下手。...【详细内容】
2019-12-04  Tags: 色彩搭配  点击:(114)  评论:(0)  加入收藏
这是一个充满各种色彩的世界,多种多样的色彩同样也充斥着网站设计的世界。但是网站设计中正确匹配色调却不是那么容易的一件事。在设计网站时,颜色的选择是具有重要的作用,因此...【详细内容】
2019-11-08  Tags: 色彩搭配  点击:(120)  评论:(0)  加入收藏
▌简易百科推荐
【简介】大家好,我是不二何(68ID:何旭阳),很荣幸受邀此次的68Design专访! 目前我是一位自由设计师,平时除了承接一些商业项目之外,也会更新视频号、小红书等短视频平台。其中小红书...【详细内容】
2021-12-27  68Design    Tags:PS   点击:(0)  评论:(0)  加入收藏
Retouch Pro是一款优秀的图像修饰插件,帮助ps用户更快地进行图像照片的修饰。 由于其强大的人工智能系统,您可以轻松就获得专业的效果,并且比以往的手动更快,效果更好,操作更简单...【详细内容】
2021-12-27  设计师臭豆腐    Tags:Ps   点击:(4)  评论:(0)  加入收藏
早在 2015 年,就有报道称,到 2022 年底,仅英国的创意产业就需要 120 万名新工人。当然,世界与 2015 年的情况大不相同——但如果任何事物都需要比预期更多的创造力,而...【详细内容】
2021-12-22  Adobe国际认证    Tags:Adobe   点击:(10)  评论:(0)  加入收藏
最终效果 1、新建文件打开PS软件,按Ctrl + N 新建文件,尺寸为1920×1308像素,分辨率为72像素/英寸,如下图,然后确定。 2、导入房间素材打开素材包中的房间素材,用移动工具...【详细内容】
2021-12-22  PS教程240PS    Tags:PS   点击:(5)  评论:(0)  加入收藏
经常和大家分享PPT技巧,不知道大家有没有进步?今天直接来个重磅分享。你知道,一些大厂的路演、发布会PPT的设计师,平时浏览什么设计网站吗? 作为PPT设计师,平时也会看一些创意设计...【详细内容】
2021-12-15  旁门左道PPT    Tags:设计师   点击:(19)  评论:(0)  加入收藏
今天来说使用CAD梦想画图软件绘制一个CAD小白基础题。操作工具操作系统:Windows10CAD软件:CAD梦想画图步骤1.先画一个半径为100的圆,如下图所示:画圆 2.接着使用多边形命令(POL)画...【详细内容】
2021-12-15  CAD梦想画图    Tags:CAD   点击:(16)  评论:(0)  加入收藏
详情页是消费者进店后决定是否购买产品的页面,是电商产品重要的落地点。在消费者找到自己心仪的产品后,详情页满足了消费者了解产品的所有信息的诉求,就像一个经验丰富的售货员,对产品的每细节娓娓道来。定义好产品属性后...【详细内容】
2021-12-15  设计智造    Tags:详情页   点击:(8)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计) ▲音乐学校创意 ▲轮胎创意 ▲啤酒创意 ▲糕点创意 ▲旅游公司创意 ▲抵制家庭暴力公益宣传 ▲食品创意 ...【详细内容】
2021-12-15  设计智造    Tags:广告设计   点击:(10)  评论:(0)  加入收藏
来源:微信公众号 PingMianDesigner(平面设计)启动画面是在APP启动时全屏展示的简单占位图,其作用是用户打开APP,程序在运行时可能因为网络、程序本身等原因需要加载几秒钟的等待...【详细内容】
2021-12-15  设计智造    Tags:界面设计   点击:(20)  评论:(0)  加入收藏
Don Tuch 是一家位于墨西哥城的快餐店。其源自于Yucatán半岛的美食传统,是以一种令人难忘的独特方式融合了正宗风味的食品概念。Don Tuch以一种有趣和轻松的方式向Yuc...【详细内容】
2021-12-15  致美设计    Tags:包装设计   点击:(11)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条