1.2 矢量圖與位圖

如果立志要成為一名設計師，就必須掌握矢量圖與位圖這兩個概念。它們是設計的最基本的概念，只要接觸圖片就必然會接觸這兩個概念。

1.2.1 矢量圖形與矢量對象

作為軟件的使用者，用戶不必對矢量這個概念有很深刻的理解，明白矢量圖形是從數學的角度來描述的圖形，指的是一系列由線連接的點就足夠了。矢量圖形包含所繪線條的位置、長度和方向，是線條的集合，這也是矢量圖形文件尺寸十分小的主要原因。

矢量對象是矢量文件中的圖像元素，而且每個對象都是一個獨立的實體。它們都具有本身的顏色、形狀、輪廓、大小和位置等基本屬性。因為矢量對象具有獨立性，所以在對其進行各種操作（包括清晰度、彎曲度、位置、角度等屬性的調節）時均不會影響文件中的其他對象。

矢量圖形和矢量對象與分辨率無關，也就是說它們是按照最高的分辨率顯示到輸出設備上，而且它們被放大無數倍以后依然清晰。在Illustrator CC 2019中打開圖1-8所示的矢量圖，將其放大，就會發現圖片沒有出現位圖那樣的鋸齒現象，而是始終保持平滑的邊緣。

矢量圖形最主要的優點在于可以很平滑地印刷輸出，尤其是在輸出文字類路徑時能保持非常優質的平滑效果。矢量圖形輸出后仍可以保持文字邊緣的整齊以及曲線的光滑。因為矢量圖形有著這樣的特性，所以它常常被應用于線條明顯、具有大面積色塊的圖案，例如商業設計實戰中的標志設計和插畫設計。

以標志設計舉例，因為標志既會使用在很小的名片上，也會使用在戶外大型廣告牌上，如果使用位圖制作標志，文件體積會太大以至于超過電腦的承受能力，而用矢量圖來設計制作則非常方便。圖1-9所示是全球知名的蘋果公司的標志應用在不同情況下的實景照片。

1.2.2 位圖圖像

位圖圖像是由無數細小的像素組成的圖像，組成圖像的每一個像素都擁有自己的位置、亮度和大小等。位圖圖像的大小取決于像素數目的多少，而圖像的顏色則取決于像素的顏色。

位圖圖像的清晰度與分辨率有關，分辨率代表單位面積內包含的像素，分辨率越高，在單位面積內的像素就越多，圖像也就越清晰。因此，位圖放大以后會出現鋸齒現象，如圖1-10所示。

但是，位圖也有矢量圖無法比擬的優勢：它具有十分豐富且細膩的圖像層次和多種多樣的圖像效果，適合表現風景和人物照片。

綜上所述，用戶在制作圖像的時候可根據最后的制作要求和用途，選擇用矢量圖或位圖進行制作。

1.2.3 矢量圖與位圖之間的關系

看完上面對矢量圖和位圖的講解，不難發現這兩種圖像各有千秋。因此，在進行設計工作時不可能只是單一地依賴一種模式，而應該將兩種模式結合起來使用。圖1-11所示是結合位圖和矢量圖設計的家居用品畫冊。

1.2.4 矢量圖和位圖的相互轉換

1．將矢量圖轉換為位圖

在Illustrator CC 2019中選中矢量圖，執行快捷鍵【Ctrl】+【C】命令復制圖像，然后在Photoshop中新建一個文件，執行快捷鍵【Ctrl】+【V】命令會彈出圖1-12所示的對話框，在其中可以選擇不同的粘貼選項。一般情況下選擇默認的“智能對象”選項即可，這個選項的特點是保留導入圖片的矢量特點。單擊“確定”按鈕后會看到畫布中出現導入的變換框，如圖1-13所示。按【Enter】鍵確認后，“圖層”面板中將出現一個“矢量智能對象”圖層，如圖1-14所示。

除非在“矢量智能對象”圖層上單擊鼠標右鍵執行其中的“柵格化圖層”命令將其轉換為普通的圖像圖層，如圖1-15所示，否則這個圖層將始終保留矢量的特性，可任意放大縮小。對當前圖層執行一些濾鏡或變形效果的時候，不需要轉換它的矢量屬性，例如對矢量圖層執行“濾鏡→素描→水彩畫紙”命令之后，會發現Photoshop不會出現低版本中彈出的“提示柵格化”對話框，而是在當前圖層添加一個“智能濾鏡”的附加效果。這個功能可以最大限度地發揮矢量圖的優勢。

2．將位圖轉換為矢量圖

在Illustrator CC 2019中導入一張位圖照片之后，選中它執行控制面板中的“圖像描摹”功能，即可將其轉換為矢量圖。圖1-16所示是單擊“圖像描摹”功能右側的下拉按鈕彈出的多個描摹選項。

單擊其中的某個命令即可完成描摹的過程，圖1-17所示是執行“黑白徽標”選項的結果。還可將其進行“擴展”為可編輯的路徑狀態，圖1-18所示是擴展后的效果。