第一讲photoshop基础知识教学教案

《第一讲photoshop基础知识教学教案》由会员分享，可在线阅读，更多相关《第一讲photoshop基础知识教学教案（42页珍藏版）》请在金锄头文库上搜索。

1、第一讲 photoshop基础知识,网页开发工具第一讲 photoshop基础知识,1.1 色彩模式,在自然界所看到的各种色彩都是由三种色光或三种颜色组成的，它们本身不能再拆分出其他的颜色成分，所以称为三原色。三原色分为光学三原色和物理三原色，三原色各自混合后，形成了不同的色彩体系。 在进行图形图像处理时，色彩模式以建立好的描述和重现色彩的模型为基础，每一种模式都有它自己的特点和适用范围，用户可以按照制作要求来确定色彩模式，并且可以根据需要在不同的色彩模式之间转换。,网页开发工具第一讲 photoshop基础知识,色轮是颜色处理的核心,绝大多数颜色控制都是基于传统的色轮，理解色轮的基本概念（色

2、相、饱和度和亮度）就能更好地控制photoshop的颜色。,网页开发工具第一讲 photoshop基础知识,色相指从物体反射或透过物体传播的颜色。在0到360度的标准色轮上，色相是按位置计量的。在通常的使用中，色相由颜色名称标识，比如红、橙或绿色。 饱和度是指颜色的强度或纯度，用色相中灰色成分所占的比例来表示，0%为纯灰色，100%为完全饱和。在标准色轮上，从中心位置到边缘位置的饱和度是递增的。 亮度是指颜色的相对明暗程度，通常将0%定义为黑色，100%定义为白色。,网页开发工具第一讲 photoshop基础知识,在HSB模式中，S和B的取值都是百分比，唯有H的取值单位是度，这个度是什么意思？

3、 是角度，表示色相位于色相环上的位置，将我们前面学过的色相环加上角度标志就明白了，如下图：,从0度的红色开始，逆时针方向增加角度，60度是黄色，180度是青色等等。360度又回到红色。打开photoshop中的拾色器进行各种调整可以看到效果。,网页开发工具第一讲 photoshop基础知识,1.1.2 RGB色彩模式,自然界中绝大部分的可见光谱可以用红、绿和蓝三色光按不同比例和强度的混合来表示。RGB分别代表着3种颜色：R代表红色，G代表绿色、B代表蓝色。RGB模型也称为加色模型，如图所示。RGB模型通常用于光照、视频和屏幕图像编辑。,电脑屏幕上的所有颜色，都由这红色绿色蓝色三种色光按照不同的

4、比例混合而成的。一组红色绿色蓝色就是一个最小的显示单位。 屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。,网页开发工具第一讲 photoshop基础知识,我们用放大镜就近观察电脑显示器或电视机的屏幕，会看到数量极多的分为红色绿色蓝色三种颜色的小点。如下左图，下右图是左图的局部放大。屏幕上的所有颜色，也就是我们看到的所有图像内容，都是由它们调和而成的。,网页开发工具第一讲 photoshop基础知识,RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0255范围内的强度值。例如：纯红色R值为255，G值为0，B值为0；灰色的R、G、B三个值相等（除了0和255）；白色的R

5、、G、B都为255；黑色的R、G、B都为0。RGB图像只使用三种颜色，就可以使它们按照不同的比例混合，在屏幕上重现16581375种颜色。 按照计算，256级的RGB色彩总共能组合出约1678万种色彩，即25625625616777216。 通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。这24位色还有一种较为怪异的称呼是8位通道色，为什么这样称呼呢？ 这里的所谓通道，实际上就是指三种色光各自的亮度范围，我们知道其范围是256，256是2的8次方，就称为8位通道色。,网页开发工具第一讲 photoshop基础知识,我们所看到的图片实际是由三个部分组成的。,网页开发工具第一讲

6、 photoshop基础知识,可以把三原色光比作三盏不同颜色的可调光台灯，那么通道就相当于调光的按钮。 对于单独的R或G或B而言，当数值为0的时候，代表这个颜色不发光；如果为255，则该颜色为最高亮度。 这就好像调光台灯一样，数字0就等于把灯关了，数字255就等于把调光旋钮开到最大。 现在思考一下：屏幕上的纯黑、纯白、最红色、最绿色、最蓝色、最黄色的RGB值各是多少？,网页开发工具第一讲 photoshop基础知识,1.1.3 CMYK色彩模式,CMYK也称作印刷色彩模式，顾名思义就是用来印刷的。 它和RGB相比有一个很大的不同： RGB模式是一种发光的色彩模式，你在一间黑暗的房间内仍然可以看

7、见屏幕上的内容； CMYK是一种依靠反光的色彩模式，我们是怎样阅读报纸的内容呢？是由阳光或灯光照射到报纸上，再反射到我们的眼中，才看到内容。它需要由外界光源，如果你在黑暗房间内是无法阅读报纸的。,网页开发工具第一讲 photoshop基础知识,只要在屏幕上显示的图像，就是RGB模式表现的。现在加上一句：只要是在印刷品上看到的图像，就是CMYK模式表现的。 和RGB类似，CMY是3种印刷油墨名称的首字母：青色Cyan、洋红色Magenta、黄色Yellow。 而K取的是black最后一个字母，之所以不取首字母，是为了避免与蓝色(Blue)混淆。 从理论上来说，只需要CMY三种油墨就足够了，它们三

8、个加在一起就应该得到黑色。 但是由于目前制造工艺还不能造出高纯度的油墨，CMY相加的结果实际是一种暗红色。因此还需要加入一种专门的黑墨来中和。,网页开发工具第一讲 photoshop基础知识,CMYK色彩模式以打印油墨在纸张上的光线吸收特性为基础，图像中每个像素都是由靛青（C）、品红（M）、黄（Y）和黑（K）色按照不同的比例合成。每个像素的每种印刷油墨会被分配一个百分比值，最亮（高光）的颜色分配较低的印刷油墨颜色百分比值，较暗（暗调）的颜色分配较高的百分比值。 例如，明亮的红色可能会包含2%青色、93%洋红、90%黄色和0%黑色。在 CMYK 图像中，当所有4种分量的值都是0%时，就会产生纯白

9、色。,网页开发工具第一讲 photoshop基础知识,CMYK色彩模式的图像中包含四个通道，如图所示。我们所看见的图形是由这4个通道合成的效果。,网页开发工具第一讲 photoshop基础知识,色轮中的互补色存在互相吸收的特性。,互补色,网页开发工具第一讲 photoshop基础知识,RGB是加色模式，CMYK是减色模式。两种加色相加得到一种减色，两种减色相加将得到一种加色。,RGB和CMYK色彩模式之间的关系,网页开发工具第一讲 photoshop基础知识,1.2 像素和分辨率,分辨率用于衡量图像细节的表现能力，在图形图像处理中，常常涉及到的分辨率的概念有以下几种不同的形式： 显示器分辨率

10、图像分辨率 打印机分辨率,网页开发工具第一讲 photoshop基础知识,1.2.1 显示器分辨率,显示器分辨率是指显示器上每单位长度显示的像素或点的数目，通常以点英寸（dpi）为计量单位。显示器分辨率决定于显示器尺寸及其像素设置，PC显示器典型的分辨率为96 dpi。 在平时的操作中，图像像素被转换成显示器像素或点，这样，当图像的分辨率高于显示器的分辨率时，图像在屏幕上显示的尺寸比实际的打印尺寸大。例如，在96 dpi的显示器上显示11平方英寸、192像素/英寸的图像时，屏幕上将以22平方英寸的区域显示。,网页开发工具第一讲 photoshop基础知识,1.2.2 图像分辨率,图像分辨率是指

11、单位图像线性尺寸中所包含的像素数目，通常以像素英寸（ppi）为计量单位.打印尺寸相同的两幅图像，高分辨率的图像比低分辨率的图像所包含的像素多。 例如：打印尺寸为11平方英寸的图像，如果分辨率为72 ppi，包含的像素数目为5184（7272=5184）.如果分辨率为300ppi，图像中包含的像素数目则为90000.高分辨率的图像在单位区域内使用更多的像素表示，打印时它们能够比低分辨率的图像重现更详细和更精细的颜色转变。,网页开发工具第一讲 photoshop基础知识,要确定使用的图像分辨率，应考虑图像最终发布的媒介。如果制作的图像用于计算机屏幕显示，图像分辨率只需满足典型的显示器分辨率（72

12、ppi或96ppi）即可。如果图像用于打印输出，那么必须使用的高分辨率（150 ppi或300ppi），低分辨率的图像打印输出会出现明显的颗粒和锯齿边缘。 需要注意的是，如果原始图像的分辨率较低，由于图像中包含的原始像素的数目不能改变，因此，简单地提高图像分辨率不会提高图像品质。,网页开发工具第一讲 photoshop基础知识,1.2.3 打印机分辨率,打印机分辨率是指打印机每英寸产生的油墨点数，大多数激光打印机的输出分辨率为300dpi 600dpi，高档的激光照排机在1200dpi以上。 打印机的DPI是印刷上的计量单位，指每平方英寸上印刷的网点数。印刷上计算的网点大小（Dot）和计算机屏

13、幕上显示的像素（Pixel）是不同的。 一般对于打印分辨率，印刷行业有一个标准：300dpi。就是指用来印刷的图像分辨率，至少要为300dpi 才可以，低于这个数值印刷出来的图像不够清晰。,网页开发工具第一讲 photoshop基础知识,如果打印或者喷绘，只需要72dpi 就可以了。注意这里说的是打印不是印刷。打印是指用普通的家用或办公喷墨打印机。喷绘就是街头的大幅面广告，因为需求数量少一般不作印刷。因为印刷有一个起步成本，数量越多单价就越便宜。比如印1000份需要500元，而印3000份可能总共也只需要1000元就可以了。所以一般的街头广告(比如公车站的灯箱广告)都是使用大幅面喷绘机制作的。

14、喷绘机的工作原理和喷墨打印机类似，只是体积大上许多，价格也较为昂贵。 打印分辨率和打印尺寸，顾名思义就是在在那些需要打印或印刷的用途上才起作用。比如海报设计，报纸广告等。,网页开发工具第一讲 photoshop基础知识,图像的两种尺寸和换算关系： 1、一种是像素尺寸，也称显示大小或显示尺寸。等同于图像的像素值。 2、一种是打印尺寸，也称打印大小。需要同时参考像素尺寸和打印分辨率才能确定。 3、在分辨率和打印尺寸的长度单位一致的前提下(如像素/英寸和英寸)，像素尺寸分辨率=打印尺寸。 在后面的课程中，我们提到图像尺寸的时候一般单位是指像素。而对于网页设计等主要在屏幕上显示的用途来说，则不必去理会

15、打印分辨率和打印尺寸。只需要按照像素去定义图像大小就可以了。,网页开发工具第一讲 photoshop基础知识,1. 3 图像类型,我们所看到的图像，究竟是如何构成的呢？这就需要涉及到图像类型的概念。电脑中的图像类型分为两大类，一类称为点阵图，一类称为矢量图。 1、点阵图 点阵图顾名思义就是由点构成的，如同用马赛克去拼贴图案一样，每个马赛克就是一个点，若干个点以矩阵排列成图案。 数码相机拍摄的照片、扫描仪扫描的稿件以及绝大多数的图片都属于点阵图。 2、矢量图 矢量图像属于描述性，以线段和计算公式作为记录的对象。,网页开发工具第一讲 photoshop基础知识,比如下面这幅图中的直线： 如果以点阵

16、方式来记录，就是从左上角第一个点开始，到右下角最后一个点结束，记录所有像素的颜色。记录这幅图像(20050像素)就需要1万个信息。即使这条直线本身并没有那么多像素，但点阵方式也是完整的把整幅图的像素记录下来。 因此不管是一条直线还是两条三条，对于点阵图像来说都是一样的。都是去逐个记录图像中的所有像素。 如果用矢量来记录这条直线，只需要三个信息：直线起点坐标、直线终点坐标、直线的颜色。在还原的时候就利用这三个信息去生成图像即可。,网页开发工具第一讲 photoshop基础知识,显示器是点阵的，包括传统的CTR显示器、液晶显示器、等离子显示器等。这就造成一个事实，无论你在制作时候采用点阵还是矢量，在显示器上显示出来的话，最终还是以点阵方式展现的。而两者的区别，只体现在对图像的处理过程中了。就如同我们在课程#01中讲到的RGB色彩一样：无论使用何种色彩模式，只要是在显示器上显示，最终是转换为RGB的。 那既然最终是点阵输出，那使用矢量图像还有什么意义呢？ 即使