Photoshop详细解析渐变配色之对比用色

UI / UI设计教程 / PS教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:飞屋睿UIdesign

关键词

渐变这一视觉趋势,在最近几年里可谓如日中天。很多平平淡淡的设计,将平涂改为渐变,立刻就能增加醒目感。

虽说渐变是一个有效的元素,但为什么我们的渐变,还是和大神们的渐变有区别?

我们应该怎样做出渐变的质感?

为什么说用色才是渐变的精髓?

今天我们就来和大家聊聊渐变这个话题,深入了解我们似乎以为自己懂了的渐变,我们将和大家一起分析渐变配色中,利用色彩不同特性之间的对比来用色,以及一些简单的操作小技巧,比如快速生成一个色轮,以及简单的利用混合工具来配出渐变配色的色彩

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

渐变是在色彩上的一个相对缓慢的过度,我们的视觉会随着这个渐变的过度而产生一种流动感,而这种流动感全凭在色彩上发生的种种变化。是的,我们的重点来了,就是这个变化,需要我们今天深入去加以了解。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

谈到变化,我们自然会想到这个变化的范围。如果拿出我们的色轮来看,我们就会发现色轮上的变化范围有大有小,当两个色彩距离较近时,我们可以说他们是邻近色,这时难以发现他们的区别,直至我们的肉眼无法分辨。这时候可以说变化范围较小。

当两个色彩距离180,在色轮上呈相对,我们可以说这时的色彩变化是最大的,于是也就产生了最强烈的对比。很多撞色的情况,也是在这种对比下发生。我们通常会把这对颜色称为互补色。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

当然,实际的情况比这要稍微复杂一点,我们一起来看下。

色相对比

刚刚大家可以发现,这个色轮上的色彩的一个特点是什么?只有色相的变化。没错,我们平时也已经习惯了,只用色相来区分色彩。所以,今天要讲的第一个对比,也就是色相的对比。

色相的对比,在色轮上就能很直观的表现。例如红色和黄色这一段,截取过来以后,就变为了红-黄渐变。利用色环就能很轻松的实现色相的渐变。距离越远,渐变色的对比也就越大,互补色之间的对比达到了极值,比如红-蓝渐变的对比就大过红-黄渐变。

Photoshop详细解析渐变配色之对比用色,PS教程,思缘教程网

我们这里首先教给大家一个快速生成色轮的小技巧,这个技巧不需要利用网上的图片或工具。现做现用,很方便。

 收藏