颜色基础知识为了设计更好的网站设计。

2019-09-23    分类: 网站设计

颜色基础知识

打开你的Photoshop,新建文档,有两个非常重要的选项,一个是颜色模式(位图/灰度/RGB颜色/CMYK颜色),一个是位数(1位/8位/16位/32位)。

1

什么是颜色模式?

新建一个文档,选择颜色模式为:位图和1位(为什么其它位不能选择?请往下看)。

选择“窗口”-“颜色”(或者直接按F6),调出颜色面板:

3

把K值(灰度值用K表示)拉到50%以下及以上,或者选择色彩不同的亮度(同样只有K值变化,深色的K值变大,浅色K值变小),选择矩形框(只能选择路径和像素模式)画画,看看出现什么效果?只能画白的和黑色。为什么会这样?

什么是位?

还记得中学的时候老师讲过的吗:“Bit(位)是计算机存储器里的最小单元”。一比特等于二进制(0和1)中的一位,多少0和1就是多少位。1像素用1位表示的话,2的位次幂记录。黑白两种单色,每个像素只有1位颜色(21)。这就是为什么上面我们新建一个颜色模式为“位图”和“1位”,只能使用黑色和白色了。也就有了位图这个概念。

灰度模式

打开PS,同上,新建文档,选择“灰度”和“位”,和RGB能选择的范围一样,可以选择8位/16位/32位。

打开颜色面板,把RGB调成同一个数值看看,是不是RGB相等的时候,变成灰的了?其实,256色,也称256灰度级。

4

把RGB全部调成255,是全白(等于灰度模式0%);全部调成0,是全黑(等于灰度模式100%)。点击右上角下来箭头,选择灰度模式对比一下是不是这样的。

那么RGB和灰度之间有什么联系呢?这里我们需要聊两个概念:亮度和通道。
随意打开一副图像,“窗口”-“通道”,打开通道面板,分别单独选择红,绿,蓝试试:

5

    RGB模式

6

    红色通道

7

    绿色通道

8

   蓝色通道

除了灰以外,还有比较亮的白色,和比较暗的黑色,它们统称为亮度的变化。

每个通道中的颜色都是由像素亮度决定的,控制单一通道的亮度其实就是在控制颜色。这也涉及到亮度合并问题了,后面调整照片颜色的时候,我们详解。

RGB与灰度的计算关系:RGB近似色值 = 256 x (1-灰度数%)(注意关闭色彩管理模式,Photoshop 中“编辑”—“颜色设置”-显示器颜色。色彩管理主要用于印刷领域。)

你可以尝试关闭单一通道(如红),留下绿和蓝的组合,看看图片是什么颜色?是不是变青色了?为什么会这样?留意下一篇的色彩理论,你就明白了。

RGB颜色

计算机屏幕的显示是色光三原色(红red,绿green,蓝blue)组成的,每一个像素的颜色都用三原色值来显示。

RGB模式中,每种颜色的单像素用8位存储,2的8次幂等于256,三种颜色256x256x256=16777216 ,简称1600万色(千万色或真色彩),也称24位色(8位 x 3个颜色通道);16位是高彩色;如果是32位,就成HDR(高动态范围成像)了。

显然,位越多,色彩越丰富,相应的存储空间也大。

CMYK颜色

CMYK模式用于印刷领域,用百分值表示,当CMYK全等于0%时显示白色,反之100%是黑色。

Lab颜色

为什么这个Lab颜色只能选择8位和16位呢?这就是涉及到色域了。Lab颜色模式主要根据人眼的正常能查看的色彩范围,所以也就不会更丰富的32位了。

新闻标题:颜色基础知识为了设计更好的网站设计。
分享路径:https://www.cdcxhl.com/news22/80522.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站建设