图形图像基础知识

第1章图形图像基础知识

1.1 Photoshop功能简介

Photoshop是一款强大的平面设计软件，在网页设计、建筑效果图设计、平面广告设计、特效文字设计、界面设计和影像创意设计等设计领域都有广泛的应用。

1．平面设计的概念

平面设计是设计者借助一定的工具材料，将所要表达的形象及创意在二维空间中塑造出的视觉艺术。其广泛应用于广告、招贴、包装、海报、插图及网页制作等，因此，平面设计就是视觉传达设计。

2．平面设计的应用

（1）广告设计

在现实生活中，广告已和人类社会的经济以及人们的文化生活紧密交织在一起。在平面广告设计中一般包含有文字和图形。常见的表现手法有名人与名牌、夸张与准确、幽默与悬念、劝导与引诱恐吓等。

广告作品一般由主题、创意、文字、形象和衬托等组成。广告创作就是将这些要素有机地结合起来，成为一则完整的广告作品，如图1-1所示。

图1-1 广告设计

（2）商标设计

标志是表明事物特征的记号。商标、店标、厂标等专用标志对于发展经济、创造经济效益、维护企业和消费者权益等具有巨大的实用价值和法律保障作用。各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体乃至个人（图章、签名）等几乎都有表明自己特征的标志，如图1-2所示。

（3）包装设计

包装是商品生产的延续，是商品的有机组成部分，商品经过包装和生产过程才算完成。随着商品经济的发展，商品的包装设计越来越受到重视，如图1-3所示。

图1-2 商标设计图1-3 鲜奶包装设计

（4）网页设计

在因特网上，有很多设计独特、美观、新颖的网站，这些网站的网页使用了许多平面设计的技巧，如图1-4所示。

图1-4 网页设计

1.2图像的基本概念

1.2.1像素和分辨率

要学习计算机平面设计，必须掌握图像的像素数据是如何被测量与显示的基本知识，

这里涉及以下几个概念。

1．像素

像素是构成图像的最小单位，是图像的基本元素。

2．分辨率

分辨率是指单位长度内所含像素点的数量，单位为“像素每英寸”（pixel/inch，ppi）。

分辨率对处理数码图像非常重要，与图像处理有关的分辨率有图像分辨率、打印机或屏幕

分辨率等，如图1-5所示。

（a）1个像素（b）8个像素

图1-5 分辨率

3．图像分辨率

图像分辨率直接影响图像的清晰度，图像分辨率越高，则图像的清晰度越高，图像占

用的存储空间也越大。

4．显示器分辨率

在显示器中每个单位长度显示的像素或点数，通常以“点每英寸”（dpi）来衡量。显示

器的分辨率依赖于显示器尺寸与像素设置，个人计算机显示器的典型分辨率通常为96dpi。

5．打印机分辨率

与显示器分辨率类似，打印机分辨率也以“点每英寸”来衡量。如果打印机分辨率为

300~600dpi，则图像的分辨率最好为72~150ppi ；如果打印机的分辨率为1200dpi或更高，

则图像分辨率最好为200~300ppi。

通常情况下，如果希望图像仅用于显示，可将其分辨率设置为96ppi（与显示器分辨

率相同）；如果希望图像用于印刷输出，则应将其分辨率设置为300ppi或更高。

1.2.2图像的种类

计算机图像分为两大类：位图和矢量图。

1．位图

位图是指以点阵方式保存的图像。它由多个不同颜色的点组成，可以在不同的软件之

间转换，主要用于保存各种照片图像。位图的缺点是文件尺寸太大，且和分辨率有关。因

此，当位图的尺寸放大到一定程度后，会出现锯齿现象，图像将变得模糊，如图1-6所示。

第

1

章

图形图像基础知识

图1-6 位图放大后会出现锯齿现象

2．矢量图

矢量图是指利用图形的几何特性的数学模型进行描述的各种图形，与分辨率无关，将图形放大到任意程度，都不会失真，如图1-7所示。

图1-7 矢量图放大到任意程度，都不会失真

1.2.3颜色及颜色模式

图像处理离不开色彩处理，因为图像无非是由色彩和形状两种信息组成的。在使用色彩之前，需要了解色彩的一些基本知识。

1．色彩的三要素

色彩的三要素即色相、明度、纯度（色度）。任何一个颜色或色彩都可以从这三个方面进行判断分析。

色相：指色彩所呈现出来的质的面貌，例如红、黄、蓝、绿等。

明度：指色彩的明暗深浅程度，明度高，就是说颜色亮。

纯度：指色相的鲜艳程度，即色彩中其他杂色所占成分的多少。

2．颜色模式

颜色模式用来确定如何描述和重现图像的色彩。常见的颜色模型包括HSB（色相、饱和度、亮度）、RGB（红色、绿色、蓝色）、CMYK（青色、品红、黄色、黑色）和Lab等。因此，相应的颜色模式也就有RGB、CMYK、Lab等。如图1-8所示的是Photoshop调色板的几种颜色模式表示红颜色时的数值。

（1）RGB颜色模式

利用红（Red）、绿（Green）和蓝（Blue）三种基本颜色进行颜色加法，可以配制出绝大部分肉眼能看到的颜色。彩色电视机的显像管及计算机的显示器都是以这种方式来混合出各种不同的颜色效果的，如图1-9所示。

图形图像基础知识 第 1 章

图1-8 几种颜色模式 图1-9 RGB 颜色模式

Photoshop 将24位RGB 图像看作由三个颜色通道组成。这三个颜色通道分别为红色通道、绿色通道和蓝色通道。其中每个通道使用8位颜色信息，该信息由从0~255的亮度值来表示。这三个通道通过组合，可以产生1670余万种不同的颜色。在Photoshop 中用户可以很方便地从不同通道对RGB 图像进行色彩处理。

下面是RGB 颜色模式所表示的几种特殊颜色：

R255， G0， B0 表示红色；

R0， G255， B0 表示绿色；

R0， G0， B255 表示蓝色；

R0， G0， B0 表示黑色；

R255， G255， B255 表示白色。

（2）CMYK 颜色模式

CMYK 颜色模式是一种用于印刷的模式，分别是指青（Cyan ）、品红（Magenta ）、黄（Yellow ）和黑（Black ）。

CMYK 模式在本质上与RGB 颜色模式没有什么区别，只是产生色彩的原理不同。由于RGB 颜色合成可以产生白色，因此，RGB 产生颜色的方法称为加色法。而青色（C ）、品红（M ）和黄色（Y ）的色素在合成后可以吸收所有光线并产生黑色，因此，CMYK 产生颜色的方法称为减色法。

（3）Lab 颜色模式

Lab 颜色模式是以一个亮度分量L （Lightness ），以及两个颜色分量a 与b 来表示颜色的。其中，L 的取值范围为0~100，a 分量代表由绿色到红色的光谱变化，而b 分量代表由蓝色到黄色的光谱变化，且a 和b 分量的取值范围均为–120~120。

Lab 颜色模式是Photoshop 内部的颜色模式。该模式是目前所有模式中色彩范围（称为色域）最大的颜色模式。

（4）HSB 模式

HSB 模式以色相、饱和度、亮度与色调来表示颜色。

通常情况下，色相由颜色名称标识，如红色、橙色或绿色。

饱和度（又称彩度）是指颜色的强度或纯度。饱和度表示色相中灰色分量所占的比例，使用从0（灰色）～100%（完全饱和）的百分比来度量。

亮度是颜色的相对明暗程度，通常使用从0（黑色）～100%（白色）的百分比来度量。 色调是指图像的整体明暗度，例如，如果图像亮部像素较多，则图像整体上看起来较为明快。反之，如果图像中暗部像素较多，则图像整体上看起来较为昏暗。对于彩色图像而言，图像具有多个色调。通过调整不同颜色通道的色调，可对图像进行细微的调整。

（5）颜色模式的选择

在Photoshop 中，主要使用RGB 颜色模式，因为只有在这种模式下，用户才能使用Photoshop 软件系统提供的所有命令与滤镜。因此，用户在进行图像处理时，如果图像的颜色模式不是RGB ，则可首先将其颜色模式转换为RGB 模式，然后进行处理。 1.3 图像文件格式