020-29815005
预约专线时间:09:00-23:59

UI设计中不会曲线调色?送你5个配色小技巧

新闻来源:本站 日期:2022-04-06
曲线工具在后期中有非常广泛的应用,可以说是最为强大的后期工具之一,今天我们就来学习曲线工具在校色方面的应用。曲线工具分为白色曲线、红色曲线、绿色曲线和蓝色曲线,我们的校色主要依靠后面这三根色彩曲线完成,它们又被称为通道曲线。
  曲线工具在后期中有非常广泛的应用,可以说是最为强大的后期工具之一,今天我们就来学习曲线工具在校色方面的应用。曲线工具分为白色曲线、红色曲线、绿色曲线和蓝色曲线,我们的校色主要依靠后面这三根色彩曲线完成,它们又被称为通道曲线。

  一、基础色彩原理



  我们知道,光的三原色是红、绿、蓝,当这三种色彩以同等比例混合的时候,最后呈现出来的就是白色(中性色),其中任意两种三原色相加得到另外一种三原色的补色,即:


  红色+绿色+蓝色=白色,

  红色+绿色=黄色,为蓝色的补色

  红色+蓝色=洋红色,为绿色的补色

  绿色+蓝色=青色,为红色的补色

  同时互为补色的色彩相加也得到白色(中性色),即:

  红色+青色=白色

  绿色+洋红色=白色

  蓝色+黄色=白色

  上面这些色彩原理是我们曲线校色的基础,例如一张照片偏黄色,那我们就可以增加它的互补色蓝色,以得到一个更加中性的色调。

  二、通道曲线基础应用

 1.红色曲线

  利用红色曲线我们可以让画面偏向于红色或青色。



  当我们向左上角拉动红色曲线的时候,红色增加,画面偏向于红色。


  当我们向右下角拉动红色曲线的时候,红色减少,画面偏向于青色(因为画面的红色减少,所以绿色和蓝色的混合色青色得到了更加明显的体现,因此给人的感觉就是为画面偏向于青色)。

  2.绿色曲线

  利用绿色曲线我们可以让画面偏向于绿色或洋红色。



  当我们向左上角拉动绿色曲线的时候,绿色增加,画面偏向于绿色。


  当我们向右下角拉动绿色曲线的时候,绿色减少,画面偏向于洋红色(因为画面的绿色减少,所以红色和蓝色的混合色洋红色得到了更加明显的体现,因此给人的感觉就是画面偏向于洋红色)。

  3.蓝色曲线

  利用蓝色曲线我们可以为画面偏向于蓝色或黄色。



  当我们向左上角拉动蓝色曲线的时候,蓝色增加,画面偏向于蓝色。


  当我们向右下角拉动蓝色曲线的时候,蓝色减少,画面偏向于黄色(因为画面的蓝色减少,所以红色和绿色的混合色黄色得到了更加明显的体现,因此给人的感觉就是画面偏向于黄色)。
  
  三、减色校色法

  所谓减色校色法,即画面中某种色彩过多时,我们减少这种色彩以获得一个更加中性的色调。

  例如在下面这张照片中,画面明显偏向于蓝色:



  因此我们可以通过向右下角拉动蓝色曲线,降低画面中的蓝色来实现色彩平衡:



  可以看到,这时候画面的色彩就显得更加中性了。

      四、互补色校色法

  所谓互补色校色法,即我们利用互补色原理实现色彩校正的方法。

  例如在下面这张照片中,画面偏向于洋红色:



  这里有一个观察画面色偏的技巧,那就是我们尽量要去寻找“中性色”事物进行观察,例如在这张照片中云朵就是中性色事物,它最终的色彩偏向了洋红色,所以我们知道画面的色偏倾向。而如果我们选取天空进行观察,就会得出画面色彩偏向于蓝色的错误结论,因为天空自身不是中性色事物。


  根据我们前面学习的知识可以得知:洋红色+绿色=中性色,所以我们只需要为画面增加绿色即可:



UI设计中不会曲线调色?送你5个配色小技巧


  可以看到,这时候画面的洋红色色偏就得到了修复,我们在验证色偏校正效果的时候,也可以通过观察中性色事物例如天空中的云朵来实现。


 五、混合色校色法

  所谓混合色校色法,就是利用色彩混合原理来实现色彩校正。例如在下面这个场景中:



  我们可以明显发现画面的色彩是偏向于红色,而最终我们想要得到的色彩是黄色(我们校色的最终目标色是根据实际场景确定的,并不是一昧的将所有场景都还原为中性色,例如这个场景下的天空就应该是偏暖色的天空)。


  红色+(?)=黄色

  问号处应该是什么颜色呢?根据我们前面的色彩知识,我们可以知道是绿色,因此我们利用绿色曲线为画面增加绿色:



  最终就得到了一张暖色调氛围浓厚的照片,这就是混合色校色法,它利用色彩的混合原理以及我们的表达需要来共同确定校色的方向。


  以上三种方法就是最为常用的曲线校色技术。  

  以上就是优漫教育小编为大家介绍的“UI设计培训】:UI设计中不会曲线调色?送你5个配色小技巧”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 !