1.1 圖像和色彩的基礎知識

無論是圖像設計軟件還是三維設計軟件，在設計的過程中都或多或少需要掌握一些理論知識，如圖像的分辨率、位深度和格式等圖像知識，以及RGB、CMYK和HSB等色彩知識，這樣才不至于帶著困惑處理圖像。

1.1.1 圖像的種類

圖像分為位圖（Bitmap）和矢量圖（Vector Graphcis）兩種類型。談及這兩種圖像類型，我們就需要將Illustrator和Photoshop這兩款軟件進行對比，它們都是用于處理圖像的軟件，但是Illustrator主要用于處理矢量圖，而Photoshop主要用于處理位圖，矢量圖和位圖之間的差異就體現在這兩款軟件制作的圖像上。

1. 位圖

位圖是由許多點組成的圖像，而組成位圖的每一個點都是一個像素（Pixel），因此位圖也被稱作點陣圖。它的優點是能夠表現豐富的色彩，但是其圖像的質量跟分辨率有關，即放大會失真，因此其文件數據量相對較大，也會耗費較多的存儲資源。一般情況下，Photoshop是處理位圖圖像的不二之選。如圖1-1所示，由Photoshop處理的位圖經放大后圖像邊緣變得模糊。

2. 矢量圖

矢量圖是由基于數學公式定義的直線和曲線構成的圖形，這些直線和曲線稱為路徑。它的特點是圖像的質量與分辨率無關，放大不會失真，因此占用的存儲資源相對較小，常被用于字體設計、標志設計和版式設計。矢量圖在色彩的表現上相對不是那么豐富。常用的矢量圖處理軟件有Illustrator、CorelDRAW。如圖1-2所示，由Illustrator處理的矢量圖經放大后邊緣依舊清晰。

知識點：位圖和矢量圖之間的轉換

將位圖轉換為矢量圖的過程稱為矢量化，其實現難度較大，Illustrator中提供了相應的控件用于將位圖轉換為矢量圖；將矢量圖轉換為位圖的過程稱為柵格化，其實現難度較小，這樣的操作在Photoshop中較為常見。

1.1.2 圖像的基本屬性

圖像主要有3種基本屬性，分別為分辨率、位深度、真偽彩色。鑒于學習的需要，本小節將著重介紹圖像的分辨率和位深度這兩種基本屬性。

1. 分辨率

分辨率是指單位長度上像素的數量，又可稱之為像素密度，其單位為像素/英寸（Pixel Per Inch，PPI），它是衡量圖像質量的一個重要指標，分辨率越高，圖像單位長度內包含的像素數量也就越多，對應的圖像也就越清晰。對于同樣大小的圖像，其像素總數越多，圖像的分辨率越高，如在手機或計算機等設備上分別查看1614px×1080px、538px×360px的圖像，并將它們縮放到同等大小，我們能夠明顯地看到像素總數為1614px×1080px的圖像更加清晰，如圖1-3所示；對于像素總數相同的圖像，用于顯示它的設備越小，其分辨率越高，如像素總數為1920px×1080px的同一張圖像，在手機上查看相較于在計算機上查看會更加清晰。

2. 位深度

位深度是指存儲每個像素所用的位數（bit），它決定了圖像中任意一個像素可能出現的顏色種類數量。位深度越高，圖像所能表現的顏色種類就越多，同時其占用的存儲資源也就越多。

1.1.3 顏色模式

在現實生活中大家肯定有過這樣的生活經驗，在日落時分觀看晚霞，會感覺它的顏色十分鮮艷，隨著時間的推移，待夜幕降臨之時，天空中的顏色逐漸變暗，直至變成黑暗的世界。在這個過程中我們是通過眼睛感知到變化的，那么為什么黑夜之后，眼睛便不能看到物體的顏色了呢？人之所以能夠看到色彩，那是因為有光，如果沒有光，那么世界將是一片黑暗。

除此之外，不同物體的顏色一般也是有差異的，為什么會出現這樣的差異呢？首先我們需要知道日光在照射到物體上后會被吸收掉一部分，而通過物體反射到眼睛的顏色才是該物體的顏色；其次，由于不同物體的吸收部位是不同的，因此看到不同的物體，其顏色也會有差異。人類的眼睛具有分辨數百萬種顏色的能力，可見人類對于顏色的感知是十分敏銳的。

既然人類能夠分辨出那么多種顏色，那么我們應該怎樣去描述一種顏色呢？這就引出了將要介紹的顏色模式，常見的顏色模式有RGB、CMYK、HSB、Lab和YUV等。下面將著重介紹RGB、CMYK和HSB這3種顏色模式。

1. RGB

RGB是基于加色原理通過紅色（Red）、綠色（Green）和藍色（Blue）3個顏色通道的相互疊加得到各種顏色的顏色模式，常被用在顯示器、電視機等顯示設備上。

2. CMYK

CMYK顏色模式是基于減色原理，通過青色（Cyan）、品紅色（Magenta）、黃色（Yellow）和黑色（Black）4種顏色混合得到各種顏色的顏色模式，主要應用于印刷領域，因此這4種顏色也被稱為“印刷四色”。

知識點：加色混合和減色混合

加色混合即由紅色、綠色和藍色三原色按不同比例混合得到任意一種顏色，通過加色混合，顏色越深，混合色越亮，如圖1-4所示。

減色混合即由青色、品紅色和黃色三原色按不同比例混合得到任意一種顏色，通過減色混合，顏色越深，混合色越暗，如圖1-5所示。

知識點：互補色

兩種顏色以適當的比例混合得到無彩色，則這兩種顏色互補，對應到色相環上，就是在色相環上相距180°的兩種顏色互為互補色，如紅色和青色是一對互補色，綠色和品紅色是一對互補色，藍色和黃色是一對互補色，如圖1-6所示。互補色的對比十分強烈，我們在設計時為了突出主體，通常將前景和背景的顏色設置成互補色，使其形成對比。

3. HSB

HSB是由色相（Hue）、飽和度（Saturation）和明度（Brightness）這3種顏色的基本屬性來描述色彩，在理解該顏色模式之前需要先理解顏色的這3個基本屬性。我們可以在任何一款圖像編輯軟件的“拾色器”對話框中看到它們之間的關系，如圖1-7所示。

顏色分為有彩色和無彩色，有彩色即紅色、黃色、綠色和藍色等顏色，無彩色即黑色、灰色和白色，我們可以簡單地認為色相是用于區分有彩色種類的名稱，但是像黑色、灰色和白色這些無彩色是不存在色相的；飽和度即顏色的鮮艷程度，也可以理解為顏色的純度，越鮮艷的顏色飽和度越高，越暗淡的顏色飽和度越低；明度就是顏色的明亮程度。