巧用优秀的作品取色法提取配色技巧

2016-02-16 20:34 28 1 收藏

下面这个巧用优秀的作品取色法提取配色技巧教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - 平面设计 】

一、选择图片

首先,去各大网站搜索你喜欢的图片,图片的选择应该尽量选择色调有变化且明暗对比也较为明显的,因为黑白或低对比度的色调只会让你最后的色彩方案看起来不够鲜明。

要从配色方面吸引自己的图片上进行选择。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

二、吸取色彩

在PS里打开这张图片,吸取色彩。吸取色彩并不是任意选取自己喜欢的颜色就可以,根据整个图片的色彩分布,先找到图片的主色调。

主色调的选择依据整个图像当中分布最广的一种颜色,在这张图片中,我们可以看出分布最广的为蓝色,这些蓝色呈现明暗层次深浅的不同,因此,在深蓝到浅蓝中我选择了过渡最为均衡的一种中度灰的蓝色。这种蓝色在图片上表现的是一团团云雾和湖泊的颜色。

三、建立自己的色彩方案

选择新建一个文件,白色底背景,图片中选好的色彩作为前景色画一个圆形。这个圆形也就是你的色彩方案中的第一个色彩:主色调。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

1、主色调的运用范围

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

在网页设计的时候,主色调的使用范围在整个网页的色彩面积较大的地方,例如用于网页背景或形状元素上。当然,一种色彩是无法开始设计的,因此接下来我们会选择第二种颜色。

辅助色的选择辅助色通常是一个能烘托、能与之产生呼应的颜色,如果主色调是一个冷色调,那么辅助色就偏向为一个暖色调。因为一张色彩丰富的图片必定是具备冷暖两种倾向的色彩,因此,你这时会在主色调的另外相反色温的色调上进行选择。

在这里我选择了红色屋顶的暖橙色,和蓝色的冷感进行了均衡。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

2、辅助色的运用范围

辅助色通常会使用在网页设计中的字体、小面积的元素上。辅助色如果和主色形成了互补色就会产生一种强烈的对比,这时对比色还会有强调的作用。当你想要凸显网页中某个元素时就可以试用上强调色。

那么什么是对比色呢?就是在色环上位置刚好相对的颜色,例如:红色和绿色,紫色和橙色,蓝色和黄色。

如果你觉得你选择辅助色强调不够强烈,你可以另外在主色基础上,从色环里选择主色的对比色,作为第三种色彩方案。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

3、高光和阴影

这里通常是指主色调在图片上展示出来的高光和阴影部分。这时,已经无需完全依靠图片了。我们的色彩方案里已经备选了三种颜色,而剩下的色彩就在主色调基础上调整变化。

主色调增加白色就变作高光部分,作为第四种颜色。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

如果你的设计配色色彩偏重,这时可以往主色调添加黑色,作为第五种色彩选择。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

高光和阴影色在网页中也作为一种修饰的颜色选择,注意慎用。高光和阴影色可选其中一种作为中立色。因为这种利用黑白变幻出的颜色层次丰富,因此这里的选择会非常多。这就需要你在最终色彩方案中再根据实际情况进行调整。

4、确定色彩方案

色彩方案选择好以后,最好确保整体颜色不得超过3种颜色:主色、辅助色、高亮/阴影色。即使是三种颜色,但是色调都不会偏离整体的蓝色基调。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

四、色彩方案的运用

在进行色彩运用的时候,也会出现黑白灰的灵活运用,但要确保这些颜色的出现不会干扰整体画面色彩的和谐感(左)。

大多数时候,我们未必希望纯白色作为我们的底色调。要想让整体看起来优雅,添加一点透明度非常低的主色调作背景是必不可少的(右)。

巧用优秀的作品取色法提取配色技巧,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1573852.html

延伸阅读
17-5641 翡翠绿 是不是听起来很像007电影里面神秘的行动代号?哈哈,其实这是彩通配色系统里色彩的标准色彩命名格式。来自美国新泽西州的彩通(Pantone)是一家1962年创立的专门开发和研究色彩并且以此闻名全球的权威机构,也是最著名的色彩系统供应商之一。彩通配色系统与我们所熟知的RGB配色系统、CMYK配色系统都不太一样,而且它并不只一套方案...
想拍出好的相片,器材不是最重要,反而拥有一双能发掘好题材、好光线的「摄影眼」更为重要。要训练出优秀的摄影眼不是一朝一夕可达到的事,平日也要多练习才可,而「小品摄影」这个主题可以让你轻松地锻炼摄影眼,实为不可多得的摄影活动,现在便一起看看怎样拍摄吧! (一) 器材的选择 平常拍摄大景,可能会带上大相机、数支镜头,加上一堆...
标签: Web开发
移动鼠标改变背景颜色 网页安全色取色器 移动鼠标改变背景颜色,单击复制颜色RGB代码到剪贴板。                                      &nb...
标签: 摄影
光绘,顾名思义,就是用光源在“绘画”,光源就是你的画笔,感光体就是你的“画板”。那么如何才能拍摄出一幅不错的光绘作品呢,下面就一起来看看吧 一、光绘的概念 光绘,顾名思义,就是用光源在“绘画”,光源就是你的画笔,感光体就是你的“画板”。 个人理解的光绘,是记录一段时间里,光源的动态运动...
网页设计领域的业界良心Awwwards除了每天推荐好网站,定期做评比之外,还会在博客里面推荐各种网页设计的技巧和总结,今天的这篇文章最初是源于一个探索性的项目,项目结果炫酷然而乍一看并没有什么卵用,不过,如果将这个项目同最近选出的20个配色优秀的网站相互印证,足以看出时下配色的大趋势。当然,好人做到底,作者干脆把时下流行的基于M...

经验教程

213

收藏

65
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部