恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
色彩的基础知识
0.0°
2020-11-05 原创文章 教程 举报 3391 5 11 0

既然要学习调色,就不能单纯学习如何用工具对色彩进行调整,还必须知道色彩是什么,色彩为什么会好看,色彩该如何搭配等。只有理解了色彩的原理,才能自如地调出自己想要的色彩。

知识点1 影调

影调,也被称为三大阶调,指的是图像的亮调(高光)、灰调(中间调)和暗调(阴影)。亮调指的是画面中相对较亮的区域,如下图中皮肤的部分,灰调指的是画面中看起来不太亮也不太暗的区域,暗调指的是画面中较暗的区域,如下图中头发的部分。大部分的影调人们用肉眼就能直接感受到。影调指的是明暗关系,与色彩无关。在对画面的色彩进行调整时,通常会根据影调来调整局部色彩,进行色彩搭配,因此理解影调的知识,才能更好地调色。

知识点2 色彩三要素

色彩三要素指的是描述色彩的3 个维度——色相、饱和度和明度。

色相

色相指的就是人们口中常说的“赤橙黄绿青蓝紫”。色相通常以色轮的方式呈现。颜色在色轮上的位置需要记忆,特别是下图中重点标注的红、品红、青、蓝、绿、黄6 种颜色的位置以及它们的相对位置。因为在PS中进行调色时,大多数的调色都是以这6 个颜色为锚点来进行的,如果不知道这几个颜色在色轮上的位置关系,就无法对色彩进行准确的调整。

这里提供一个记忆的小窍门。色轮一圈为360 °, 红色位于0 ° 的位置, 红、绿、蓝互相相距120°。而红色相对的颜色是青色,位于180°的位置,青色、黄色、品红也互相相距120°。这6 个颜色每个之间相隔60°。

饱和度

饱和度指的是色彩的鲜艳程度,饱和度越高,颜色越鲜艳,饱和度越低,颜色越灰暗,如果饱和度调整到最低,图像就会变成黑白色。

明度

明度指的是色彩的明暗程度,明度越高,颜色越亮,明度越低,颜色越暗。如果明度调整到最高,颜色将变为纯白,相反,颜色将变为纯黑,这两种情况下,其余色相都会消失。掌握色彩三要素的知识,可以将一个颜色调成另外一个颜色。调整的方法是选中颜色区域,先调整色相,如将蓝色调整为绿色,然后根据颜色的鲜艳程度和亮度来调整饱和度和明度。

知识点3 色彩模式

色彩模式有很多,最常用的是RGB 模式和CMYK 模式。色轮中需要记忆的6 种颜色,就包括RGB 模式的红、绿、蓝,以及CMYK 模式的青、品、黄。RGB 模式是加色模式,颜色越叠加越亮,红、绿、蓝3 种颜色叠加在一起就会得到白色,这3 种颜色两两叠加,就会得出青、品、黄3 种颜色。CMYK 是减色模式,颜色越叠加越暗,青、品、黄3 种颜色叠加在一起就会得到黑色。所有图片的呈现方式都可以简单分为两类,一类是通过显示器呈现的,也就是设备自己发光呈现出图片,如投影、手机、iPad 等,这种图片需要运用RGB模式。另一类图片是通过印刷呈现的,如书籍、海报、照片等,这些图片是通过油墨颜料的叠加来体现色彩的,这种图片需要运用CMYK模式。

知识点4 色彩的冷暖感知

任何人看到某一个颜色后都会有一些感受,或接收到颜色携带的信息。在调色时,需要了解色彩给人的感受,才会更好地传达色彩信息。其中,最基本也是最直观的一种感受就是色彩的冷暖。

有一些颜色给人的感受是寒冷的,如蓝色、青色、绿色。实际上,绿色是一个中性色,不过大部分人会觉得绿色看起来是偏冷的。

下图展示的是商业图片中冷色的运用。可以看到,所有图片要么让人感觉特别干净,要么让人感觉比较冷酷、硬朗。

相对的,有一些颜色给人的感受是温暖的,红色、黄色、橙色。其中,洋红跟绿色一样,也是中性色,不过大部分人会觉得洋红看起来是偏暖的。

下图是商业图片中暖色的运用。可以看到,所有图片要么让人感觉特别温暖、温馨,要么让人感觉比较热烈、尊贵等。

知识点5 色彩的艳丽和素雅

色彩饱和度的变化也会给人完全不同的感受。当色彩的饱和度较高时,画面会特别艳丽;当饱和度降低时,同样的一个画面却能呈现素雅的感觉。

知识点6 色彩的性格属性

色彩还具有性格属性,如红色给人精力旺盛、冲动的感觉,黑色给人稳重的感觉等,下面是常见的色彩性格属性。了解这些色彩特征,就能在保证画面美观的情况下,传达更多有效信息。

知识点7 色彩搭配

色彩搭配指的是色彩对比方式。一般情况下,可以把色彩对比方式简单分为4类——同类色、邻近色、对比色和互补色。

同类色

同类色,指的是画面中颜色的色相比较相近的搭配,通常是色轮中相距45°的色彩搭配。

同类色搭配比同色系搭配显得颜色更丰富一些,同时色相柔和,颜色过渡看起来也很自然。

邻近色

邻近色,指的是色轮中相距90°的色彩搭配。

这一类搭配在画面色彩丰富的情况下,也不会让人觉得突兀。画面中的颜色非常丰富,但不会给人刺眼的感觉,整体感受是稳重的。

对比色

对比色,指的是色轮中相距120°的色彩搭配。

这一类搭配通常呈现华丽的氛围。对比色能强化视觉中心,小面积使用对比色会增强画面视觉冲击力。

互补色

互补色,指的是色轮中相距180°的色彩搭配,是所有色彩搭配中对比最强烈的一种。

这一类搭配通常用来凸显画面中的一个对象。下图中为了使房子在环境中更突出,设计师运用了互补色来设计房子的外部视觉。

到这里,PS调色的基础理论知识已全部讲解完毕。

Powered by Froala Editor

更新:2020-11-05

收藏

5人已收藏

职场研究社

提升职场技能就找我

  • 33

    作品

  • 56

    粉丝

  • 0

    关注

  • PS修图的典型案例:人物形体修饰
  • 动态字体设计:软件基础
  • PS修图的工具及方法
  • 了解PS修图:修图到底修什么?
相关标签

    猜你喜欢

      2020-11-05 原创文章 教程 举报 3391 5 11 0

      色彩的基础知识

      0.0°

      你确定要举报色彩的基础知识

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年11月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      5
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录