圖形圖像處理

——Photoshop2020單元1初識圖形圖像處理（1）了解圖像處理基礎(chǔ)知識（2）認(rèn)識Photoshop2020及其應(yīng)用領(lǐng)域（3）熟悉Photoshop2020的基本操作（4）掌握Photoshop2020的界面設(shè)置（5）掌握文本和圖層的簡單操作

（6）掌握錄制動作和圖像批處理的方法學(xué)習(xí)要點單元1初識圖形圖像處理案例1圖像處理基礎(chǔ)案例2制作“風(fēng)箏舞藍(lán)天”案例3“校園網(wǎng)絡(luò)安全知識競賽”H5首頁案例4應(yīng)用“動作”批處理圖像單元小結(jié)學(xué)習(xí)內(nèi)容

案例情景小明是中職計算機專業(yè)高一年級的學(xué)生，他對Photoshop處理圖像很感興趣，想利用Photoshop軟件做出豐富實用的設(shè)計作品。于是他下載并安裝了Photoshop2020軟件，準(zhǔn)備開啟神奇的圖像處理之旅。

案例分析

“工欲善其事，必先利其器”，小明要先了解Photoshop2020的應(yīng)用領(lǐng)域和圖像處理的基本概念，認(rèn)識并熟悉Photoshop2020的界面，掌握輔助工具的用法和圖像文件的基本操作，從而為后續(xù)的學(xué)習(xí)打下堅實的基礎(chǔ)。技能目標(biāo)1.熟悉圖像處理基礎(chǔ)知識；2.熟悉Photoshop2020的工作界面；3.掌握圖像文件的基本操作；4.掌握輔助工具的使用；5.學(xué)會設(shè)置“首選項”。知識準(zhǔn)備1、Photoshop簡介及應(yīng)用領(lǐng)域Photoshop是世界上最優(yōu)秀的圖像編輯軟件，集圖像掃描、設(shè)計、編輯、合成以及高品質(zhì)輸出功能于一體，為圖形、圖像設(shè)計提供了更廣闊的發(fā)展空間，被廣泛應(yīng)用于不同的設(shè)計領(lǐng)域。平面設(shè)計界面設(shè)計網(wǎng)頁設(shè)計攝影后期電腦美術(shù)公益海報設(shè)計手機界面網(wǎng)頁Banner廣告手繪水墨畫照片合成2、位圖與矢量圖（1）位圖：位圖在技術(shù)上稱為柵格圖像，像素是組成位圖圖像最基本的元素。放大位圖，可以看到圖像是由一個個像素點組成的。位圖圖像包含的像素越多，顏色信息越豐富。處理位圖圖像的軟件主要有Photoshop、Painter等。位圖原圖位圖放大后效果（2）矢量圖：矢量圖也稱為向量圖形，是根據(jù)其幾何特性來描繪圖像。矢量圖形往往占用的存儲空間較小。將矢量圖形隨意旋轉(zhuǎn)和放大，圖形不會出現(xiàn)失真現(xiàn)象。處理矢量圖形的軟件主要有Illustrator、CorelDraw、FreeHand、AutoCAD等。矢量圖原圖矢量圖放大后效果3、分辨率分辨率是指單位長度內(nèi)包含像素點的數(shù)量。它決定了圖像的清晰程度。圖像分辨率：常以“像素／英寸（ppi)”為單位來表示，如“96ppi”表示圖像中每英寸包含96個像素或點。分辨率越高，圖像文件占用的存儲空間就越大，編輯和處理所需的時間也越長。打印分辨率：指打印機或繪圖儀等圖像輸出設(shè)備在輸出圖像時每英寸所產(chǎn)生的油墨點數(shù)。想要產(chǎn)生較好的輸出效果，就要使用與圖像分辨率成正比的打印分辨率。4、色彩模式RGB模式：由紅、綠、藍(lán)三種顏色組成，每一種顏色可以有0~255的亮度變化。CMYK模式：由青色、品紅、黃和黑色組成，它是一種印刷模式。Lab模式：由一個亮度通道（L）和兩個色彩通道來描述，它是Photoshop進行顏色模式轉(zhuǎn)換時的中間模式。索引模式：這種模式下包含一個顏色表，最多包含有256色，圖像質(zhì)量不高，占空間較少?；叶饶Ｊ剑褐挥?56級灰度顏色，沒有彩色信息。位圖模式：像素由二進制表示，即黑色和白色由二進制表示，從而占磁盤空間最小。多通道模式：多通道模式包含多種灰階通道，每一通道均由256級灰階組成。當(dāng)RGB或CMYK模式的文件中任何一個通道被刪除時，即會變成多通道模式。5、圖像文件格式PSD格式：是Photoshop的專用文件格式，也是唯一可以存儲Photoshop特有的文件信息以及所有色彩模式的格式。PSD格式可以將不同的物件以圖層分離存儲，便于修改和制作各種特效。BMP格式：是Windows采用的圖像文件格式。GIF格式：是一種圖形交換格式。目前GIF格式只能達(dá)到256色，但能將圖像存儲為背景透明化的形式，并且可以將數(shù)張圖片存成一個文件，形成動畫效果。EPS格式：是一種用Postscript語言描述的格式，常用于繪圖或排版軟件。JPEG格式：是一種高效的壓縮圖像文件格式。TIFF格式：是一種應(yīng)用非常廣泛的格式，它可以在許多不同的平臺和應(yīng)用軟件間交換信息。PNG格式：是一種無損壓縮的位圖格式，其設(shè)計目的是為了替代GIF和TIFF文件格式，同時增加一些GIF文件格式所不具備的特性。它具有體積小、支持透明效果、索引彩色模式、更優(yōu)化的網(wǎng)絡(luò)傳輸顯示等特點。6、Photoshop2020工作界面菜單欄工具箱圖像窗口面板組狀態(tài)欄（1）菜單欄菜單欄由文件、編輯、圖像、圖層、文字、選擇、濾鏡、3D、視圖、窗口、幫助11個主菜單組成。Alt+主菜單字母，打開主菜單；再按下命令后面的字母，執(zhí)行該命令。如按Alt+L+D鍵，可執(zhí)行“圖層”→“復(fù)制圖層”命令。若命令右側(cè)標(biāo)有

符號，表示該菜單命令還有子菜單；若某些命令呈灰色顯示，則表示沒有激活，或當(dāng)前不可用；若命令名稱后有省略號，則表示執(zhí)行該命令后將打開一個對話框。(2)工具箱移動工具箱單排/雙排切換鼠標(biāo)停留：彈出該工具的名稱和用法提示單擊三角標(biāo)、長按或右擊該工具圖標(biāo)：顯示該工具組，同組工具可按Shift+字母鍵，進行循環(huán)切換。選擇某一工具后，可以在工具選項欄設(shè)置其各種屬性。雙欄工具箱矩形選框工具選項欄工具組列表(3)圖像窗口

圖像窗口是顯示和編輯圖像主要場所。單擊“關(guān)閉”按鈕可以關(guān)閉該窗口，單擊標(biāo)題欄，可以切換該窗口為當(dāng)前窗口。

在圖像窗口的標(biāo)題欄處按住鼠標(biāo)左鍵不放并向下拖動，可以將圖像窗口與主窗口分離。將圖像窗口向上拖動，當(dāng)窗口變成半透明且四周出現(xiàn)藍(lán)色邊框時釋放鼠標(biāo)，將圖像窗口附加到主窗口中。單擊關(guān)閉窗口單擊切換窗口圖像窗口向下拖動從主窗口分離向上拖動附加到主窗口分離窗口附加窗口(4)面板展開與折疊面板關(guān)閉面板或選項卡組Tab鍵，可隱藏或顯示工具箱、工具選項欄和所有面板Shift+Tab鍵，可隱藏或顯示所有面板。F鍵，可以在“標(biāo)準(zhǔn)屏幕模式”、“帶有菜單欄的全屏模式”和“全屏模式”3種模式之間進行切換。組合與分離面板?！按翱凇薄肮ぷ鲄^(qū)”→“鎖定工作區(qū)”，可以鎖定工作區(qū)，固定工具箱和面板的位置。面板展開和折疊狀態(tài)圖1-17關(guān)閉面板(5)狀態(tài)欄在文本框中輸入數(shù)值可以改變圖像窗口的顯示比例。中間部分顯示當(dāng)前圖像文件的像素大小和分辨率。單擊右側(cè)按鈕，可以選擇顯示當(dāng)前圖像的相關(guān)信息。狀態(tài)欄

實施步驟1.打開軟件：雙擊快捷圖標(biāo)、“開始”→“AdobePhotoshop2020”

2.新建文件：單擊“新建”按鈕、“文件”→“新建”、Ctrl+N。

3.打開文件：“文件”→“打開”、Ctrl+O

4.保存文件：“文件”→“存儲”、Ctrl+S“文件”→“存儲為”、Ctrl+Shift+S“文件”→“存儲為Web所用格式”、Ctrl+Shift+Alt+S5.關(guān)閉文件：“文件”→“關(guān)閉”、單擊關(guān)閉按鈕、Ctrl+W6.退出軟件：“文件”→“退出”、

Ctrl+Q、Alt+F4圖1-19主屏幕界面

案例拓展1.設(shè)置首選項：“編輯”→“首選項”→“常規(guī)”、Ctrl+K“首選項”對話框設(shè)置參考線、網(wǎng)格和切片2.使用輔助工具(1)標(biāo)尺：1)顯示或隱藏標(biāo)尺：“視圖”→“標(biāo)尺”、Ctrl+R2)

原點：默認(rèn)原點在圖像左上角更改原點：在標(biāo)尺左上角相交處按住鼠標(biāo)左鍵不放，拖動到圖像中的任意位置，釋放鼠標(biāo)左鍵。還原原點：雙擊標(biāo)尺左上角相交處。3)設(shè)置標(biāo)尺單位：默認(rèn)為像素，在標(biāo)尺上單擊鼠標(biāo)右鍵，選擇單位即可(2)參考線：分為水平參考線和垂直參考線，用于精確地定位或?qū)R圖像元素。1)創(chuàng)建參考線：精確創(chuàng)建：“視圖”→“新建參考線”粗略創(chuàng)建：從標(biāo)尺拉出2)移去參考線：移到圖像窗口之外、“視圖”→“清除參考線”。3)移動參考線：4)鎖定參考線：“視圖”→“鎖定參考線”5)智能參考線：“視圖”→“顯示”→“智能參考線”

(3)顯示或隱藏網(wǎng)格：“視圖”→“顯示”→“網(wǎng)格”命令、Ctrl+'

鞏固提高安裝Photoshop2020軟件。嘗試按自己的使用習(xí)慣布局面板。設(shè)置首選項，取消“自動顯示主屏幕”。歸納總結(jié)RGB顏色模式和CMYK顏色模式的顯色原理不同，用途也不相同，RGB顏色模式主要用于屏幕顯示，CMYK顏色模式主要用于印刷輸出。Photoshop軟件的面板可以進行折疊與展開，從主窗口分離與附加到主窗口等個性化設(shè)置，方便對圖像的處理。在首選項中可以根據(jù)需要對常規(guī)、界面、工作區(qū)、性能、暫存盤、透明度與色域、單位與標(biāo)尺等進行個性化設(shè)置。課后作業(yè)

是組成位圖圖像最基本的元素，我們學(xué)習(xí)的處理位圖圖像的軟件是

。矢量圖形放大

（會/不會）出現(xiàn)失真現(xiàn)象。圖像分辨率的單位是

（英文縮寫），打印分辨率的單位是

（英文縮寫），分辨率越高，圖像越

，占用的存儲空間越

。RGB色彩模式中R代表

色，G代表

色，B代表

色，它們的取值范圍是

。CMYK色彩模式C代表

色，M代表

色，Y代表

色，K代表

色，它們的取值范圍是

。色域范圍最廣的色彩模式是

，可以作為色彩模式轉(zhuǎn)換的中間色。PS的源文件格式是

格式。按

鍵，可以在“標(biāo)準(zhǔn)屏幕模式”、“帶有菜單欄的全屏模式”和“全屏模式”之間進行切換。寫出以下命令的快捷鍵：新建文件

、打開文件

、存儲文件

、設(shè)置常用首選項

、打開標(biāo)尺

、打開網(wǎng)格

。課后作業(yè)

是組成位圖圖像最基本的元素，我們學(xué)習(xí)的處理位圖圖像的軟件是

。矢量圖形放大

（會/不會）出現(xiàn)失真現(xiàn)象。圖像分辨率的單位是

（英文縮寫），打印分辨率的單位是

（英文縮寫），分辨率越高，圖像越

，占用的存儲空間越

。RGB色彩模式中R代表

色，G代表

色，B代表

色，它們的取值范圍是

。CMYK色彩模式C代表

色，M代表

色，Y代表

色，K代表

色，它們的取值范圍是

。色域范圍最廣的色彩模式是

，可以作為色彩模式轉(zhuǎn)換的中間色。PS的源文件格式是

格式。按

鍵，可以在“標(biāo)準(zhǔn)屏幕模式”、“帶有菜單欄的全屏模式”和“全屏模式”之間進行切換。寫出以下命令的快捷鍵：新建文件

、打開文件

、存儲文件

、設(shè)置常用首選項

、打開標(biāo)尺

、打開網(wǎng)格

。像素Photoshop不會PPIDPI清晰大紅綠藍(lán)0-255青洋紅黃黑0-100%Lab色彩模式psdFCtrl+NCtrl+OCtrl+SCtrl+KCtrl+RCtrl+’

案例情景小明在認(rèn)識了Photoshop2020的工作界面并掌握了基本操作之后，迫不及待地想將下面的風(fēng)箏合成到天空的圖片中，為了增強藝術(shù)性還想為圖片添加邊框，實現(xiàn)“風(fēng)箏舞藍(lán)天”的效果，如圖所示。（a）風(fēng)箏

（b）天空

（c）“風(fēng)箏舞藍(lán)天”效果圖案例分析要實現(xiàn)“風(fēng)箏舞藍(lán)天”的效果，就要想辦法將“風(fēng)箏”和“天空”兩張圖片合成，首先要去除風(fēng)箏放到“天空”文件中，再調(diào)整“風(fēng)箏”飛行的角度、大小和位置等。另外，要給圖片邊緣添加邊框。技能目標(biāo)1. 掌握調(diào)整畫布大小的方法。2. 掌握變換圖像的方法，包括移動、縮放、旋轉(zhuǎn)與變形等。3. 掌握查看圖像的方法，包括縮放、平移與旋轉(zhuǎn)視圖等。4. 掌握裁剪圖像的方法。

知識準(zhǔn)備1．放大或縮小圖像顯示比例方法1：按住Alt鍵不放，向前或向后滾動鼠標(biāo)滾輪。方法2：選擇縮放工具或按Z鍵，在工具選項欄設(shè)置參數(shù)。方法3：在狀態(tài)欄輸入顯示比例。方法4：在導(dǎo)航器面板輸入顯示比例，或單擊縮小、放大按鈕，或拖動縮放滑塊。顯示比例“放大”按鈕比例“縮小”按鈕比例縮放滑塊縮放工具選項欄“導(dǎo)航器”面板2．平移圖像方法1：選擇抓手工具或按H鍵，鼠標(biāo)指針變成手形即可移動圖像，調(diào)整編輯區(qū)域。方法2：當(dāng)前工具不是抓手工具時，按住空格鍵不放可臨時調(diào)用抓手工具，松開空格鍵又切換回原來的工具。方法3：在“導(dǎo)航器”面板中，拖動紅色矩形框的位置也可以改變圖像顯示區(qū)域。使用抓手工具查看圖像3．旋轉(zhuǎn)視圖選擇旋轉(zhuǎn)視圖工具或按R鍵，拖移鼠標(biāo)以旋轉(zhuǎn)畫布，此時圖像中出現(xiàn)一個羅盤且始終指向北方。單擊旋轉(zhuǎn)視圖工具選項欄中的“復(fù)位視圖”按鈕可以將畫布恢復(fù)到原始角度。旋轉(zhuǎn)視圖“旋轉(zhuǎn)視圖工具”選項欄4．查看和調(diào)整畫布大小“圖像”→“畫布大小”、按Alt+Ctrl+C鍵(1)當(dāng)前大小：顯示當(dāng)前畫布的原始實際大小。(2)新建大?。狠斎胄庐嫴嫉膶挾群透叨取４笥谠叽?，則在原畫布的基礎(chǔ)上向外擴展;小于原尺寸，則從四周對畫布進行裁剪。(3)“相對”復(fù)選框：若選擇該復(fù)選框，則表示在原畫布的基礎(chǔ)上擴展或裁剪相應(yīng)尺寸，正值表示擴展，負(fù)值表示裁剪。(4)

定位：用于指定對畫布哪些邊進行擴展或裁剪?！爱嫴即笮　睂υ捒?．查看和調(diào)整圖像大小

“圖像”→“圖像大小”命令、按Alt+Ctrl+I鍵。6．畫板工具新建文檔時，勾選“畫板”，新建的是沒有背景圖層的文檔。一份這樣的文檔中可以利用畫板工具添加多個畫板，從而實現(xiàn)同時編輯多張圖片。這對于設(shè)計系列作品的用戶來說非常實用?！皥D像大小”對話框

具體實施

（a）風(fēng)箏

（b）天空

（c）“風(fēng)箏舞藍(lán)天”效果圖

案例拓展1．裁剪圖像(1)在工具欄中，選擇裁剪工具或按C鍵，裁剪邊界顯示在照片的邊緣上(2)調(diào)整裁剪控制框，以指定照片中的裁剪邊界。(3)按Enter鍵確認(rèn)，完成裁剪操作。選擇裁剪工具調(diào)整裁剪控制框裁剪效果

鞏固提高小明想送一個杯子給表妹作為生日禮物，為了使杯子更有紀(jì)念意義，他想把表妹的照片印到杯子上。利用菜單欄“編輯”→“變換”命令，除了可以縮放、旋轉(zhuǎn)圖像，還可以進行斜切、扭曲、透視、變形等操作。請利用素材圖片，為陶瓷杯貼上照片，如圖。杯子印照片歸納總結(jié)利用擴展畫布的方法可以為當(dāng)前圖像添加邊框。利用菜單欄“編輯”→“變換”命令，可以縮放、旋轉(zhuǎn)圖像，還可以進行斜切、扭曲、透視、變形等操作。在對圖像細(xì)節(jié)進行查看時，可能利用縮放工具、抓手工具和旋轉(zhuǎn)視圖工具。課后作業(yè)按住

鍵不放，向前或向后滾動鼠標(biāo)，可放大或縮小圖像。按住

鍵不放，可臨時調(diào)用抓手工具。調(diào)整畫布大小的組合鍵是

。調(diào)整圖像大小的組合鍵是

。自由變換的組合鍵是

。再次變換并復(fù)制到新圖層的組合鍵是

。課后作業(yè)按住

鍵不放，向前或向后滾動鼠標(biāo)，可放大或縮小圖像。按住

鍵不放，可臨時調(diào)用抓手工具。調(diào)整畫布大小的組合鍵是

。調(diào)整圖像大小的組合鍵是

。自由變換的組合鍵是

。再次變換并復(fù)制到新圖層的組合鍵是

。Alt空格Alt+Ctrl+CCtrl+TAlt+Ctrl+Shift+TAlt+Ctrl+I

案例情景隨著計算機網(wǎng)絡(luò)的飛速發(fā)展，網(wǎng)絡(luò)安全已經(jīng)成為影響國家安全的重要因素，從2014年起我國每年都開展網(wǎng)絡(luò)安全宣傳周。為了配合國家開展的網(wǎng)絡(luò)安全宣傳周，普及網(wǎng)絡(luò)安全知識，增強學(xué)生網(wǎng)絡(luò)安全防護意識，小明所在的中職學(xué)校擬組織開展“校園網(wǎng)絡(luò)安全知識競賽”。為配合本次活動的宣傳，小明承擔(dān)了設(shè)計制作H5宣傳首頁的任務(wù)。

案例分析小明通過查閱網(wǎng)絡(luò)安全相關(guān)知識，擬將本次校園網(wǎng)絡(luò)安全宣傳首頁的主色調(diào)設(shè)置為藍(lán)色，顯得沉穩(wěn)、理智、科技感，另外將首頁整體分為上中下三個部分，上下兩部分整體呈深藍(lán)色，上方三排文本字體、大小和顏色各不相同，而下方的文本風(fēng)格統(tǒng)一。中間除了背景表示網(wǎng)絡(luò)環(huán)境的圖案，還加入了表示安全防護的圖形。小明將利用圖層的基本操作和管理和文本的輸入與格式編輯，來完成H5首頁的制作。技能目標(biāo)1.

理解圖層的含義與特點；2.

掌握圖層的基本操作和管理方法；3.

掌握文本的輸入與編輯方法。

知識準(zhǔn)備1.圖層的含義

圖層是Photoshop軟件中最基本的概念，不同的構(gòu)圖元素要放在不同的圖層上。2．圖層的基本操作和管理創(chuàng)建新圖層刪除圖層創(chuàng)建新組調(diào)整當(dāng)前圖層的不透明度按住鼠標(biāo)拖動圖層可調(diào)整圖層順序選中圖層后按Ctrl+J鍵復(fù)制圖層雙擊圖層名稱可重命名圖層指示圖層可見性3.文字工具組

橫排文字工具：用于輸入橫向排列的文字。

直排文字工具：用于輸入縱向排列的文字。

直排文字蒙版工具：用于輸入縱向排列的文字選區(qū)。

橫排文字蒙版工具：用于輸入橫向排列的文字選區(qū)。文字工具組4.前景色和背景色

背景色位于工作區(qū)的底層，在同一時刻只能設(shè)置一種背景色，而在背景色的上一層所有以各種方式產(chǎn)生的顏色，都是前景色，也就是說同一時刻可以有多種前景色。切換前景色和背景色默認(rèn)前景色和背景色設(shè)置前景色設(shè)置背景色設(shè)置前景色和背景色

具體實施

H5宣傳首頁最終效果圖

案例拓展1.合并圖層(1)向下合并圖層(2)合并多個圖層(3)合并可見圖層(4)拼合圖像2.蓋印圖層(1)向下蓋印(2)蓋印多個圖層(3)蓋印所有可見圖層(4)蓋印圖層組公益海報

鞏固提高社區(qū)準(zhǔn)備開展一次保護未成年人的公益海報比賽，請利用配套素材，設(shè)計制作一幅公益海報。歸納總結(jié)圖層的基本操作包括新建、刪除、復(fù)制、重命名和調(diào)整順序等。利用文字工具單擊可以創(chuàng)建點文字，拖動可以創(chuàng)建段落文字。文字工具創(chuàng)建的是文字圖層，往往需要柵格化為普通圖層。而運用文字蒙版工具前，需要先創(chuàng)建新圖層。文字蒙版工具創(chuàng)建的是選區(qū)，選區(qū)需要填充顏色或圖案。

案例情景小明的叔叔外出旅游拍了很多照片，他想為照片統(tǒng)一調(diào)整尺寸，并且添加邊框，于是請小明幫忙。調(diào)整后效果

案例分析小明對于照片的尺寸調(diào)整和邊框設(shè)置比較熟悉，但要一張一張地更改會比較費時，小明希望能一次性處理多張圖像，小明的老師告訴他錄制動作和批處理功能可以快速實現(xiàn)任務(wù)自動化處理。這兩項功能往往是結(jié)合在一起操作的，首先需要錄制一個改變圖像大小和設(shè)置邊框的“動作”，然后再利用該“動作”完成對圖像的批處理操作。技能目標(biāo)1.理解動作和批處理的含義；2.掌握錄制、播放和刪除動作等操作；3.掌握使用動作對圖像進行批處理的方法；4.學(xué)會使用圖像處理器批處理圖像格式。

知識準(zhǔn)備1.動作的含義

所謂“動作”，實際上是由自定義的操作步驟組成的批處理命令，它會把執(zhí)行過的操作、命