像素和分辨率

一幅圖像的質量好壞跟圖像分辨率和尺寸的大小息息相關。同樣大小的圖像，其分辨率越高，圖像越清晰。決定分辨率的主要因素是每單位尺寸含有的像素數目，因此像素數目與分辨率之間也是相關的。無論是印刷輸出的圖像，還是多媒體圖像或網頁圖像，在制作之前必須先确定圖像的分辨率和尺寸，這樣才能更有效地去編輯和處理圖像。

在Photoshop中，單擊【圖像】>【圖像大小】菜單項，彈出【圖像大小】對話框。在該對話框中可以設置圖像的像素和分辨率。

該組合框用來顯示當前圖像在Photoshop中表現的寬度和高度，它決定了圖像屏幕的尺寸。

該組合框用來顯示圖像的打印尺寸和打印分辨率。

如果圖像帶有應用了圖層樣式的圖層，選中該複選框後，會在調整圖像大小的同時按照比例縮放樣式效果。

選中該複選框，在修改寬度和高度其中一個數值時，系統将會按照比例調整另一個數值，使得圖像的寬度和高度的比例保持不變。

通過重定圖像像素的方法可以增加圖像中包含像素的數量，這樣再放大圖像時也不會模糊不清。在【重定圖像像素】下拉表中有5個選項，可以分為3種類型：鄰近、兩次線性和兩次立方。

“文檔大小”控制的是圖片的打印尺寸，而photoshop是按照圖像的像素控制顯示大小的。 圖像都是由像素組成的（高度像素×寬度像素＝圖像總像素）

在photoshop中，每一個像素在顯示屏上的尺寸都一樣，和圖像分辨率沒有關系。

圖像分辨率決定的是打印出來圖片的每個像素的大小，若打印尺寸一定，圖像分辨率越高，則每個像素所占據尺寸越小。圖像也越精細。

上圖是将圖像分辨率設置為1280×1024時圖像的大小，而下圖是在同樣顯示器上，同樣一張圖，将分辨率改為1024×768的測量結果

photoshop中的“視圖>打印尺寸”選項可以讓電腦的顯示尺寸和最終的打印尺寸保持一緻，但由于每個人的顯示器尺寸和分辨率可能存在不同，而photoshop不知道你的顯示器尺寸和分辨率，所以一般來說，顯示出來的尺寸不是那麼精确的。有一個簡單的辦法可以測試你的顯示屏顯示尺寸和實際打印尺寸有多少差别：

1>在photoshop裡任意打開一幅圖片。

2>選擇“視圖>打印尺寸”

3>快捷鍵ctrl＋R打開标尺

4>如果标尺單位設置的不是“厘米”，雙擊标尺将其單位換成“厘米”。

5>找一把标準尺，貼近屏幕photoshop中的标尺，可以很清楚地看出兩者的差别。

位圖與矢量圖

計算機繪圖分為點陣圖(又稱位圖或栅格圖像)和矢量圖形兩大類，認識他們的特色和差異，有助于創建、輸入、輸出編輯和應用數字圖像。位圖圖像和矢量圖形沒有好壞之分，隻是用途不同而已。因此，整合位圖圖像和矢量圖形的優點，才是處理數字圖像的最佳方式。

點陣圖與矢量圖的兩個文件的區别（請注意細節部分）

與下述基于矢量的繪圖程序相比，像Photoshop 這樣的編輯照片程序則用于處理位圖圖像。當您處理位圖圖像時，可以優化微小細節，進行顯著改動，以及增強效果。位圖圖像，亦稱為點陣圖像或繪制圖像，是由稱作像素（圖片元素）的單個點組成的。這些點可以進行不同的排列和染色以構成圖樣。當放大位圖時，可以看見賴以構成整個圖像的無數單個方塊。擴大位圖尺寸的效果是增多單個像素，從而使線條和形狀顯得參差不齊。然而，如果從稍遠的位置觀看它，位圖圖像的顔色和形狀又顯得是連續的。由于每一個像素都是單獨染色的，您可以通過以每次一個像素的頻率操作選擇區域而産生近似相片的逼真效果，諸如加深陰影和加重顔色。縮小位圖尺寸也會使原圖變形，因為此舉是通過減少像素來使整個圖像變小的。同樣，由于位圖圖像是以排列的像素集合體形式創建的，所以不能單獨操作（如移動）局部位圖。

點陣圖像是與分辨率有關的，即在一定面積的圖像上包含有固定數量的像素。因此，如果在屏幕上以較大的倍數放大顯示圖像，或以過低的分辨率打印，位圖圖像會出現鋸齒邊緣。在圖1中，您可以清楚地看到将局部圖像放大4倍和12倍的效果對比。

現在就以下面的照片為例，如果我們把照片掃描成為文件并存盤，一般我們可以這樣描述這樣的照片文件：分辨率多少乘多少，是多少色等等。這樣的文件可以用PhotoShop、CorelPaint等軟件來浏覽和處理。通過這些軟件，我們可以把圖形的局部一直放大，到最後一定可以看見一個一個像馬賽克一樣的色塊，這就是圖形中的最小元素----像素點。到這裡，我們再繼續放大圖象，将看見馬賽克繼續變大，直到一個像素占據了整個窗口，窗口就變成單一的顔色。這說明這種圖形不能無限放大。

點陣圖的文件類型很多，如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.pcd、kodak photo CD的*.psd、corel photo paint的*.cpt等。同樣的圖形，存盤成以上幾種文件時文件的字節數會有一些差别，尤其是jpg格式，它的大小隻有同樣的bmp格式的1/20到1/35，這是因為它們的點矩陣經過了複雜的壓縮算法的緣故。

如果你把一組這樣的文件存盤，你一定能發現有這樣的規律：　

1.圖形面積越大，文件的字節數越多　　

2.文件的色彩越豐富，文件的字節數越多

這些特征是所有點陣圖共有的。這種圖形表達方式很象我們在初中數學課在坐标紙上逐點描繪函數圖形，雖然我們可以逐點把圖形描繪得很漂亮，但用放大鏡看這個函數圖形的局部時，就是一個個粗糙的點。編輯這樣的圖形的軟件也叫點陣圖形編輯器。如：PhotoShop、PhotoStyle、畫筆等等。

矢量圖像，也稱為面向對象的圖像或繪圖圖像，在數學上定義為一系列由線連接的點。像Adobe Illustrator、CorelDraw、CAD等軟件是以矢量圖形為基礎進行創作的。矢量文件中的圖形元素稱為對象。每個對象都是一個自成一體的實體，它具有顔色、形狀、輪廓、大小和屏幕位置等屬性。既然每個對象都是一個自成一體的實體，就可以在維持它原有清晰度和彎曲度的同時，多次移動和改變它的屬性，而不會影響圖例中的其它對象。這些特征使基于矢量的程序特别适用于圖例和三維建模，因為它們通常要求能創建和操作單個對象。基于矢量的繪圖同分辨率無關。這意味着它們可以按最高分辨率顯示到輸出設備上。 　　

矢量圖形與分辨率無關，可以将它縮放到任意大小和以任意分辨率在輸出設備上打印出來，都不會影響清晰度。因此，矢量圖形是文字（尤其是小字）和線條圖形（比如徽标）的最佳選擇。

有一些圖形（如工程圖、白描圖、卡通漫畫等），它們主要由線條和色塊組成，這些圖形可以分解為單個的線條、文字、圓、矩形、多邊形等單個的圖形元素。再用一個代數式來表達每個被分解出來的元素。例如：一個圓我們可以表示成圓心在(x1,y1)，半徑為r的圖形；一個矩形可以通過指定左上角的坐标(x1,y1)和右下角的坐标(x2,y2)的四邊形來表示；線條可以用一個端點的坐标(x1,y1)和另一個端點的坐标(x2,y2)的連線來表示。當然我們還可以為每種元素再加上一些屬性，如邊框線的寬度、邊框線是實線還是虛線、中間填充什麼顔色等等。然後把這些元素的代數式和它們的屬性作為文件存盤，就生成了所謂的矢量圖（也叫向量圖）。 　　

矢量圖形格式也很多，如Adobe Illustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、Corel DRAW的*.cdr、windows标準圖元文件*.wmf和增強型圖元文件*.emf等等。當需要打開這種圖形文件時，程序根據每個元素的代數式計算出這個元素的圖形，并顯示出來。就好象我們寫出一個函數式，通過計算也能得出函數圖形一樣。編輯這樣的圖形的軟件也叫矢量圖形編輯器。如：AutoCAD、CorelDraw、Illustrator、Freehand等。 　　

這樣的圖形也有共同的規律：　　

1.你可以無限放大圖形中的細節，不用擔心會造成失真和色塊。　　

2.一般的線條的圖形和卡通圖形，存成矢量圖文件就比存成點陣圖文件要小很多。　　

3.存盤後文件的大小與圖形中元素的個數和每個元素的複雜程度成正比。而與圖形面積和色彩的豐富程度無關。（元素的複雜程度指的是這個元素的結構複雜度，如五角星就比矩形複雜、一個任意曲線就比一個直線段複雜）　　

4.通過軟件，矢量圖可以輕松地轉化為點陣圖，而點陣圖轉化為矢量圖就需要經過複雜而龐大的數據處理，而且生成的矢量圖的質量絕對不能和原來的圖形比拟。好了,點陣圖與矢量圖的區别就介紹到這,如果你看完了這篇文章内容你就應該掌握了他們的區别,恭喜你！

色彩模式

RGB、CMYK、LAB、HSB……也許很多朋友都看到過這些色彩模式，但你了解它們嗎？大多數朋友都會說不了解吧。色彩模式是圖形設計最基本的知識，不掌握怎麼行呢？每一種模式都有自己的優缺點，都有自己的适用範圍，下面我詳細地跟大家談談這些色彩模式。

RGB是色光的色彩模式。R代表紅色，G代表綠色，B代表藍色，三種色彩疊加形成了其它的色彩。因為三種顔色都有256個亮度水平級，所以三種色彩疊加就形成1670萬種顔色了。也就是真彩色，通過它們足以再現絢麗的世界。

在RGB模式中，由紅、綠、藍相疊加可以産生其它顔色，因此該模式也叫加色模式。所有顯示器、投影設備以及電視機等等許多設備都依賴于這種加色模式來實現的。

就編輯圖象而言，RGB色彩模式也是最佳的色彩模式，因為它可以提供全屏幕的24bit的色彩範圍，即真彩色顯示。但是，如果将RGB模式用于打印就不是最佳的了，因為RGB模式所提供的有些色彩已經超出了打印的範圍之外，因此在打印一幅真彩色的圖象時，就必然會損失一部分亮度，并且比較鮮豔的色彩肯定會失真的。。這主要因為打印所用的是CMYK模式，而CMYK模式所定義的色彩要比RGB模式定義的色彩少很多，因此打印時，系統自動将RGB模式轉換為CMYK模式，這樣就難免損失一部分顔色，出現打印後失真的現象。

當陽光照射到一個物體上時，這個物體将吸收一部分光線，并将剩下的光線進行反射，反射的光線就是我們所看見的物體顔色。這是一種減色色彩模式，同時也是與RGB模式的根本不同之處。不但我們看物體的顔色時用到了這種減色模式，而且在紙上印刷時應用的也是這種減色模式。

按照這種減色模式，就衍變出了适合印刷的CMYK色彩模式。

CMYK代表印刷上用的四種顔色，C代表青色，M代表洋紅色，Y代表黃色，K代表黑色。因為在實際引用中，青色、洋紅色和黃色很難疊加形成真正的黑色，最多不過是褐色而已。因此才引入了K——黑色。黑色的作用是強化暗調，加深暗部色彩。

CMYK模式是最佳的打印模式，RGB模式盡管色彩多，但不能完全打印出來。那麼是不是在編輯的時候就采用CMYK模式呢？不是，原因如下：

用CMYK模式編輯雖然能夠避免色彩的損失，但運算速度很慢。主要因為：1、即使在CMYK模式下工作，Photoshop也必須将CMYK模式轉變為顯示器所使用的RGB模式。2、對于同樣的圖象，RGB模式隻需要處理三個通道即可，而CMYK模式則需要處理四個。

由于用戶所使用的掃描儀和顯示器都是RGB設備，所以無論什麼時候使用CMYK模式工作都有把RGB模式轉換為CMYK模式這樣一個過程。

因此，是否應用CMYK模式進行編輯都存在RGB模式和CMYK模式轉換的問題。

這裡給個建議，也算是我的一點經驗吧。先用RGB模式進行編輯工作，再用CMYK模式進行打印工作，在打印前才進行轉換，然後加入必要的色彩校正，銳化和修整。這樣雖然使Photoshop在CMYK模式下速度慢一些，但可節省大部分編輯時間。

為了快速預覽CMYK模式下圖象的顯示效果，而不轉換模式可以使用View菜單下的CMYK Preview（CMYK 預覽）命令。

這種打印前的模式轉換，并不是避免圖象損失最佳的途徑，最佳方法是将Lab模式和CMYK模式相結合使用，這樣可以最大程度的減少圖象失真。下面介紹Lab模式。

Lab模式是有國際照明委員會（CIE）于1976年（哇，好遙遠呀。）公布的一種色彩模式。

你已經明白了：RGB模式是一種發光屏幕的加色模式，CMYK模式是一種顔色反光的印刷減色模式。那麼，Lab又是什麼處理模式呢？

Lab模式既不依賴光線，也不依賴于顔料，它是CIE組織确定的一個理論上包括了人眼可以看見的所有色彩的色彩模式。Lab模式彌補了RGB和CMYK兩種色彩模式的不足。

Lab模式由三個通道組成，但不是R、G、B通道。它的一個通道是亮度，即L。另外兩個是色彩通道，用A和B來表示。A通道包括的顔色是從深綠色（底亮度值）到灰色（中亮度值）再到亮粉紅色（高亮度值）；B通道則是從亮藍色（底亮度值）到灰色（中亮度值）再到黃色（高亮度值）。因此，這種色彩混合後将産生明亮的色彩。

Lab模式所定義的色彩最多，且與光線及設備無關并且處理速度與RGB模式同樣快，比CMYK模式快很多。因此，可以放心大膽地在圖象編輯中使用Lab模式。而且，Lab模式在轉換成CMYK模式時色彩沒有丢失或被替換。因此，最佳避免色彩損失的方法是：應用Lab模式編輯圖象，再轉換為CMYK模式打印輸出。

當你将RGB模式轉換成CMYK模式時，Photoshop将自動将RGB模式轉換為Lab模式，再轉換為CMYK模式。

在表達色彩範圍上，處于第一位的是Lab模式，第二位的是RGB模式，第三位是CMYK模式。

在介紹完三種主要的色彩模式後，現在介紹另一種色彩模式——HSB色彩模式，它在色彩汲取窗口中才會出現。

在HSB模式中，H表示色相，S表示飽和度，B表示亮度。

色相：是純色，即組成可見光譜的單色。紅色在0度，綠色在120度，藍色在240度。它基本上是RGB模式全色度的餅狀圖。

飽和度：表示色彩的純度，為0時為灰色。白、黑和其他灰色色彩都沒有飽和度的。在最大飽和度時，每一色相具有最純的色光。

亮度：是色彩的明亮度。為0時即為黑色。最大亮度是色彩最鮮明的狀态。

Indexed模式就是索引顔色模式，也叫做映射顔色。在這種模式下，隻能存儲一個8bit色彩深度的文件，即最多256種顔色，而且顔色都是預先定義好的。一幅圖象所有的顔色都在它的圖象文件裡定義，也就是将所有色彩映射到一個色彩盤裡，這就叫色彩對照表。因此，當打開圖象文件時，色彩對照表也一同被讀入了Photoshop中，Photoshop由色彩對照表找到最終的色彩值。

在介紹完絢麗彩色世界後，現在進入灰色世界。其實灰色也是彩色的一種，也有絢麗的一面。

灰度文件是可以組成多達256級灰度的8bit圖象，亮度是控制灰度的唯一要素。亮度越高，灰度越淺，越接近于白色；亮度越低，灰度越深，就越接近于黑色。因此，黑色和白色包括在灰度之中，它們是灰度模式的一個子集。

GrauScale模式即灰度模式。灰度模式中隻存在灰度。當一個彩色文件被轉換為灰度文件時，所有的顔色信息都将從文件中去掉。盡管Photoshop允許将一個灰度文件轉換為彩色模式文件，但不可能将原來的色彩絲毫不變地恢複回來。

在灰度文件中，圖象的色彩飽和度為0，亮度是唯一能夠影響灰度圖象的選項。亮度是光強的度量，0%代表黑色，100%代表白色。而在Color調色闆中的K值是用于衡量黑色油墨用量的。

黑白位圖模式就是隻有黑色和白色兩種像素組成的圖象，有些人認為黑色既然是灰度色彩模式的一個子集，因此這種模式就沒有多大用處。其實這是一種錯誤的認識，正因為有了Bitmap模式，才能更完善地控制灰度圖象的打印輸出。事實上像激光打印機這樣的輸出設備都是靠細小的點來渲染灰度圖象的，因此使用Bitmap模式就可以更好的設定網點的大小形狀和互相的角度。

需要注意的是，隻有灰度圖象或多通道圖象才能被轉化為Bitmap模式，轉換是将出現一個對話框，你可以在這裡設置文件的輸出分辨率和轉換方式。具體設置方法如下：

Output（輸出）：指黑白圖象的分辨率。

Method（方式）：提供以下5種設置。

50%Threshold（臨界值）：選中此項，大于50%的灰度像素将變為黑色，而小于等于50%的灰度圖象将變成白色。

Pattern Dither（圖象抖動）：使用一些随機的黑白像素來抖動圖象。使用這種方法生成的圖象很難看，而且像素之間幾乎沒有什麼空隙。

Diffusion Dither（擴散抖動）：使用此項用以生成一種金屬版效果。它将采用一種發散過程來把一個像素改變成單色，此結果是一種顆粒的效果。

Halftone Screen（半色澤屏幕）：這種轉換使圖象看上去好像是一種半色澤屏幕打印的一種灰度圖象。

Custom Pattern（自定義圖案）：這種轉換方法允許把一個定制的圖案（用Edit菜單中的Custom Pattern命令定義的圖案）加給一個位圖圖象。

請注意了，當圖象轉換到Bitmap模式後，無法進行其它編輯，甚至不能複原灰度模式時的圖象。

Duotone模式用一種灰度油墨或彩色油墨在渲染一個灰度圖象，為雙色套印或同色濃淡套印模式。在這種模式中，最多可以向灰度圖象中添加4種顔色，這樣就可以打印出比單純灰度模式要好看得多的圖象。

圖像格式

作為網頁設計師，我們在用PS處理圖像是，經常要在圖片的品質和大小之間衡量。這篇文章将系統地告訴你，網頁圖片的各種形式和他們的優缺點，這樣我們在保存的時候就能夠很好的衡量和決定。

互聯網幾乎是當今最大的藝術、圖形和相片分享平台之一，因此掌握一些保存為網頁格式的基礎知識就非常重要了。實際上，保存為網頁格式是一項平衡藝術——你必須在圖片品質和介質的文件尺寸之間做好平衡，以便滿足你的個人需求。

在速度相對重要的地方（如迅速地加載網站），你可能需要犧牲一些圖片品質。而在品質重要的地方，則需要犧牲一點速度。這堂課程的目的就是向你介紹一些方法，在這兩個因素之間尋求平衡，與此同時保留非常好的圖像品質。

雖然存在有非常多的圖片格式（僅舉幾例，如jpeg，gif和PNG），但是依據壓縮方法不同，所有的圖片都能進一步歸類為兩大類别：無損和有損。無損數據壓縮保證了圖像在沒有任何品質和信息丢失的情況下重現，而有損數據壓縮的結果就是可能造成品質和信息的丢失。在平面設計領域最主流的無損媒介格式包括GIF、PNG以及TIFF，而JPEG是最主流的有損壓縮的圖形格式。

PS擁有非常好的方法來為網頁優化圖片。在PS中，選擇文件>存儲為Web格式或者使用快捷ctrl alt shift s。一個新的對話框将會彈出，這裡有所有為網頁保存和優化圖片的設置。

通過以下一些生活中的案例來演示如何使用對話框中的設置。

由于圖片巨大的文件體積，它們更多是以有損壓縮格式來保存的。甚至在拍照時，相對于數倍大小的RAW格式，相機也傾向于用有損格式（如JPEG）來保存圖片。

JPEG是日常中首選的圖片格式，它是以它的創造者“聯合圖像專家小組”來命名的。Jpeg之所以能夠成為标準，是因為它在壓縮圖像數據的同時可以保留高品質，并且在相關信息上能夠接近無損圖像的效果。

當你在保存圖片的時候，有幾種網頁格式預設可供選擇。對于一張圖片，你應該考慮是使用JPEG 低、JPEG 中，還是JPEG高。觀察下面的對比圖，（可以）發現案例中的圖片經過壓縮後并沒有多大的品質損耗。相比起超過250KB的源文件，我們選擇中等質量或者高等質量的壓縮預設就能夠得到一個大小不超過30KB，并有合适品質的圖片。

有些時候，你會被要求用無損格式來保存，以便最好地優化你正在創作的任何作品。這在網頁設計中時常遇到，在布局上使用比普通圖片更少的顔色。

GIF，全稱為“圖像互換格式”，是一種隻用到256個顔色調色闆的圖片格式，這讓它成為不需要使用太廣泛色域的網頁圖片的理想選擇。GIF也能将單個像素設置成透明，不過這并不在這個教程的讨論範圍之内。下面展示了一張（使用着256個顔色的）GIF圖像和JPEG圖像的對比照，它們擁有同樣的大小。正如你所見到的，無損GIF圖片能更好的接近源文件。

因為GIF圖像受到256色的限制，它本應該極少被用到圖片中，但是他們恰好适合那些使用純色或是有限色彩的圖像。對于圖片來說，通常來說不是使用JPEG有損壓縮，就是GIF無損格式。

PNG，全稱為“可移植網絡圖形”，是一種類似于GIF的無損格式，隻是它支持更為豐富的色彩（有時候也讓它的體積變大），而且可以支持帶透明圖層的Alpha通道，而非單一透明像素。

PNG圖像正在日漸取代GIF，主要是因為在支持更豐富的色彩方面，PNG通常比GIF的壓縮效果要更好。雖然它還不想GIF有廣泛的支持，但是無疑它正朝着那個方向前進。

當圖片必須保留完整品質在網絡上進行傳輸的時候，PNG是最佳的選擇。比起用JPEG傳輸圖片，（PNG）會令你得出更大的圖片大小，但是有時候這是一個非常有必要的犧牲。當一個圖片包含銳利的線條、以及必須保留清晰的文字時，PNG通常是一個更好的選擇，當然了，最終還是要由設計師來決定使用哪一種格式。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!