PS教學(xué)課件項(xiàng)目二

1、職業(yè)院校教材圖形圖像處理案例教程photoshop cs5項(xiàng)目二項(xiàng)目二 圖像基本編輯圖像基本編輯p學(xué)習(xí)要點(diǎn)學(xué)習(xí)要點(diǎn)調(diào)整修改圖像尺寸和分辨率 掌握對圖像的復(fù)制、粘貼 對圖像進(jìn)行裁剪和變換、變形等編輯操作 使用恢復(fù)和還原功能 學(xué)會用內(nèi)容識別比例縮放圖像、內(nèi)容識別填充圖像 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5項(xiàng)目任務(wù)項(xiàng)目任務(wù)任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)任務(wù)3 為咖啡杯貼圖為咖啡杯貼圖任務(wù)任務(wù)4 束河古鎮(zhèn)束河古鎮(zhèn)任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)任務(wù)6 擺正的地平線擺正的地平線職業(yè)院校教材圖形圖像處理案例教程photoshop

2、 cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小任務(wù)分析任務(wù)分析本任務(wù)要求掌握根據(jù)實(shí)際需要對圖像的大小及分辨率進(jìn)行修改，使其符合使用的需要。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小相關(guān)知識相關(guān)知識1. 像素像素像素是構(gòu)成圖像的基本單位。在計(jì)算機(jī)屏幕上看到的圖像，均是由一個個很細(xì)微的小 方塊構(gòu)成，這些小方塊即稱為像素（pixel）。每一個像素中都有自己的顏色信息，我們可 以把它看成是一格填滿某一顏色的小方格，當(dāng)許多不同顏色的小方塊互相緊密地排列在一 起時，就會構(gòu)成我們在計(jì)算機(jī)屏幕上看到的圖像。當(dāng)用縮放工具將圖像放大到足夠大時， 就可以看到類似馬賽

3、克的效果。像素點(diǎn)越多則圖像品質(zhì)越高，圖像越清晰；反之就越模 糊。圖 分別是高像素值與低像素值的圖像效果。 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小相關(guān)知識相關(guān)知識1. 像素像素 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小相關(guān)知識相關(guān)知識2. 圖像分辨率圖像分辨率圖像分辨率是指每英寸圖像含有多少個點(diǎn)或像素，通常以“像素 / 英寸”（Pixel per inch，ppi）表示。例如，通常系統(tǒng)默認(rèn)的 72 分辨率，表示圖像每英寸包含 72 個像素點(diǎn)。在 圖像尺寸相同的情況下，圖像的分辨率越高，其

4、單位面積內(nèi)所包含的像素就越多，圖像就越 清晰；反之，如果圖像的分辨率太低，圖像看上去就會很模糊。圖是同一個圖像在 分辨率分別為 300 像素 / 英寸和 30 像素 / 英寸時圖像的品質(zhì)效果。 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小相關(guān)知識相關(guān)知識2. 圖像分辨率圖像分辨率 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小任務(wù)實(shí)施任務(wù)實(shí)施l步驟1：打開素材“T200”，執(zhí)行【圖像圖像大小】命令，彈出“圖像大小”對話框，可以調(diào) 整圖像的像素大小、文檔大小和分辨率。 職業(yè)院校教材圖形圖像處理案例教

5、程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小任務(wù)實(shí)施任務(wù)實(shí)施l步驟2：如圖 所示，勾選“重定圖像像素”選項(xiàng)，縮小圖像的寬度或高度，圖像中的 像素?cái)?shù)量也跟著減少，圖像雖然變小了，但是畫面質(zhì)量不變.當(dāng)增大 圖像的大小時，則會增加新的像素， 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小任務(wù)實(shí)施任務(wù)實(shí)施l步驟2：如圖所示，圖像雖然變大了，但是畫面質(zhì)量下 降，如圖 所示，圖像變得較模糊。 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)1 調(diào)整圖像大小調(diào)整圖像大小任務(wù)實(shí)施任務(wù)實(shí)施l步驟2：如果取消“重定圖像像素”選項(xiàng)

6、勾選，修改圖像的寬度或高度，圖像中的像素總數(shù)量 不變，但分辨率會發(fā)生變化，減少寬度，會自動增大分辨率，如圖所示。圖像的大 小和畫面質(zhì)量都沒有任何變化，如圖所示。 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)分析任務(wù)分析本任務(wù)利用移動工具在同一文檔中移動復(fù)制圖像。移動復(fù)制本任務(wù)利用移動工具在同一文檔中移動復(fù)制圖像。移動復(fù)制圖像的效果如圖圖像的效果如圖 所示。所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球相關(guān)知識相關(guān)知識1. 選擇圖層選擇圖層選擇一個圖層：在圖層面板中單擊一個圖層即可

7、選擇該圖層。 選擇多個圖層：如果要選擇多個連續(xù)圖層，可以在單擊第一個圖層后，再按住 Shift 鍵單擊最后一個圖層即可；如果要選擇多個不連續(xù)的圖層，可按住 Ctrl 鍵，逐個單擊需要選 中的圖層。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球相關(guān)知識相關(guān)知識2. 圖層圖像的分布與對齊圖層圖像的分布與對齊Photoshop 中，如果要對兩個或兩個以上的圖層進(jìn)行對齊，可以選擇這些圖層，執(zhí)行【圖層對齊】下拉菜單中的命令進(jìn)行操作，如圖所示 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球相關(guān)知識相關(guān)知

8、識3. 合并圖層合并圖層l在一幅圖像中，圖層越多，所占用的磁盤空間越大，所以對一些不必要分開的圖層，可 以將它們合并，節(jié)省空間，并且提高操作速度。l向下合并：將當(dāng)前圖層和它下面的一個圖層合并，可以執(zhí)行菜單欄上的【圖層向下合 并】命令，或者按快捷鍵 Ctrl+E，注意合并時下一個圖層必須為可見。l合并可見圖層 ： 將圖層面板中的所有可見圖層合并，而隱藏的圖層則不會被 合并。l拼合圖像：將圖層面板中所有的可見圖層合并到“背景”圖層，若有隱藏的圖層，會彈 出對話框詢問是否扔掉隱藏的圖層。l合并多個圖層：可以先選擇需要合并的幾個圖層，然后執(zhí)行菜單欄上的【圖層合并圖 層】命令。職業(yè)院校教材圖形圖像處理案

9、例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：打開素材打開素材“保齡球保齡球 .psd”，如圖，如圖 所示。所示。 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟2：單擊保齡球所在圖層，使其處于工作狀態(tài)。選擇“移動”工具 ，在屬性欄中勾選復(fù)選框，按 Shift 鍵的同時拖動變換框中的角點(diǎn)將保齡球縮小，并移動圖像至如圖。單擊屬性欄中的 按鈕，取消復(fù)選框的勾選 。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任

10、務(wù)實(shí)施步驟步驟3：按住 Alt+Shift 鍵，將鼠標(biāo)指針移動到圖像內(nèi)，按住鼠標(biāo)左鍵向右拖拽，保齡球被復(fù) 制并水平移動到指定的位置，圖層面板中產(chǎn)生新的圖層，如圖所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟4：繼續(xù)移動復(fù)制圖像，水平復(fù)制出一排保齡球，如圖 2-2-6 所示。步驟步驟5：為了使每個保齡球均勻分布，確定“圖層 1 副本 3”圖層為當(dāng)前工作圖層，按住 Shift 鍵的同時單擊“圖層 1”，可以將保齡球所在圖層同時選中，執(zhí)行菜單欄上的【圖層 分布水平居中】命令或使用“移動工具”，在屬性欄中單擊“水平居中分

11、布”按鈕 ，將四個 圖層的水平距離均勻分隔，效果如圖。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟4：步驟步驟5：職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟6：同時選中“圖層 1 副本”至“圖層 1 副本 3”，執(zhí)行菜單欄上的【圖層合并圖層】命 令（或按快捷鍵 Ctrl+E），將三個保齡球合并在一起。在圖層面板中雙擊“圖層 1 副本 3”的 文本，在顯示的文本框中輸入“保齡球”，對圖層重命名，如圖所示。步驟步驟7：確認(rèn)“保齡球”圖層為當(dāng)前

12、操作圖層，按下 Alt 鍵，按住鼠標(biāo)左鍵向下拖拽保齡球， 可以復(fù)制出如圖 所示的第二排保齡球效果。 職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟6：步驟步驟7：職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟8：單擊“圖層 1”，使其處于工作狀態(tài)。復(fù)制“圖層 1”圖層為“圖層 1 副本”，并將 “圖層 1 副本”圖層移動所有圖層的最上面，移動保齡球圖像如圖所示步驟步驟9：用移動復(fù)制的方法制作如圖 2-2-11 所示的第三排保齡球效果職業(yè)院校教材

13、圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟8：步驟步驟9：職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)2 移動復(fù)制保齡球移動復(fù)制保齡球任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟10：單繼續(xù)復(fù)制保齡球，最終效果如圖所示步驟步驟11：用按住 Ctrl+Shift+S 鍵 , 在打開的“存儲為”對話框中將文件另存為“移動復(fù)制保齡 球.psd”。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)3 為咖啡杯貼圖為咖啡杯貼圖任務(wù)分析任務(wù)分析本任務(wù)通過“變形”命令來給一個咖啡杯貼上裝飾花紋圖案。貼圖效果如圖所示。職業(yè)院

14、校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)3 為咖啡杯貼圖為咖啡杯貼圖任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：單擊打開素材“咖啡杯”、“裝飾花紋”，如圖所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)3 為咖啡杯貼圖為咖啡杯貼圖任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟2：使用“移動”工具 ，將裝飾花紋移動到咖啡杯文件中。按快捷鍵 Ctrl+T，在圖像中右擊，如圖 2-3-4 所示，在打開的快捷菜單中選擇“變形”命令，則出現(xiàn)如圖 2-3-5 所 示的變形網(wǎng)格。步驟步驟3：將 4 個角的錨點(diǎn)拖動并貼齊到杯子邊緣，如圖所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)

15、任務(wù)3 為咖啡杯貼圖為咖啡杯貼圖任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟4：調(diào)整圖像上、下、左右錨點(diǎn)的方向點(diǎn)，使裝飾花紋按照杯子的結(jié)構(gòu)扭曲，調(diào)整效果 如圖 2-3-7 所示。操作完成后按 Enter 鍵確定變形。步驟步驟5：將“圖層 1”的混合模式設(shè)置為“正片疊底”，如圖所示，使貼入的裝飾花紋 效果更加逼真效果。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)4 束河古鎮(zhèn)束河古鎮(zhèn)任務(wù)分析任務(wù)分析本任務(wù)利用本任務(wù)利用“裁剪裁剪”工具對圖像進(jìn)行二次創(chuàng)作，使畫面的構(gòu)圖工具對圖像進(jìn)行二次創(chuàng)作，使畫面的構(gòu)圖更加完美，并裁剪出符合更加完美，并裁剪出符合 洗沖的洗沖的 4R 尺寸照片的要求，裁尺寸照片的要

16、求，裁剪前后的效果如圖剪前后的效果如圖 所示。所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)4 束河古鎮(zhèn)束河古鎮(zhèn)相關(guān)知識相關(guān)知識1. 裁剪圖像裁剪圖像l方法一：先用矩形工具將要保留的部分選中，然后執(zhí)行菜單欄上的【圖像裁剪】命令 即可，裁剪前后如圖 2-4-3 所示。畫面中還殘留多余的白邊，如果想要裁剪干凈，可以執(zhí) 行菜單欄上的【圖像裁切】命令，將上下左右所有的白邊都能自動切干凈，裁切前后如圖職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)4 束河古鎮(zhèn)束河古鎮(zhèn)任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：打開素材“束河古鎮(zhèn)”步驟步驟2：裁剪制作 4R 尺寸照片。單擊“裁

17、剪”工具 ，在其屬性欄中打開“工具預(yù)設(shè)選取 器”，指定裁剪范圍為 4 英寸 6 英寸 300 dpi，單擊按鈕交換寬度和高度，設(shè)置好裁剪 4R 照片的預(yù)定義尺寸，如圖所示。步驟步驟3：鼠標(biāo)在圖像上拖拽出矩形裁切范圍，如圖 2-4-7 所示。拖拽四角的控制點(diǎn)調(diào)整裁剪 范圍，按 Enter 鍵即可完成裁剪，如圖所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)4 束河古鎮(zhèn)束河古鎮(zhèn)相關(guān)知識相關(guān)知識1. 裁剪圖像裁剪圖像l方法二：在工具欄中選擇“裁剪”工具 ，鼠標(biāo)在圖像上拖拽出矩形裁切范圍，矩形 裁切框以螞蟻線顯示，并顯示三等分參考線，中間的明亮部分為保留的圖像，螞蟻線以外 變暗

18、的部分為被裁剪的部分。裁剪框有 8 個控制 點(diǎn)，通過控制點(diǎn)可以調(diào)節(jié)要保留的圖像大小，移動 上下邊緣中間的控制點(diǎn)可以調(diào)節(jié)裁剪框的高度；移 動左右邊緣中間的控制點(diǎn)可以調(diào)節(jié)裁剪框的寬度； 移動四角的控制點(diǎn)可以將裁剪框縮小或放大；按住Shift 鍵可以使裁剪框縮放比例不變。最后再在圖像 中雙擊鼠標(biāo)左鍵（或按 Enter 鍵）就可以將定界框外的圖像裁掉，裁切前后如圖所示職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)4 束河古鎮(zhèn)束河古鎮(zhèn)任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：步驟步驟2：步驟步驟3：職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)分析任

19、務(wù)分析本任務(wù)要求巧用內(nèi)容識別比例技術(shù)來壓縮圖片，使兩艘帆船本任務(wù)要求巧用內(nèi)容識別比例技術(shù)來壓縮圖片，使兩艘帆船靠得更近一些，并讓帆船基靠得更近一些，并讓帆船基 本上保持原樣。調(diào)整前、后本上保持原樣。調(diào)整前、后的效果如圖的效果如圖 所示。所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船相關(guān)知識相關(guān)知識內(nèi)容識別比例內(nèi)容識別比例：“內(nèi)容識別比例內(nèi)容識別比例”命令是能夠智能地壓縮圖片中的非重要區(qū)域命令是能夠智能地壓縮圖片中的非重要區(qū)域，并保證畫面中的人，并保證畫面中的人 物、建筑、動物等主體區(qū)域不變形物、建筑、動物等主體區(qū)域不變形，使原來大量的、復(fù)雜的后

20、期修補(bǔ)、潤飾等工作變得非，使原來大量的、復(fù)雜的后期修補(bǔ)、潤飾等工作變得非 常簡單。常簡單。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：打開素材“帆船”，雙擊背景圖層解除鎖定，將它轉(zhuǎn)換為普通圖層。如果想讓兩艘帆 船靠得更近一些，使用“自由變換”命令（或按快捷鍵 Ctrl+T），將圖像橫向縮小至原圖的 50%，可以看到圖 的兩艘帆船明顯出現(xiàn)了變形。步驟步驟2：執(zhí)行菜單欄上的【編輯還原】命令（或按快捷鍵 Ctrl+Z），撤銷剛才的操作，返回原來的圖像，執(zhí)行【編輯內(nèi)容識別比例】命令，同樣將圖像橫向縮小至原圖的 50%，兩艘 帆船

21、的距離縮短了很多，帆船基本上保持原樣，如圖所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：步驟步驟2：職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟3：仔細(xì)觀察，右邊的帆船在調(diào)整過程中縮短了一些。為了修正這個問題，內(nèi)容識別比 例提供了更完美的解決方案，再次撤銷剛才的操作，返回原來 的圖像。使用“快速選擇”工具 ，粗略選中右邊的帆船，如 圖 2-5-5 所示，選出右邊帆船作為需要保護(hù)的內(nèi)容。通常情況 下，需要保護(hù)的內(nèi)容一般是照片中的主體人物或物品。執(zhí)行【

22、選 擇存儲選區(qū)】命令，在彈出的“存儲選區(qū)”對話框的名稱項(xiàng)中輸入被保護(hù)的事物名稱，命名為“帆船”，帆船選區(qū) 擊“確定”完成對選區(qū)的儲存。打開通道面板，該選區(qū)作為一個 Alpha 通道被存儲，如圖所示。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟3：職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)5 靠近的帆船靠近的帆船任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟4：重新執(zhí)行【編輯內(nèi)容識別比例】命令，在屬性欄上單擊“保護(hù)”下拉列 表，選擇之前存儲的“帆船”，如圖所示。步驟步驟5：再次橫向縮小至原圖的 50%，可以看到右邊帆船保持了

23、原樣，而兩艘帆船靠近了， 效果如圖所示。最后，使用裁切工具進(jìn)行裁切，這樣，圖像就從原來的橫幅變?yōu)樨Q幅。職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)6 擺正的地平線擺正的地平線任務(wù)分析任務(wù)分析本任務(wù)是利用本任務(wù)是利用“拉直拉直”功能、功能、“內(nèi)容識別內(nèi)容識別”功能處理全景圖像，功能處理全景圖像，圖像處理前后效果如圖圖像處理前后效果如圖職業(yè)院校教材圖形圖像處理案例教程photoshop cs5任務(wù)任務(wù)6 擺正的地平線擺正的地平線任務(wù)實(shí)施任務(wù)實(shí)施步驟步驟1：打開素材“海邊”，該圖拍攝角度傾斜了。在工具欄中的“吸管” 工具欄中選擇“標(biāo)尺”工具 ，沿地平線從左向右拖拽，使標(biāo)尺所畫的直線與地平線完全 吻合，如圖所示。步驟步驟2：單擊“標(biāo)尺”工具屬性欄中的“拉直”按鈕 ，圖像會自動旋轉(zhuǎn)并進(jìn)行裁切 掉白色的邊角，裁切后效果如圖所示。職業(yè)院校教材圖形圖像處理案例教程