PS色彩渐变体系
作者:网友整理![渐变色彩安卓版(手机益智游戏) v1.10.0 官方免费版](/assets/white.gif)
渐变色彩安卓版(手机益智游戏) v1.10.0 官方免费版 24.57M / 简体中文
点击下载![渐变色彩v1.5.1](/assets/white.gif)
渐变色彩v1.5.1 46M /
点击下载![一键PS抠图1.7.0](/assets/white.gif)
一键PS抠图1.7.0 33.81M / 简体中文
点击下载因为做的仓促,难免有些遗漏与错误,希望各位蓝友多多补充,大家共同进步。
前两帖是色彩基础知识,希望目前对色彩尚处茫然的蓝友有些帮助。
色彩构成基础理论
一、色彩形成
物体表面色彩的形成取决与三个方面,光源的照射、物体本身反射一定的色光、环境与空间对物体色彩的影响。
光源色:由各种光源发出的光,光波的长短、强弱、比例性质的不同形成了不同的色光,称为光源色。
物体色:物体色本身不发光,它是光源色经过物体的吸收反射,反映到视觉中的光色感觉,我们把这些本身不发光的色彩统称为物体色。
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210485242.jpg)
色彩组成
基本色
一个色环通常包括12种明显不同的颜色。而对于
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486795.jpg)
三原色
从定义上讲,三原色是能够按照一些数量规定合成其他任何一种颜色的基色。为了确定三原色,你必须首先确切明确那一种颜色是你正在使用的中间色。在上小学时,你可能就知道了三原色:红、黄、蓝,并且你现在用于展示的,仍然是红、黄、蓝三原色。但是如果你有喷
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486989.jpg)
近似色
近似色可以是我们给出的颜色之外的任何一种颜色。如果从橙色开始,并且你想要它的两种近似色,你应该选择红和黄。用近似色的颜色主题可以实现色彩的融洽和融合,与自然界中能看到的色彩接近起来。
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486274.jpg)
补充色
正如我们所知道的相对色一样,补充色是色环中的直接位置相对的颜色。当你想使色彩强烈突出的话,选择对比色比较好。假如你正在组合一幅柠檬图片,用蓝色
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486614.jpg)
分离补色
分离补色由两到三种颜色组成。你选择一种颜色,就会发现它的补色在色环的另一面。你可以使用补色那一边的一种或多种颜色。
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486567.jpg)
组色
组色是色环上距离相等的任意三种颜色。当组色被用作一个色彩题时,会对浏览者造成紧张的情绪。因为三种颜色形成对比。上面所讲的基色和次色组可以被称作两组组色。
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486636.jpg)
暖色
暖色由红色调组成。比如红色、橙色、黄色。他们给选择的颜色赋予温暖、舒适和活力。他们也产生了一种色彩向浏览者显示或移动,并从页面中突出出来的可视化
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210486478.jpg)
冷色
冷色来自于蓝色色调。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静的作用,他们看起来有一种从浏览者身上收回来的效果,于是他们用作页面的背景比较好。需要注明的是,你将发现在不同的书中,这些颜色组合有不同的名称。但是如果你能够理解这些基本原则,他们将对你的
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487931.jpg)
色彩对比
两种以上的色彩,以空间或时间关系相
色相对比
因色相之间的差别形成对比。当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及
将相同的橙色,放在红色或黄色上,我们将会发现,在红色上的橙色会有偏黄的感觉,因为橙色是由红色和黄色调成的,当他和红色并列时,相同的成分被调和而相异部分被增强,所以看起来比单独时偏黄,以其他色彩比较也会有这种现象,我们成为色名对比。除了色感偏移之外,对比的两色,有时会发生互相色渗的现象,而
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487700.jpg)
明度对比
因明度之间的差别形成的对比。(柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,红色与蓝色属于中低明度)。
明度对比
将相同的色彩,放在黑色和白色上,比较色彩的感觉,会发现黑色上的
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487308.jpg)
纯度对比
一种颜色与另一种更鲜艳的颜色对比,会感觉不太鲜明,但与不鲜明的颜色相比时,则显得鲜明,这种
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487579.jpg)
补色对比
将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置,使色彩感觉更为鲜明,纯度增加,成为补色对比。(视觉的残像现象明显)。
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487262.jpg)
冷暖对比
犹豫色彩感觉的冷暖差别而形成的色彩对比,称为冷暖对比。(红、橙、黄使人感觉温暖;蓝、蓝绿、蓝紫使人感觉寒冷;绿与紫介于其间),另外,色彩的冷暖对比还受明度与纯度的
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487478.jpg)
Ps色彩渐变体系
1.
2. 视觉感知:我们对平面图像的感知,平面
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487359.jpg)
3. Ps渐变模式:主要是角度、线条(线性),径向,对称,菱形这五种渐变,还有一种不常用的杂色渐变。如下图
4. Ps色彩模式:一般可分为两种,一种是纯色(单色)渐变,一种是混色渐变,如下图
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487492.jpg)
5. 渐变的方式多种多样,通过不同的渐变模式可以创建出神奇的色彩
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487791.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487753.jpg)
二是柔和的渐变(也就是常规渐变)
6. 角度渐变
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487285.jpg)
7. 透明度对渐变的
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487241.jpg)
8. 对比渐变与低透明度的结合的效果(如下图)。我们看他的色标,蓝—蓝—白—白,中间的蓝色标和白色标重叠到了一起,然后用菱形渐变,看一下效果,产生了方形的层叠感。
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487294.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210487481.jpg)
9. 色标透明度的应用之一,效果如下图,产生了
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488794.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488408.jpg)
10. 色标透明度的应用之二,
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488386.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488222.jpg)
11.
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488109.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488880.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488178.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488897.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488715.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210488749.jpg)
12. 杂色渐变的应用,杂色渐变由于色彩
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210489486.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210489686.jpg)
13. 渐变的色块现象
(1)出现在色彩较大的过度强烈的色彩渐变上,在数值太小的范围内与数值较大的范围内不易产生色块,而数值中等范围
(2)出现在保存品质上,品质过低就会产生色块,网页制作中需注意。
14. 渐变的叠加
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210489830.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210489463.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210489455.jpg)
![](http://www.smzy.com/Article/UploadPic/2007-7/20077210489738.jpg)
加载全部内容