1.1 像素圖與矢量圖

本節介紹像素圖與矢量圖。

很多人肯定都用數碼相機或者手機拍過照片，這種照片就是像素圖。像素圖是什么意思？如果把圖片放大，會看到圖片是由一個一個方塊（像素）組成的，這種圖就叫作像素圖。我們平時接觸到的絕大部分照片都是像素圖。

那么矢量圖又是什么？矢量圖有什么優勢？學習完本節課程之后，讀者可以理解兩種圖形的概念，了解它們在不同場景里的應用。

本節知識點

◆ 像素圖的概念與應用。

◆ 矢量圖的概念與應用。

◆ 矢量圖與像素圖的區別。

像素圖

下面的兩張圖從視覺上看是完全一致的，但其實左圖是矢量圖，右圖是像素圖。

之前已經介紹過，像素圖是由一個一個像素組成的，現在就來驗證一下。

下面使用縮放工具放大圖形。

單擊工具欄的縮放工具，畫面中的鼠標指針變成“+”號，再單擊右側圖片將其放大。大幅度放大之后就能看見一些方塊的像素了，這個就是平時常常見到的像素圖。

很明顯，這種圖形由一個一個像素組成，如果把它放大，例如這個地方本來只有10個像素，放大之后變成了20個像素。像素肯定不會平白無故地出現，它是通過計算得到的，這種計算會有一定的損失。

記住，這就是像素圖的一個非常本質的概念：像素圖是由像素組成，放大或縮小視圖都會導致視覺效果發生較大變化。對像素圖尺寸進行放大或縮小操作，對畫面都會造成影響（當然，使用縮放工具進行放大或縮小的瀏覽則不會改變原圖形）。

現在把圖縮小，按住Alt鍵單擊縮放工具，就會變成縮小工具，再單擊圖片就可以將其縮小。不停地單擊可以持續縮小瀏覽視圖，但這樣操作非常麻煩，有什么方法可以一次性縮放回來？在實際工作中，按Ctrl+0組合鍵，能夠迅速地讓照片適配屏幕大小。

矢量圖

現在來看之前打開的左側圖片，也就是矢量圖。使用縮放工具單擊圖形將其放大，看一下與剛才的像素圖有什么區別。放大同樣的區域，可以看到矢量圖與像素圖有非常大的差別。矢量圖有一個非常大的優勢，在放大或縮小瀏覽的時候，不會出現像素塊。

（矢量圖：不管如何放大縮小，畫面都不會有損失。）

現在來思考一下這樣的矢量圖有什么用途。例如最常見的，每家公司都有一個Logo。這樣的Logo通常不會用Photoshop或者其他處理像素圖的軟件來制作，因為這個Logo設計出來之后，除了要印在名片上，做廣告推廣時還可能會制作成很大的海報。如果是像素圖，放大之后就會變得很模糊，所以平時做這樣的Logo肯定是使用矢量圖。這是矢量圖最廣泛的應用場景之一。另外，存儲為矢量圖格式的文件，相對像素圖格式的文件文件大小會更小，這也是矢量圖與像素圖的一個重要區別。

TIPS

像素圖放大縮小圖像時，像素會有損失，而矢量圖不管如何放大縮小圖像都不會損失，并且存儲為矢量格式的軟件會比像素格式的文件要小一些。

參考線

觀察下圖，可以發現畫面中有青色的橫豎線條，這就是參考線。在后續的案例當中經常要使用這些參考線，它們可以幫助我們觀察和標記圖形邊線。當然，也可以選擇隱藏參考線。

打開視圖菜單，選擇參考線子菜單，單擊隱藏參考線命令，就可以將參考線隱藏起來。操作時如果需要對齊參考線，可以再將其顯示出來。

使用參考線時，在畫布上方和左側有標尺，在標尺上按住鼠標左鍵并拖動，就可以將參考線拖出來。

使用完參考線之后，還可以將其刪除。單擊參考線，參考線會高亮顯示，再按Delete鍵，就可將其刪除。也可以按住鼠標左鍵拉出選框，選中需要刪除的參考線后松開，再按Delete鍵將其刪除。

本節復習要點

本節學習了像素圖與矢量圖，介紹了矢量圖的一些應用場景以及參考線的使用方法。

1. 像素圖放大顯示時會出現像素塊，放大或縮小尺寸時會產生像素損失。

2. 矢量圖不管如何放大、縮小，圖像還是會保持原有的狀態。

3. 存儲矢量圖文件會比存儲像素圖文件所需空間小一些。