Photoshop圖形圖像處理 課件 項(xiàng)目一 圖形圖像基礎(chǔ)

項(xiàng)目一圖形圖像基礎(chǔ)——我的第一個作品圖形圖像處理Photoshopcc2024（第1版）知識梳理知識目標(biāo)了解位圖與矢量圖的差異。了解分辨率、常見顏色模式、顏色位深度、常見圖像存儲格式。了解Photoshop軟件的應(yīng)用領(lǐng)域。了解Photoshop2024的工作界面。掌握Photoshop軟件的基本操作。掌握“歷史記錄”面板的使用方法。了解Photoshop2024新增功能。能力目標(biāo)能夠與客戶進(jìn)行良好溝通。能夠按照客戶要求完成設(shè)計(jì)任務(wù)。學(xué)習(xí)目標(biāo)素養(yǎng)目標(biāo)增強(qiáng)學(xué)生責(zé)任心，認(rèn)真對待項(xiàng)目。培養(yǎng)學(xué)生獨(dú)立思考的學(xué)習(xí)習(xí)慣。學(xué)習(xí)目標(biāo)Photoshopcc2024知識準(zhǔn)備1.圖像的類型圖像文件主要分為兩大類，即位圖與矢量圖。在繪圖或處理圖像的過程中，這兩種類型的圖像可以交叉使用。（1）位圖位圖也被稱為點(diǎn)陣圖像，是由許多單獨(dú)的小方塊組成的，這些小方塊被稱為像素。每個像素都有特定的位置和顏色值，位圖的顯示效果與像素是緊密聯(lián)系在一起的，不同排列和著色的像素組合在一起構(gòu)成了一幅色彩豐富的圖像。像素越多，圖像的分辨率越高，相應(yīng)地，圖像文件的存儲空間也越大。其優(yōu)點(diǎn)是可以展現(xiàn)色彩豐富、細(xì)致逼真的畫面；缺點(diǎn)是位圖文件占用存儲空間比較大，而且在放大輸出時會產(chǎn)生失真現(xiàn)象。常用的位圖格式有BMP、JPEG、PSD、GIF、TIFF、PNG、PDF等。（2）矢量圖矢量圖的基本元素是圖元，也就是圖形指令。它是以數(shù)學(xué)的矢量方式來記錄圖像內(nèi)容的，所以矢量圖文件所占存儲空間一般較小，而且在進(jìn)行縮放或旋轉(zhuǎn)時，不會產(chǎn)生失真現(xiàn)象。缺點(diǎn)是能夠表現(xiàn)的色彩比較單調(diào)，不能像位圖那樣展現(xiàn)色彩豐富、細(xì)致逼真的畫面。矢量圖通常用來表現(xiàn)線條化明顯、具有大面積色塊的圖案。Photoshopcc2024知識準(zhǔn)備2．分辨率分辨率是用來描述圖像文件信息的術(shù)語，可以分為圖像分辨率、顯示分辨率和輸出分辨率。（1）圖像分辨率圖像分辨率是指圖像中存儲的信息量。圖像分辨率通常用圖像在長和寬方向上所能容納的像素個數(shù)的乘積來表示，在某些情況下，也可以用ppi（pixelsperinch，像素/英寸）來衡量。圖像分辨率既反映了圖像的精細(xì)程度，又表示了圖像的大小。在顯示分辨率一定的情況下，圖像分辨率越高，圖像越清晰，同時圖像也越大。（2）顯示分辨率顯示分辨率是指顯示器屏幕上能夠顯示的像素個數(shù)，通常用顯示器水平和垂直方向上能夠顯示的像素個數(shù)的乘積來表示。顯示器的顯示分辨率越高，顯示的圖像越清晰。如果顯示器的分辨率和圖像的像素尺寸相同，則以100%的比率查看圖像時，圖像將填滿屏幕。（3）輸出分辨率輸出分辨率是指在打印輸出時橫向和縱向兩個方向上每英寸最多能夠打印的點(diǎn)數(shù)，通常以每英寸點(diǎn)數(shù)（dpi）為單位。dpi越高，打印輸出的效果越好。大多數(shù)噴墨打印機(jī)的輸出分辨率為720～2880dpi。Photoshopcc2024知識準(zhǔn)備3．常見顏色模式顏色模式是將某種顏色表現(xiàn)為數(shù)字形式的模型，或者說是一種記錄圖像顏色的方式。常用的幾種顏色模式有RGB模式、CMYK模式、Lab模式、位圖模式、灰度模式、索引顏色模式、雙色調(diào)模式和多通道模式。（1）RGB模式RGB模式是一種加色模式，為每個像素分配一個強(qiáng)度值。在8位/通道的圖像中，彩色圖像中的每個RGB（紅色、綠色、藍(lán)色）分量的強(qiáng)度值為0（黑色）到255（白色）。采用RGB模式的圖像有3個顏色通道，分別用于存放紅、綠、藍(lán)3種顏色數(shù)據(jù)。（2）CMYK模式CMYK模式是一種印刷模式。其中，4個字母分別指青色（Cyan）、洋紅（Magenta）、黃色（Yellow）、黑色（Black），在印刷中代表4種顏色的油墨。CMYK模式是通過油墨反射光來產(chǎn)生色彩的，該模式定義的色彩數(shù)比RGB模式少得多，所以圖像由RGB模式直接轉(zhuǎn)換為CMYK模式必將損失一部分顏色。采用CMYK模式的圖像有4個顏色通道，分別用于存放青色、洋紅、黃色和黑色4種顏色數(shù)據(jù)。RGB模式、CMYK模式的“顏色”面板如圖1-9所示。Photoshopcc2024知識準(zhǔn)備圖1-9RGB模式、CMYK模式的“顏色”面板（3）Lab模式Lab模式是Photoshop軟件內(nèi)部的顏色模式，是目前色彩范圍最廣的一種顏色模式。Lab模式由3個通道組成，L通道是亮度通道，a和b通道是顏色通道。Lab模式彌補(bǔ)了RGB模式和CMYK模式的不足。在進(jìn)行色彩模式轉(zhuǎn)換時，Lab模式轉(zhuǎn)換為CMYK模式不會出現(xiàn)顏色丟失現(xiàn)象。因此，在Photoshop軟件中常將Lab模式作為RGB模式轉(zhuǎn)換為CMYK模式時的過渡模式。Photoshopcc2024知識準(zhǔn)備4．顏色位深度顏色位深度也被稱為色彩深度或色彩位數(shù)，是數(shù)字圖像中每個像素存儲顏色信息的位數(shù)。它決定了圖像可以顯示的顏色數(shù)量和顏色的精確程度。如果圖像的顏色位深度用n來表示，那么該圖像能夠支持的顏色數(shù)（或灰度級數(shù)）為2n。圖像的顏色位深度通常有1位、4位、8位、16位、24位之分，若顏色位深度為24位，則支持的顏色數(shù)目達(dá)1677萬余種，通常將其稱為真彩色。Photoshopcc2024知識準(zhǔn)備5．常見圖像存儲格式（1）BMP格式BMP格式是Windows系統(tǒng)下的標(biāo)準(zhǔn)圖像格式。這種格式不采用壓縮技術(shù)，所以占用磁盤空間較大。(2）JPEG格式JPEG格式是采用JPEG（JointPhotographicExpertsGroup，聯(lián)合圖像專家組）壓縮標(biāo)準(zhǔn)進(jìn)行壓縮的圖像文件格式，可以選用不同的壓縮比，是一種有損壓縮。由于它的壓縮比可以很大，因此文件較小，是因特網(wǎng)上較常用的圖像文件格式。(3）PSD格式PSD格式是Photoshop軟件的專用格式，可以將Photoshop軟件的圖層、通道、參考線、蒙版和顏色模式等信息都保存起來，以便修改圖像。它是一種支持所有圖像顏色模式的文件格式。(4）GIF格式GIF（GraphicsInterchangeFormat，圖形交換格式）是一種采用LZW壓縮的8位圖像文件格式。該格式的文件可以同時存儲若干個靜止圖像，進(jìn)而形成連續(xù)的動畫，可指定透明區(qū)域、文件較小，適合網(wǎng)絡(luò)傳輸。LZW是一種無損壓縮技術(shù)，在壓縮包含大面積單色區(qū)域的圖像時最有效。Photoshopcc2024知識準(zhǔn)備(5）TIFF格式TIFF（TaggedImageFileFormat，標(biāo)記圖像文件格式）被許多圖形圖像軟件所支持，是一種靈活的位圖圖像格式。TIFF格式支持具有Alpha通道的CMYK、RGB、Lab等多種顏色模式。在Photoshop軟件中，該格式可以存儲圖層信息，但在其他應(yīng)用程序中打開該類文件只會看到合并圖層后的圖像。TIFF格式常用于在不同應(yīng)用程序和不同操作系統(tǒng)之間交換文件。(6）PNG格式PNG（PortableNetworkGraphicFormat，流式網(wǎng)絡(luò)圖形格式）是一種位圖文件存儲格式，采用了從LZ77派生的無損數(shù)據(jù)壓縮算法。在使用PNG格式來存儲灰度圖像時，灰度圖像的深度可多到16位。在使用PNG格式存儲彩色圖像時，彩色圖像的深度可多到48位，并且還可存儲多到16位的α通道數(shù)據(jù)。PNG格式具有高保真性、透明性、文件較小等特性，被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)、平面設(shè)計(jì)中。Photoshopcc2024知識準(zhǔn)備6．Photoshop軟件的應(yīng)用領(lǐng)域(1）平面設(shè)計(jì)平面設(shè)計(jì)是Photoshop軟件應(yīng)用最為廣泛的領(lǐng)域，無論是我們正在閱讀的圖書封面，還是在大街上看到的招貼、海報(bào)，這些具有豐富圖像的平面印刷品，基本上都需要使用Photoshop軟件來處理圖像。(2）照片處理Photoshop作為照片處理的王牌軟件，具有強(qiáng)大的圖像修飾功能。利用這些功能，我們可以快速修復(fù)數(shù)碼照片上的瑕疵，同時可以調(diào)整照片的色調(diào)或?yàn)檎掌砑友b飾元素等。(3）網(wǎng)頁設(shè)計(jì)隨著互聯(lián)網(wǎng)的普及，人們對網(wǎng)頁的審美要求也不斷提升，因此網(wǎng)頁設(shè)計(jì)就尤為重要。設(shè)計(jì)師通常使用Photoshop軟件來美化網(wǎng)頁元素。(4）界面設(shè)計(jì)界面設(shè)計(jì)是一個新興的領(lǐng)域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視。絕大多數(shù)設(shè)計(jì)師的界面設(shè)計(jì)都使用的是Photoshop軟件。Photoshopcc2024知識準(zhǔn)備(5）文字設(shè)計(jì)千萬不要忽視Photoshop軟件在文字設(shè)計(jì)方面的應(yīng)用，因?yàn)槭褂肞hotoshop軟件可以制作出各種質(zhì)感、特效的文字。(6）插畫創(chuàng)作Photoshop軟件具有一套優(yōu)秀的繪畫工具，我們可以使用Photoshop軟件來繪制出各種各樣的精美插畫。Photoshopcc2024知識準(zhǔn)備7．Photoshop2024的工作界面啟動Photoshop2024程序，可以看到其工作界面主要由菜單欄、工具選項(xiàng)欄、工具箱、面板和圖像編輯窗口組成，如圖1-10所示。(1）菜單欄Photoshop2024的菜單欄中包含12組主菜單，分別為文件、編輯、圖像、圖層、文字、選擇、濾鏡、3D、視圖、增效工具、窗口和幫助。圖1-10Photoshop2024的工作界面Photoshopcc2024知識準(zhǔn)備(2）工具選項(xiàng)欄工具選項(xiàng)欄主要用來設(shè)置工具的參數(shù)選項(xiàng)，根據(jù)所選工具的不同，工具選項(xiàng)欄的內(nèi)容也不同。比如，當(dāng)我們單擊“污點(diǎn)修復(fù)畫筆工具”按鈕時，其工具選項(xiàng)欄會顯示相應(yīng)的內(nèi)容，如圖1-11所示。

圖1-11污點(diǎn)修復(fù)畫筆工具的工具選項(xiàng)欄(3）工具箱工具箱默認(rèn)位于窗口的最左側(cè)，包含了圖像繪制和編輯處理的各種工具。使用鼠標(biāo)左鍵單擊一個工具按鈕，即可選擇該工具。如果按鈕的右下角帶有三角形圖標(biāo)，則表示這是一個工具組，在工具按鈕上單擊鼠標(biāo)右鍵，即可彈出隱藏的工具。工具箱具有伸縮性，通過單擊工具箱頂部的伸縮欄可以在單欄和雙欄之間任意切換，便于更靈活地利用工作區(qū)中的空間進(jìn)行圖像處理。(4）面板面板的默認(rèn)位置位于窗口的最右側(cè)，主要用來配合圖像的編輯、對操作進(jìn)行控制，以及設(shè)置參數(shù)等。在標(biāo)題欄中，單擊相應(yīng)的工作區(qū)按鈕或執(zhí)行“窗口”菜單下的命令，即可打開對應(yīng)的面板。

Photoshopcc2024知識準(zhǔn)備面板的展開與收縮。面板具備伸縮性，利用面板頂端的“展開面板”按鈕可以將面板展開，如圖1-12所示，也可以利用“折疊為圖標(biāo)”按鈕將其全部收縮為圖標(biāo)，如圖1-13所示。

圖1-12展開的面板圖1-13收縮的面板如果需要的面板，其圖標(biāo)或標(biāo)簽名稱沒有顯示在工作區(qū)中，則從“窗口”菜單中執(zhí)行對應(yīng)的命令，即可將其顯示出來。板的展開與收縮。

Photoshopcc2024知識準(zhǔn)備拆分面板。將鼠標(biāo)指針指向某個面板的圖標(biāo)或標(biāo)簽，并按住鼠標(biāo)左鍵將其拖至工作區(qū)的空白區(qū)域，即可將該面板拆分出來。組合面板。將多個面板組合在一起占用一個面板的位置，當(dāng)需要某個面板時，單擊其標(biāo)簽名稱即可。操作方法是：按住鼠標(biāo)左鍵將一個獨(dú)立面板的標(biāo)簽拖至目標(biāo)面板上，直到目標(biāo)面板呈藍(lán)色反光時釋放鼠標(biāo)左鍵即可，按住面板的標(biāo)簽名稱左右拖動可以改變面板的左右順序。面板菜單。任何一個展開的面板，其右上角均有一個面板菜單按鈕，單擊它可以打開相應(yīng)的面板菜單。Photoshopcc2024知識準(zhǔn)備(5）圖像編輯窗口圖像編輯窗口由選項(xiàng)卡式標(biāo)題欄、畫布、狀態(tài)欄3部分組成，在畫布外的空白處右擊，可以調(diào)整編輯區(qū)的顏色，如圖1-14所示。

圖1-14圖像編輯窗口Photoshopcc2024知識準(zhǔn)備選項(xiàng)卡式標(biāo)題欄。在Photoshop軟件中，每打開一個圖像文件，即在圖像編輯窗口的標(biāo)題欄內(nèi)增加一個選項(xiàng)卡，若要顯示已經(jīng)打開的某個圖像，只需選擇對應(yīng)的選項(xiàng)卡即可。在標(biāo)題欄的選項(xiàng)卡中顯示的內(nèi)容有：圖像文件名、圖像顯示比例、圖像當(dāng)前圖層名稱、圖像顏色模式、顏色位深度等信息，以及文件關(guān)閉按鈕。畫布。畫布區(qū)域是用來顯示、繪制、編輯圖像的區(qū)域。狀態(tài)欄。狀態(tài)欄主要由3部分組成：最左邊顯示當(dāng)前圖像的顯示比例，可以在此輸入一個值改變圖像的顯示比例；中間部分默認(rèn)顯示當(dāng)前圖像的“文檔大小”，前面的數(shù)字代表將所有圖層合并后的圖像大小，后面的數(shù)字代表當(dāng)前包含所有圖層的圖像大??；最右邊是水平滾動條。Photoshopcc2024知識準(zhǔn)備8．Photoshop軟件的基本操作1）文件的打開、新建、保存（1）打開文件。如果要對圖像進(jìn)行修改和處理，則需要在Photoshop軟件中打開需要的圖像。執(zhí)行菜單欄中的“文件→打開”命令，或者按Ctrl+O組合鍵，彈出“打開”對話框。在該對話框中搜索路徑和文件，確認(rèn)文件類型和名稱，單擊“打開”按鈕，或者直接雙擊文件，即可打開所指定的圖像文件，如圖1-15所示。（2）新建文件。執(zhí)行菜單欄中的“文件→新建”命令，或者按Ctrl+N組合鍵，彈出“新建文檔”對話框，如圖1-16所示。圖1-15“打開”對話框圖1-16“新建文檔”對話框Photoshopcc2024知識準(zhǔn)備（3）保存文件。編輯和制作完圖像后，需要對圖像進(jìn)行保存。執(zhí)行菜單欄中的“文件→存儲”命令，或者按Ctrl+S組合鍵，可以存儲文件。當(dāng)設(shè)計(jì)好的作品進(jìn)行第一次存儲時，執(zhí)行菜單欄中的“文件→存儲為”命令，彈出“存儲為”對話框。在該對話框中輸入文件名，選擇文件格式后，單擊“保存”按鈕，即可將圖像保存，如圖1-17所示。圖1-17“存儲為”對話框Photoshopcc2024知識準(zhǔn)備2）圖像的瀏覽（1）縮放工具。選擇縮放工具，當(dāng)圖像中的鼠標(biāo)指針變?yōu)榉糯蠊ぞ邎D標(biāo)時，每單擊一次，圖像就會放大一倍。當(dāng)圖像以100%的比例顯示時，在圖像窗口中單擊一次，則圖像以200%的比例顯示。按住Alt鍵不放，鼠標(biāo)指針變?yōu)榭s小工具圖標(biāo)，每單擊一次，圖像將縮小顯示一級。按Ctrl+“-”組合鍵，可逐次縮小圖像。若將圖像窗口放大到填滿整個屏幕，則可以在縮放工具的選項(xiàng)欄中單擊“適合屏幕”按鈕，再勾選“調(diào)整窗口大小以滿屏顯示”復(fù)選框。（2）抓手工具。選擇抓手工具，當(dāng)圖像中的鼠標(biāo)指針變?yōu)樽ナ中螤顣r，按住鼠標(biāo)左鍵拖動圖像，可以觀察圖像的每個部分。直接按住鼠標(biāo)左鍵拖動圖像周圍的垂直和水平滾動條，也可觀察圖像的每個部分。如果正在使用其他的工具進(jìn)行工作，則可以按Space鍵，快速切換到抓手工具。Photoshopcc2024知識準(zhǔn)備（3）視圖菜單。在“視圖”菜單中有一組改變圖像顯示比例的命令?！胺糯蟆保菏箞D像的顯示比例放大?！翱s小”：使圖像的顯示比例縮小?！鞍雌聊淮笮】s放”：使圖像盡可能大地顯示在屏幕上?！?00%”“200%”：使圖像以100%或200%的比例顯示?！按蛴〕叽纭保菏箞D像以實(shí)際打印的尺寸顯示。Photoshopcc2024知識準(zhǔn)備3）圖像尺寸的更改①執(zhí)行菜單欄中的“圖像→圖像大小”命令，彈出“圖像大小”對話框，如圖1-18所示。圖1-18“圖像大小”對話框②執(zhí)行菜單欄中的“圖像→畫布大小”命令，彈出“畫布大小”對話框，如圖1-19所示。圖1-19“畫布大小”對話框Photoshopcc2024知識準(zhǔn)備4）輔助工具和命令（1）標(biāo)尺。設(shè)置標(biāo)尺可以精確地編輯和處理圖像。執(zhí)行菜單欄中的“編輯→首選項(xiàng)→單位與標(biāo)尺”命令，在彈出的“首選項(xiàng)”對話框中可以設(shè)置標(biāo)尺的相關(guān)參數(shù)，如圖1-20所示。圖1-20“首選項(xiàng)”對話框1執(zhí)行菜單欄中的“視圖→標(biāo)尺”命令，即可在畫布中調(diào)出或隱藏標(biāo)尺。（2）參考線。設(shè)置參考線：將鼠標(biāo)指針放在水平標(biāo)尺上，按住鼠標(biāo)左鍵向下拖出水平的參考線。將鼠標(biāo)指針放在垂直標(biāo)尺上，按住鼠標(biāo)左鍵向右拖出垂直的參考線。顯示或隱藏參考線：執(zhí)行“視圖→顯示→參考線”命令，可以顯示或隱藏參考線。此命令只有在存在參考線的前提下才能應(yīng)用。Photoshopcc2024知識準(zhǔn)備移動參考線：選擇移動工具，將鼠標(biāo)指針放在參考線上，當(dāng)鼠標(biāo)指針發(fā)生變化時，按住鼠標(biāo)左鍵進(jìn)行拖動，可以移動參考線。鎖定、清除、新建參考線：執(zhí)行“視圖→參考線→鎖定參考線”命令，或者按Alt+Ctrl+“；”組合鍵，可以將參考線鎖定，鎖定后的參考線將不能移動。執(zhí)行“視圖→參考線→清除參考線”命令，可以將參考線清除。執(zhí)行“視圖→參考線→新建參考線”命令，彈出“新參考線”對話框，如圖1-22所示，設(shè)置完成后單擊“確定”按鈕，圖像中出現(xiàn)新建的參考線。（3）網(wǎng)格。執(zhí)行“編輯→首選項(xiàng)→參考線、網(wǎng)格和切片”命令，在彈出的“首選項(xiàng)”對話框中可以設(shè)置相關(guān)參數(shù)，如圖1-23所示。圖1-22“新參考線”對話框圖1-23“首選項(xiàng)”對話框2Photoshopcc2024