圖形圖像處理第一單元

1、圖形圖像處理第一單元- 認(rèn)識(shí) photoshop1.1: 初試 photoshop 。1.2 基本概念 - 像素與分辨率： 為了更好的學(xué)習(xí)不出效果。我們需要對(duì)相 關(guān)的概念進(jìn)行了解。 首先我們先來(lái)了解一下像素。 像素是構(gòu)成圖像的元素。像 素就是一個(gè)一個(gè)的小方塊。 接下來(lái)都是由眾多的像素點(diǎn)構(gòu)成。 像素是圖像中不 可分割的。在 photoshop 中我們可以將圖片放大至 32 位。這時(shí)我們?cè)谄聊恢?看到的小方格就是相似。 每個(gè)方塊都有其確定的位置。 并賦予某個(gè)顏色值。一 幅圖片有多少個(gè)像素， 我們可以通過(guò)查看圖像大小而得知。 比如這幅圖片的參 考。分別是 1024。同時(shí)我們還可以在這個(gè)窗口?？吹椒直?/p>

2、率這個(gè)參數(shù)。分辨 率指的是單位長(zhǎng)度內(nèi)像素的個(gè)數(shù)。 所以分辨率越高， 單位長(zhǎng)度的有效性中。有 效的細(xì)節(jié)就。 圖像清晰度。 分辨率的單位根據(jù)使用場(chǎng)景的不同。 最常見的是酵 素梅。英文縮寫。 這是我們?cè)陔娔X上處理圖片最長(zhǎng)。 當(dāng)然也可以用像素每英文 縮寫是 ppi 。在使用掃描宇等輸入設(shè)備時(shí)。分辨率為。 ppi 的高低決定了掃描 有效的質(zhì)量。 在印刷領(lǐng)域使用的分辨率。 是不行啊。 這是因?yàn)榇蛴r(shí)通過(guò)青品 黃色決定的。極品啊是各類松設(shè)備使用分辨率單位。顯示器激光黨的基本的。 任何一種分辨率都是高分辨率獲得高。 那是不是分辨率越高越好？其實(shí)在實(shí)際 使用時(shí)并不是這樣的。 而是通過(guò)區(qū)別不同的使用場(chǎng)景來(lái)設(shè)定合適

3、的分辨率。 比 如圖像只是用于電腦屏幕顯示， 那只要設(shè)定 72ppi 就夠。因?yàn)閳D像分辨率超過(guò) 了屏幕顯示分辨率對(duì)圖像清晰度有提高。 而圖片如果需要打印輸出， 使用分辨 率不得少于 300ppi 。否則無(wú)法保證。如果圖片輸出為噴繪寫真分辨率設(shè)定為 150ppi 就夠了。分辨率越高，圖像占用的存儲(chǔ)空間越大。數(shù)據(jù)處理量越大。所以分辨率設(shè)定時(shí)要充分考慮其輸出方式。 像素是組成位圖的基本單位。 因此 為輔又稱為像素。 而矢量圖采用的是數(shù)學(xué)計(jì)算公式得到。 主要的構(gòu)成圓、 總是 點(diǎn)線，矩形，多邊形等等。那這兩類圖像有什么區(qū)別呢？一是構(gòu)成方式的不同。1.3 基本概念-色彩模式： 上面已經(jīng)介紹位圖像放大后會(huì)顯

4、示出像素點(diǎn)。 比如我們現(xiàn)在所看到的 photoshop 當(dāng)中繪圖圖像，我們將它放大 32 倍。大家 所看到的就是像素。而在 ai 里面把矢量圖打開，我們對(duì)他進(jìn)行放大。我們會(huì) 發(fā)現(xiàn)它的圖像并沒(méi)有失真， 還是保持聽話。 第三位圖可以表現(xiàn)逼真的效果，而 矢量圖主要是用于圖形設(shè)計(jì)標(biāo)志設(shè)計(jì)的。 無(wú)法表現(xiàn)絕對(duì)逼真的場(chǎng)景。 第四，繪 圖工具的不同。 photoshop 就是典型的位圖編輯工具。矢量圖需要使用 ai 科 教等軟件進(jìn)行繪制。 數(shù)碼相機(jī)掃描儀的所獲取的， 一般都是位圖像。 矢量圖形 一般都需要通過(guò)專業(yè)的軟件來(lái)進(jìn)行繪制。 物體的顏色由光決定， 那么兩種單色 光混合后又會(huì)呈現(xiàn)什么顏色呢？讓紅色光和綠色

5、光合成重疊部分為黃色。 紅光 和藍(lán)光重疊為品紅。綠光和藍(lán)光重疊為青色。紅綠、藍(lán)三種光合成，使我們看 到了白色。 如果把紅綠藍(lán)三種色光按不同的比例合成在一起， 以使人看到各種 色光。紅綠藍(lán)三種色光叫光的三原色。彩色電視機(jī)畫面就是由紅、綠、藍(lán)三色 光合成的。佛頭效果處理圖像。因此我們需要了解。是如何定。這就是我們下 面要了解的色彩模式。 在這張圖片中， 我們能夠看到各種顏色， 而且能夠輕易 的說(shuō)出。 色的名稱。 這是因?yàn)槠聊话l(fā)出的有色光線進(jìn)入到我們的眼睛。 光之產(chǎn) 生色彩的第二。我們小時(shí)候就被教育識(shí)別各種顏色。紅色，綠色，黃色這些就 是色彩的名稱。 我們稱之為設(shè)想。 同時(shí)顏色還有深淺的區(qū)分。 顏色

6、越淺茗亮度 越高。這是通過(guò)。領(lǐng)土之來(lái)。在顏色的鮮艷程度。表示鮮艷程度的。就是顏色 的傳統(tǒng)。色相明度。這也是基于人眼識(shí)別顏色的最基本的方法。 因此，在 forder 效果中有一種色彩模式， 就是通過(guò)色相純度和。 來(lái)表示顏色的。 我們?nèi)∪齻€(gè)詞的英文首字母。把這種色彩模式稱之為hs。因?yàn)槲覀儽硎?小時(shí)。多使用攝像團(tuán)的方式。所以色相值是用 0到 360度。而純度和明度值只有 0。數(shù)值來(lái)表 示。數(shù)值略高明度就越高。 在 photoshop 中，我們通過(guò)拾色器可以設(shè)置各種顏 色調(diào)整 hsb 中任何一個(gè)值都將改變顏色。大家可以打開用 ps 文件，點(diǎn)擊右側(cè) 工具欄下方前景色和背景色。 進(jìn)行顏色的調(diào)配事業(yè)。 在

7、過(guò)去的一段時(shí)間， 很多 電視臺(tái)的臺(tái)標(biāo)都有一個(gè)相同的特點(diǎn)。 大家看看有沒(méi)有發(fā)現(xiàn)這個(gè)特點(diǎn)。 我們從圖 中可以看到所有的臺(tái)標(biāo)。 有過(guò)期的采用了紅、 綠、藍(lán)三種顏色。這是為什么呢？ 這其實(shí)是與寫的時(shí)期的顯示原理有關(guān)。我們之所以能夠在屏幕上看到各種顏 色，并不是顯示器可以直接發(fā)出這么多顏色的保險(xiǎn)。 顯示器只能發(fā)出后綠藍(lán)三 色網(wǎng)。 其他的顏色都是由這三色網(wǎng)。 我們采用紅綠藍(lán)三個(gè)單詞的首字母。 嬌這 三色光混合顏色的模式稱之為阿基皕模式。 這是 photoshop 中最常用的色彩模 式。紅綠藍(lán)三色，光為單色。我。通過(guò)不同。能夠得到各。如果將三色光以最 大的魚混合得到的就是白光。所以這種混合稱之為叫加鎖。在

8、14 其中 rgb 三 個(gè)色值。到 255的數(shù)值表示。 我們可以將 rgb 模式理解為 3 個(gè)可以調(diào)整亮度的 居多。零表示燈光斑。 255表示燈光拍到最大值。因此，阿基地址都為零時(shí)。 我們看到的就是黑。多為 25015 時(shí)看到的就是。那如果三個(gè)設(shè)置相同，比如 150150，150，這時(shí)候我們會(huì)看。對(duì)，我們看到的是灰。而且數(shù)值越高，灰色 越接近。反之，就越接近黑色。 雖然我們?cè)谑褂?rgb 模式時(shí)不如 hsd 那么直觀， 但是我們可以通過(guò)觀察對(duì)哪個(gè)顏色值比其他顏色之大。 種方式來(lái)知道這顏色更 加接近于紅綠。 來(lái)其中的一個(gè)。 阿基利是針對(duì)自身發(fā)光的行事方式定義的。比 如各類屏幕。 那其他不會(huì)發(fā)光的

9、物體的也。 走是如何被觀察到的呢？比如為什 么我們能看到這個(gè)青澀的抱枕呢？這是因?yàn)檠a(bǔ)色原理。 各類物體在接收到光線 時(shí)，會(huì)將七色吸收反射其他顏色。 比如青色會(huì)將其補(bǔ)色紅色吸收反射出其余的兩個(gè)單詞。藍(lán)色和綠色。而藍(lán)色和綠色混合德。青色。這就是自愿。在色相環(huán) 中，我們會(huì)發(fā)現(xiàn)阿基地的旅社正好呈倒三角形。 分別是憑空黃色和青色。 這就 是繪畫史也。中三人所。我們?cè)谝?guī)劃時(shí)也可以通過(guò)三原色調(diào)配。塑料的3 月。其英文首字母是 cally 。如果將三種顏色。我們會(huì)發(fā)現(xiàn)顏色越來(lái)越深。最后會(huì) 風(fēng)。重慶市黑色的顏色。這種色調(diào)。稱之為講解錯(cuò)誤。在印刷時(shí)定為黑色。比 較多，多數(shù)是用于文字的印刷使用量較高。所以如果是用C

10、?；旌铣龊谏值牟唤?jīng)濟(jì)。因此交流配有黑色的沃，所以就有了cmyk色彩模式。那為什么黑色的英文是不。不叫 Cm yi en 。因?yàn)樵诎⒒刂械厥怯脕?lái)表示藍(lán)色，為了避 免混淆，所以采用了。最后一個(gè)字母 k。c nm我還要配模式，主要是用。應(yīng)商 領(lǐng)域。cmk模式中的設(shè)置都是有0到100的百分比數(shù)字來(lái)進(jìn)行表示。在這里我 們還要介紹一下綠色的概念。 因?yàn)椴煌纳省?模式能夠表達(dá)的顏色數(shù)量和范 圍是不同的。 所以在兩種顏色模式間轉(zhuǎn)換時(shí)， 有些顏色可能會(huì)超出新的顏色模 式。其所能顯示的范圍。 這時(shí)候就會(huì)出現(xiàn)一次。 包頭社會(huì)在轉(zhuǎn)換時(shí)會(huì)自動(dòng)選擇 最接近的顏色去取代預(yù)設(shè)部分的。 這也是有的時(shí)候通過(guò)電腦做的圖。

11、 是色彩偏 差的一個(gè)。1.4 基本概念 -圖層：在進(jìn)行復(fù)雜的圖像會(huì)涉及很多。 : 我們來(lái)看這樣的一 個(gè)案例。我們要將這些圖片把它合成成一個(gè)圖像。 那這些圖像怎么去把它科學(xué) 的管理起來(lái)了。說(shuō)個(gè)笑話給我們提供了一個(gè)。具體內(nèi)容我們后。會(huì)詳細(xì)講解。 在這里我們可以簡(jiǎn)單的把透明的玻璃。 這里一片玻璃上繪制相應(yīng)的素材。 其他 區(qū)域保持透明。 當(dāng)多個(gè)圖層上下疊加時(shí)， 就能看到的符合。 圖層是通過(guò)圖層來(lái)。 和設(shè)計(jì)。圖整個(gè)水大的提高了圖像合成的效率和效果。 涂層可以調(diào)整順序，改 變上下層關(guān)系。也可以將不需要的圖層隱藏或者是刪除。 涂層相互之間不干擾。 便會(huì)煮過(guò)程中的修改。 涂層還有豐富。 模式和組成要素， 可以

12、產(chǎn)生獨(dú)特的藝術(shù)效果。1.5Photoshop 基本概念： 下面我們來(lái)看。各位同學(xué)，下面我們來(lái)了解一 下 photoshop 的操作間諜。我都舍不得操作界面與一般的設(shè)計(jì)軟件有很多相似 的地方。比如界面的最上方是菜單欄。軟件的基本操作，如文件的新建，打開 和存儲(chǔ)， 都是在文件菜單中執(zhí)行的。 編輯菜單可以對(duì)圖像進(jìn)行填充， 描邊和變 形變換等操作。 同時(shí)還可以設(shè)置 photoshop 的首選項(xiàng)。 圖像菜單主要針對(duì)。 色 彩模式進(jìn)行調(diào)整， 色彩的調(diào)整以及圖像畫布大小的調(diào)整。 另外還有圖層文字選 擇和濾鏡的專門的菜單。我們前面也講過(guò)，曝的校本由平面發(fā)展到3d。所以在菜單欄中我們可以看到有專門的 3d 菜單

13、。適度菜單可以改變。 顯示的比例。 同時(shí)還可以控制網(wǎng)格參考線標(biāo)識(shí)等的顯示操作。 窗口菜單主要負(fù)責(zé)界面中的各 種窗口，比如工具欄工具， 選項(xiàng)欄字符。 圖層面板， 色板等等這些窗口的管理。 在菜單欄的下方是工具屬性欄。工具屬性欄呢是用來(lái)設(shè)置各類工具的參數(shù)的。 所以呢必須要結(jié)合左側(cè)的工具欄來(lái)進(jìn)行使用。 在左側(cè)工具欄當(dāng)中， 我們選擇不 同的工具，會(huì)發(fā)現(xiàn)它的參數(shù)會(huì)有所變化。工具欄是ps 操作中最常用的。工具欄包含了移動(dòng)與選擇工具組。 繪圖與修飾工具組。 路徑與文字工具組。 在最下 方還有前景色和背景色設(shè)置， 以及快速蒙版的工具。 最右側(cè)是面板， 在面板中 可以調(diào)整圖層。可以修改顏色，可以使用通道，可以編

14、輯路徑。這是 ps 中必 不可少的。另外像歷史記錄。畫筆預(yù)設(shè)等等，也可以在面板中進(jìn)行設(shè)計(jì)。如果 需要的面板在面板欄當(dāng)中看不到， 我們可以在窗口菜單當(dāng)中去尋找。 比如導(dǎo)航 器面板。點(diǎn)擊之后會(huì)我們會(huì)發(fā)現(xiàn)在面板當(dāng)中就出現(xiàn)了導(dǎo)航紀(jì)念版在界面的最中 間是惠普區(qū)域助理的圖像， 就是放在這個(gè)區(qū)域進(jìn)行顯示的。 因?yàn)轱@示區(qū)域的有 限，很多時(shí)候呢我們需要將圖像進(jìn)行放大。 放大可以使用工具欄當(dāng)中的放大鏡 點(diǎn)擊。 按住 alt 鍵。點(diǎn)擊就是縮小。 同時(shí)我們也可以使用快捷鍵 control 加加號(hào)進(jìn)行放大， 懇求加減號(hào)進(jìn)行縮小。 同時(shí)還可以使用雙擊手型的工具， 使圖像 適合窗口。也可以雙擊放大鏡按鈕，按照100%的比例

15、顯示圖像。在最下方是狀態(tài)欄。狀態(tài)欄可以顯示圖像，現(xiàn)在顯示的比例。也可以顯示圖像的大小。高 度寬度通道以及分辨率。 除了這些之外， 我們還可以在這里選擇需要顯示的內(nèi) 容。比如我們可以選擇它的涂層技術(shù)， 那現(xiàn)在只有一個(gè)圖層。 我們可以看一下， 現(xiàn)在只有一個(gè)圖層。以上就是對(duì) photoshop 操作界面的介紹。1.6 文件的保存與格式： photshop 作為一款專業(yè)設(shè)計(jì)提供了豐富的圖像保 存格式。 適用于不同的環(huán)境。 我們熟悉各類保存格式， 有助于今后應(yīng)用中更好 的圖像和應(yīng)用。 首先我們來(lái)了解一下常用的幾種存儲(chǔ)格式。 photoshop 的默認(rèn)。 格式是 psd 格式。就這個(gè)是也是 foto 社會(huì)

16、軟件自由的一種圖像存儲(chǔ)的是。這 種模式可以較好的保留。通道蒙版路徑等信息。在設(shè)計(jì)過(guò)程中。存儲(chǔ)為 psd 格式的圖像，后期修改方便。是在輸出為特定應(yīng)用環(huán)境圖向前最為合適的格式。 但是 psd 格式占用的存儲(chǔ)空間較大。 以及 windows 圖像 ett 無(wú)法直接打開這種 格式的文件。所以比較適合設(shè)計(jì)過(guò)程中使用。 當(dāng)圖像設(shè)計(jì)完成。 不再需要修改。 我們可以將圖像存儲(chǔ)為 jpg 格式。這個(gè)格式是一個(gè)有損壓縮的模式。 會(huì)丟失圖 層通道蒙版等信息， 因此不利于后期的修改。 所以建議大家在完成圖像處理后 再保存為 jpg 格式。這種格式文件在網(wǎng)頁(yè)印刷等領(lǐng)域都可食用。 編輯格式是一 個(gè)比較特殊的主效模式，

17、可以做到無(wú)損壓縮。 其最大的特點(diǎn)是可以保存透明消 除。所以在藝術(shù)字圖標(biāo)輸出時(shí)都比較常用。 下面我們來(lái)感受一下這三類有效的 格式的不同。下面我們來(lái)學(xué)習(xí)一下這三種格式的保存方法。 首先點(diǎn)擊文件菜單， 選擇存儲(chǔ)為。 選擇要保存的路徑。 在保存類型的下拉列表中， 我們可以選擇保 存的類型。 第一個(gè)就是 psd 格式點(diǎn)擊保存確定， 這樣 psd 格式的文件就保存好 了。j pg格式也是采用相同的保存方法。在保存類型中選擇jpg格式。點(diǎn)擊保存。在 j pg 選項(xiàng)對(duì)話框當(dāng)中，我們可以選擇保存的品質(zhì)?？梢栽?1 到 12 的數(shù)字當(dāng)中去選擇保存的品質(zhì)。那 12 位最佳點(diǎn)擊確定。間距格式也是采用相 同的方法。保存

18、類型當(dāng)中選擇仙記格式。點(diǎn)擊保存。在 pg 選項(xiàng)對(duì)話框中，我 們可以選擇是否要進(jìn)行壓縮。 我們選擇默認(rèn)的參數(shù)點(diǎn)擊確定。 那 png 格式的文 件就保存好了。 我們來(lái)看一下。 在文件夾中我們可以看到保存的 jpg 天際以及 psd格式。他們的文件大小也都是不一樣的。那 psd格式它所占用的存儲(chǔ)空間 最大。另外像 ti nf 格式是一種可移植的文件模式，適合有 foto 社會(huì)編輯后 再導(dǎo)入其他繪圖軟件進(jìn)行處理的情況。 gif 格式他表現(xiàn)灰度圖像效果最佳。但 是彩色走向的一些能力較差。因?yàn)槠鋵?shí)只能存儲(chǔ)86%色。但是其特點(diǎn)是可以。政府小型的動(dòng)畫效。 其主要運(yùn)用一會(huì)。 保存的方式也有其他格式有所不同。 b

19、mp 格式是無(wú)損壓縮格式。也是windows中標(biāo)準(zhǔn)的圖像文件格式。缺點(diǎn)是占用的存 儲(chǔ)空間較大。下面我們來(lái)看。給格式的保存。好，下面我們來(lái)了解一下。 giff 格式的保存方法。點(diǎn)擊文件菜單選擇存儲(chǔ)為。保存類型選擇 gif f 格式。點(diǎn)擊 保存。在 jff 選項(xiàng)對(duì)話框當(dāng)中， 我們可以選擇圖像是否要進(jìn)行壓縮。 以及他的 通道等等參數(shù)的設(shè)置。那我們選擇默認(rèn)的程序點(diǎn)擊確定。emp格式也是采用相同的方法選擇emp格式。點(diǎn)擊保存。在這里可以選擇文件的格式是要適用于 windows還是os系統(tǒng)。也可以選擇顏色的深度。那默認(rèn)的是 24位的顏色。點(diǎn) 擊確定。 eif 格式通過(guò)存儲(chǔ)為對(duì)話框是沒(méi)有辦法去選擇加 f 格

20、式的。那這個(gè)應(yīng) 該怎么去保存呢？應(yīng)該采用導(dǎo)出存儲(chǔ)為 web所用格式。在這里可以選擇保存的 格式 gif 。那在 gif 格式你可以顯示的顏色最多是 256色，也可以選擇比較少 的顏色去表達(dá)圖片。 那這里我們選擇 256次點(diǎn)擊下方的存儲(chǔ)而已。 選擇存儲(chǔ)的。 編輯保存，確定。那這樣新的文件就保存好了。我們可以在對(duì)話，可以在文件 夾里面看到相應(yīng)的文件 emp gif 以及 giff 格式。以上就是圖片保存的方法和格式1.7 學(xué)以致用 - 利用雙色調(diào)模式制作創(chuàng)意圖像： 同學(xué)們。我們下面將通過(guò) 一個(gè)簡(jiǎn)單的案例來(lái)鞏固以上所學(xué)的知識(shí)。 我們?cè)谶@個(gè)案例當(dāng)中， 將通過(guò)雙色調(diào) 的調(diào)整來(lái)制作創(chuàng)意圖像， 這是最終呈現(xiàn)的效果圖。 首先我們打開素材圖片。按 control 加 a 全選圖片，坎袖加 c 復(fù)制圖片。點(diǎn)擊文件菜單新建。當(dāng)我們前面 做過(guò)復(fù)制圖像的操作時(shí)，新建文件時(shí)會(huì)默認(rèn)使用剪貼板進(jìn)行新建。點(diǎn)擊創(chuàng)建。 這時(shí)候建出來(lái)的文件跟我們剛才所復(fù)制的素材圖片的大小是一樣的。 按