1、PAGE PAGE 20第一章 數(shù)字(shz)圖形基礎(chǔ)知識計算機產(chǎn)生(chnshng)的圖形是數(shù)字化的圖形，它與傳統(tǒng)(chuntng)圖形的最大區(qū)別是構(gòu)成它的元素不同。當(dāng)代最重要的未來學(xué)家尼葛洛龐帝在他20世紀末的巨著數(shù)字化生存第一部“比特的時代”中寫道：“要了解數(shù)字化生存價值和影響，最好的辦法就是思考比特和原子的差異 ”。他把“比特”（bit）稱作“信息的DNA”，認為它正在迅速取代原子而成為人類生活中的基本交換物。傳統(tǒng)視覺圖形與數(shù)字圖形的存在方式，也完全適用這樣的劃分：傳統(tǒng)圖形是原子的，它用物理的線條和色彩描述；數(shù)字圖形是比特（bit）的，它用虛擬的線條和色彩描述。圖形的存在方式造就了它的

2、個性，也構(gòu)成了不同圖形之間的差異和特點。根據(jù)計算機對圖像的處理原理以及應(yīng)用的軟件和使用環(huán)境的不同，數(shù)字圖形可以分為矢量圖形和點陣圖形兩大類型。 1.1 以矢量圖存在的數(shù)字圖形 矢量圖也叫向量圖，也稱“面向?qū)ο驁D形”，矢量圖形是用數(shù)字方程描述的圖，它由矢量定義的直線、曲線和色彩組成，根據(jù)輪廓的幾何特性進行描述?；谑噶坷L圖的程序如CorelDRAW，Adobe I11ustrator，F(xiàn)reehand等。 1.1.1 物件（圖元） “圖元”（Primitives）是矢量圖中可用來構(gòu)成更復(fù)雜物體的基本元素或部件。最常見的矢量圖圖元有直線、折線、曲線、螺旋線、矩形、圓形、多邊形、不規(guī)則形等。一張復(fù)雜

3、的矢量圖是由很多個不同大小和形狀的“圖元”構(gòu)成的。矢量圖的數(shù)量越多、圖形就越復(fù)雜、圖形文件就越大。 圖1-1 矢量圖圖元1.1.2 矢量圖的組成(z chn) 矢量圖是數(shù)字圖形兩大類別中的一類(y li)。它本身沒有構(gòu)成圖形的“像素(xin s)”，只是當(dāng)圖形在計算機的顯示器或打印機上輸出時，矢量圖才被硬件賦予虛擬點的方式呈現(xiàn)出來。 矢量圖的組成方式與點陣圖不同，它不是由像素矩陣式排列，而是計算機按矢量的數(shù)字模式描述的結(jié)果。因此，它不受像素的制約，可以放大很多級數(shù)，很適合表現(xiàn)無標度的分形圖形的層層勘套和無窮的細部。1.1.3 矢量圖的優(yōu)、缺點（一） 優(yōu) 點由于矢量圖的結(jié)構(gòu)特點，它沒有構(gòu)成圖形的

4、最小單位：像素，而是一種矢量描述的圖形。因此，矢量圖無論在顯示屏或打印機上放大多少倍。它的邊緣看上去都是光滑的，不會出現(xiàn)鋸齒狀。這是矢量圖的最明顯的優(yōu)點之一。圖1-2 矢量圖的優(yōu)點(yudin) A。 矢量圖b、c、d ，是a的各個(gg)局部。圖1-3 矢量圖的優(yōu)點(yudin) B。把矢量圖b、c、d各個(gg)局部放大，讓它成與a同樣大小，曲線都是圓滑的。矢量圖是由計算機按矢量的數(shù)字模式描繪的，因此它的文件大小對圖形的尺寸不敏感(mngn)，不會因圖形尺寸的大小而占據(jù)較大的存儲空間。這是矢量圖的最明顯(mngxin)的優(yōu)點之二。一個3 mm直徑的圓形與一個30000 mm直徑的圓形在co

5、rel DRAW 12 里，它們的文件大小都是12.5KB，所占用的空間是完全一樣大的。不含有點陣圖的純矢量圖占據(jù)的存儲器空間很小，一幅由上百個物件組成的復(fù)雜的矢量圖，圖形文件可能只有幾百K字節(jié)大小，而把它轉(zhuǎn)換成相同尺寸、相同分辨率的點陣圖后，文件可能會增大到這個矢量圖的幾十倍甚至幾百倍。（二）缺 點矢量圖的文件兼容性不大好，不同的軟件有不同的文件格式，并且很多是不能通用的。如：*.cdr 是corel DRAW! 的文件格式，*.dwg是auto CAD的文件格式，*.ai 是Illustrator的文件格式，*.max是 3DS MAX 的文件格式，還有各種不同軟件產(chǎn)生的三維矢量圖的文件格

6、式。矢量圖的文件對軟件的版本有嚴格的級別要求，一般高版本可以兼容低版本，但低版不能兼容本高版本。有時即使是同一軟件的同一版本，中文版和英文版也不能兼容。 如corel DRAW! 就是典型的例子。矢量圖的文件對文本字體也非常敏感，要求有相應(yīng)的字庫與之匹配，如果你在自己家里畫了一個矢量圖，其中包含有“方正舒體”的字體，當(dāng)你把這個文件拷貝到學(xué)校機房的計算機里打開時，若是那里的計算機沒有安裝有“方正舒體”字庫，計算機系統(tǒng)會提示你將用一種其他的字體替代。因此，我們在拷貝文件的時候，要把矢量圖中的字體轉(zhuǎn)為“曲線”方式，以避免在其他計算機上打開它時出現(xiàn)字體不匹配的情況。這樣做也存在一種不足，就是轉(zhuǎn)為“曲線

7、”方式的字體不能再重新編輯。我們往往在拷貝文件的時候，要多拷貝一份沒有轉(zhuǎn)為“曲線”方式的，最好是把這種字庫一起拷貝帶走。矢量圖的缺點(qudin)是看上去不“真實(zhnsh)”，有明顯的人工繪制的痕跡，顯得有些呆板。復(fù)雜的矢量圖，在某種場合下可能會出現(xiàn)(chxin)打印和顯示問題，有時打印出的是亂碼，有時只能打印出其中的一部分而漏掉另一部分。1.2 以點陣圖存在的數(shù)字圖形 點陣圖由稱為像素的細小方塊形成的網(wǎng)格組成，也叫位圖、像素圖或柵格圖像，是諸如Adobe Photoshop 、Corel PHOT-PAINT 等繪圖程序產(chǎn)生的圖 形，也可以通過掃描、數(shù)字相機或者一張 PhotoCD 中獲

8、得。與矢量圖形相比位圖圖像更容易模擬照片式的真實效果。 1.2. 1 像素 我們所見到的數(shù)字圖形，根據(jù)它們在計算機里生成的結(jié)構(gòu)和不同方式，可分為“點陣圖”和“失量圖”兩大類。要弄清“點陣圖”的秘密必須首先了解構(gòu)成點陣圖的最小單位 像素。像素是構(gòu)成點陣圖的基本單位。一個點陣圖是由許多個大小相同的像素沿水平方向和垂直方向按統(tǒng)一的矩陣整齊排列而成的。就像我們用不同顏色的地磚一塊塊在房間里鋪設(shè)地板圖案一樣。像素的英文名稱是Pixel，它是一個復(fù)合詞，由Picture和Element復(fù)合而成。像素本身是沒有實際尺寸的，它依賴于輸出（呈現(xiàn)）它的硬件設(shè)備。只有當(dāng)像素向指定的設(shè)備（如顯示器、打印機 ）輸出時，

9、才具有物理量的長、寬、面積等。 圖1-4 花，像素(xin s)（100% 原圖(yun t)）如果我們(w men)把一張100的點陣圖分別放大200、400、800、1200，可清楚看到構(gòu)成這張圖的像素（小方格）越來約明顯。 圖1-5 花，像素（200）圖1-6 花，像素（400）圖1-7 花，像素(xin s)（800）圖1-8 花，像素(xin s)（1200）1.2.2 點陣圖的組織(zzh) 點陣圖是由一定數(shù)目的像素組合而成的，像素是構(gòu)成點陣圖的最小單位，點陣圖的大小與精致，取決于組成這幅圖的像素數(shù)目的多少。由于像素的分布是沿水平和垂直兩個方向矩陣式排列的，任何一個點陣圖總是有一定

10、數(shù)目的水平像素和垂直像素。我們通常用“水平像素數(shù)垂直像素數(shù)”表示一幅點陣圖的大小。如一幅像素是800600 Pixel 的點陣圖，它的像素數(shù)是480,000 Pixel。我們鑒別一個點陣圖的精致與否，應(yīng)該看它有多少像素，而不是看它有多少長寬尺寸（點陣圖的長寬尺寸與顯示分辨率有關(guān)），或有多少字節(jié)（通常說有多少兆），只有像素才是決定一個點陣圖精致與粗糙的決定因素。在相同的圖形文件格式和相同的位深度的情況下，一個點陣圖包含的像素越多，它的圖形文件就越大，所要占據(jù)的存儲器空間也越大。 影響(yngxing)點陣圖大小的還有兩個因素：“位深度(shnd)”和儲存(chcn)圖形的“文件格式”。 “位深度

11、”是計算機用來記錄每個像素顏色豐富與單調(diào)的一種量度。位深度的數(shù)值越大，點陣圖的顏色就越豐富，圖形所需占用的空間也越大。儲存點陣圖的“文件格式”不同，直接影響到文件的大小，在其他條件相同的情況下，采用TIFF格式儲存點陣圖，比采用EPS格式儲存時的文件要小，但比采用JPEG格式儲存時的文件要大。點陣圖也稱“位圖”、“光柵圖”。它多借助掃描儀、數(shù)碼照相機等輸入設(shè)備來獲取素材。1.2.3 點陣圖的特征 優(yōu)、缺點（一） 優(yōu) 點點陣圖的最大優(yōu)點是能夠較“真實”地再現(xiàn)人眼觀察到的世界，效果類似于照片，它比用失量圖畫出來的圖形要“逼真”得多。在顯示器再現(xiàn)允許的范圍里，點陣圖的“位深度”越大，它表現(xiàn)的顏色就越

12、豐富；點陣圖的分辨率越高，它的圖形就越精細，色彩變化就越細膩。相對矢量圖來說，點陣圖不大受到文件格式的局限，兼容性較好；*.JPG、 *.TI F、*.BMP 等都是很常用和很好用的點陣圖文件格式。（二） 缺 點 點陣圖的主要缺點是當(dāng)點陣圖尺寸較大或用高分辨率掃描圖片時，需要消耗大量的存儲器空間存儲它們，另外還需要較好的硬件設(shè)備進行處理。這就要求經(jīng)常編輯較大點陣圖和高分辨率圖片的設(shè)計師們，必須準備充裕的存儲器和配置較高的計算機硬件。點陣圖的另一個缺陷是它不能象矢量圖那樣無限放大，因此它很難表現(xiàn)非常(fichng)精細的圖形。當(dāng)一張點陣圖被放大到一定的倍數(shù)之后，邊緣就會出現(xiàn)鋸齒狀，影響圖形邊緣的

13、圓滑和更精細的表達。圖1-9 田少煦，點陣圖的缺點(qudin) A。在相同分辨率的情況(qngkung)下，整體與局部的大小關(guān)系。 a b c d圖1-10 田少煦，點陣圖的缺點(qudin) B。點陣圖隨著放大(fngd)倍數(shù)的提高，邊緣會出現(xiàn)(chxin)鋸齒狀。1.3 分辨率（解析度） “分辨率”在有關(guān)圖形圖像、文字等描述(mio sh)中，是一個被誤解、混用得最多的概念。這是因為這個詞能使用于各種不同的場合，而每個場合都有各自固定的含義。 “分辨率”的簡單(jindn)定義，是指“在指定單位(dnwi)上的單位數(shù)目”。1.3.1 點陣圖的分辨率 點陣圖的分辨率，是指每個英寸長度單位內(nèi)

14、的像素數(shù)值。用通俗的語言表達，就是指每英寸長度單位內(nèi)能夠容納多少個像素。它用“像素/英寸”（Pixels inch） 即ppi表示。如果一個72 72 Pixel和點陣圖，圖的尺寸是2.54 2.54cm （ 1英寸 1英寸 ），分辨率就是72 ppi, 這個點陣圖剛好是1平方英寸大小。圖1-11 田少煦，植物，100原大圖形，一平方英寸。圖1-12 田少煦，植物，200原大圖形，二平方英寸 圖1-13 田少煦，植物(zhw)，400原大圖形(txng)，四平方英寸。圖1-14 田少煦，孺子牛，100原大圖形(txng)，一平方英寸。 圖1-15 田少煦，孺子牛，200原大圖形，二平方英寸。

15、圖1-16 田少煦， 孺子牛，400原大圖形(txng)，四平方英寸。由此，我們(w men)得出結(jié)論：A. 點陣圖的像素，隨著圖形分辨率的增大(zn d)而增加，它與分辨率成正比；圖形文件的大小也與分辨率成正比。 B. 點陣圖的尺寸隨著圖形分辨率的增大而縮小。尺寸與分辨率成反比。 分辨率 = 像素 / 圖的尺寸 根據(jù)上述結(jié)論，我們用同一個固定像素的點陣圖，分別在不同分辨率的視窗中打開，或在不同分辨率的打印機上打印，會得到尺寸大小不一樣的結(jié)果。我們打開名為“儺公儺母”的圖，系統(tǒng)缺?。?也叫默認 ）它的分辨率為72 ppi, 它的相關(guān)數(shù)據(jù)如下： 像素：寬886， 高625 （像素） 尺寸：寬31

16、.26， 高22.05 （厘米） 圖1-17 田少煦，儺公儺母，72ppi. 在不改變這個(zh ge)點陣圖像素的情況下，把它另存為分辨率是36 ppi的一幅(y f)圖，則可得到以下的變化：36 ppi：像素(xin s)：寬886， 高625 （像素）尺寸：寬62.51 高44.13 （厘米）； 圖1-18 田少煦，儺公儺母，36ppi . 在不改變這個點陣圖像素的情況下，把它另存為分辨率是144 ppi 的一幅圖，則可得到以下的變化：144 ppi：像素：寬886， 高625 （像素）尺寸：寬15.63 高11.02 （厘米）圖1-19 田少煦，儺公儺母，144ppi. 在“田少煦，儺

17、公儺母，36ppi”中，由于(yuy)分辨率比原圖縮小了1/2，圖的尺寸(ch cun)反而增大了2倍，由15.2414.04 cm增大(zn d)到30.4828.08 cm。 在“田少煦，儺公儺母，144ppi”中，由于分辨率擴大了2倍，圖的尺寸反而縮小了2倍，由15.2414.04 cm縮小到7.627.02 cm。如果用打印機來打印這三個圖，尺寸的變化規(guī)律也是一樣。 假設(shè)我們使用的是一臺300 dpi的激光打印機，打印一個300 ppi的點陣圖（圖甲），由于圖形的分辨率與打印機的分辨率相一致，打印機就用一個激光點來打印圖中的一個像素。我們把圖甲制作一個拷貝（image/duplicat

18、e）, 以150 ppi另存為（圖乙） ，圖形的分辨率縮小了1/2，當(dāng)用同一部打印機打印時，打印機就會用4個激光點打印圖形的一個像素，結(jié)果是“圖乙”比“圖甲”邊長放大了2倍。再以同樣的方法制作一個拷貝，另存為600 ppi的（圖丙），圖形的分辨率擴大了2倍，打印機就會用1個激光點來打印4個像素，結(jié)果是圖丙比圖甲邊長縮小了2倍。知道了“分辨率 = 像素 / 圖的尺寸”三者的關(guān)系，我們就能事先計算出打印一個規(guī)定尺寸的圖形，應(yīng)該把該圖的分辨率設(shè)置為多少ppi剛剛合適。圖1-20 田少煦，像素與打印(d yn)點的關(guān)系。1.3.2 矢量圖的分辨率 矢量圖是用數(shù)學(xué)方式的描述建立的圖形，計算機對于一個圖形

19、，不是按照長寬矩陣對像素進行點陣排列，而是按特定(tdng)的數(shù)學(xué)模式進行矢量的描述。例如畫一個圓，簡單的矢量描述是： MOVE TO 200,200 CIRCLE 40 因此(ync)，在矢量圖的物件中，沒有組成圖形的像素，它的圖形本身不存在分辨率的問題。 應(yīng)該注意的是，我們使用的計算機顯示器，絕大多數(shù)都是CRT技術(shù)的光柵掃描形式的彩色顯示器，這種顯示器是按照水平垂直方向快速掃描的方式顯示圖形的，整個屏幕的視覺范圍由800600個（或640480，因顯示器而異）小光點（光柵）組成，無論是點陣圖或是矢量圖，顯示的方式都一樣。就象我們房間里的拼花地磚，一塊塊同樣大小而顏色、花紋不同的地磚，能鑲拼

20、出一間房子優(yōu)美的地面圖案。 矢量圖雖然本身是一幅沒有小點（最小單位）的光滑的圖案，但它必須借助計算機的顯示器把圖形呈現(xiàn)給觀眾，因此就不得不接受顯示器的擺布，把它光滑的圖案拆分成800600（或12801024）個小點，均勻地投射到整個熒光屏上。我們在顯示器上看到的矢量圖，已經(jīng)是經(jīng)過顯示器“踐踏”后的容貌。好在人的視覺能力不太好，在15英寸20英寸的顯示器上，分辨不清被拆分后形成的0.3 0.25mm的小色點與未拆分前光滑的圖案有多大差別。所以我們一般都天真地認為這幅圖案仍然是光滑的。只有當(dāng)顯示器出現(xiàn)毛病時，熒光屏上閃爍著刺眼的“雪花”光斑，我們才會想起顯示器還存在“顆?！?。由此可見，顯示器是以一種(y zhn)虛擬的點來顯示矢量圖的。但我們必須明白，這種虛擬的點不是由