Photoshop圖像處理立體化教程（Photoshop2021）（微課版）（第2版）課件 項目1 初識Photoshop圖像處理

Photoshop圖像處理立體化教程（Photoshop2021）（微課版）新形態(tài)立體化精品系列教材項目1初識Photoshop圖像處理目錄Contents任務1.2認識Photoshop2021工作界面任務1.3熟悉Photoshop的基本操作綜合實戰(zhàn)制作手表主圖任務1.1了解圖像基礎知識任務1.1

了解圖像基礎知識1．位圖與矢量圖（1）位圖位圖又稱點陣圖或像素圖，它由多個像素點構成，能夠將燈光、透明度和深度等逼真地表現(xiàn)出來。如下圖所示。

（2）矢量圖矢量圖又稱向量圖，是指使用一系列計算機指令來描述和記錄的圖像，它由點、線、面等元素組成，所記錄的對象主要包括幾何形狀、線條粗細和色彩等。如上圖所示。分辨率：分辨率是指單位長度上的像素數目，單位通常為“像素/英寸”和“像素/厘米”，分辨率越高，圖像就越清晰，但相應的圖像文件也就越大。任務1.1

了解圖像基礎知識2．像素與分辨率新建圖像文件時往往需要設置圖像的大小，即設置像素與分辨率，這與圖像文件的清晰度也密切相關。像素：像素是構成位圖圖像的最小單位，每個像素在位圖圖像中都有自己的位置，并且包含了一定的顏色信息。單位面積內的像素越多，顏色信息越豐富，圖像效果就越好，圖像文件也會越大但相應的圖像文件也就越大。任務1.1

了解圖像基礎知識3．常見的圖像文件格式Photoshop支持多種常見的圖像文件格式，在存儲和導出文件時都需要選擇適合的格式。PSD（*.psd）格式：PSD格式是Photoshop軟件自身生成的文件格式，是唯一支持全部圖像文件顏色模式的格式。TIFF（*.tif、*.tiff）格式：TIFF格式是一種無損壓縮格式，常用于在應用程序與計算機平臺之間交換圖像數據。WBMP（*.wbmp）格式：WBMP格式是一種專為移動計算設備使用的圖像文件格式，特定使用于WAP（WirelessApplicationProtocol，無線應用協(xié)議）網頁中，僅支持單色圖像數據，只能保存黑白圖像。JPEG（*.jpg）格式：JPEG格式是一種有損壓縮格式，支持真彩色，其生成的圖像文件較小，也是常用的圖像文件格式之一。任務1.1

了解圖像基礎知識3．常見的圖像文件格式GIF（*.gif）格式：GIF格式最多存儲256種顏色，不支持Alpha通道。PNG（*.png）格式：PNG格式主要用于替代GIF格式。EPS（*.eps）格式：EPS格式最大的優(yōu)點是可以在排版軟件中以低分辨率預覽，而在打印時以高分辨率輸出。RAW（*.raw）格式：RAW格式是一種未經處理、未經壓縮的格式，可以最大限度地保留圖像細節(jié)，因此圖像文件較大。PDF（*.pdf）格式：PDF格式是一種跨操作系統(tǒng)平臺的圖像文件格式，可以同時存儲文本、圖形、圖像、色彩、版式、超文本鏈接、音頻和視頻，以及與印刷設備相關的內容。SVG（*.svg）格式：SVG格式是一種存儲矢量圖形的文件格式，可任意縮放圖形，而且邊緣清晰，生成的文件很小，方便傳輸，文本在該圖像文件中保留可編輯和可搜尋的狀態(tài)，沒有字體的限制，因此常用于設計高分辨率的Web圖形頁面。任務1.1

了解圖像基礎知識4．常用的圖像文件顏色模式灰度模式：在灰度模式圖像中，每個像素都有一個0（黑色）～255（白色）之間的亮度值。左圖所示為將彩色圖像轉換為灰度模式的前后對比效果。圖像文件的顏色模式決定圖像色彩的顯示效果，也決定了圖像文件在計算機中顯示或打印輸出的方式。位圖模式：位圖模式是指由黑、白兩種顏色來表示圖像的顏色模式，適合制作藝術樣式或用于創(chuàng)作單色圖形。上圖所示為將灰度圖像轉換為位圖模式后的顯示效果。任務1.1

了解圖像基礎知識4．常用的圖像文件顏色模式雙色調模式：雙色調模式是指用灰度油墨或彩色油墨來渲染灰度圖像的模式。雙色調模式采用2~4種彩色油墨混合其色階來創(chuàng)建由雙色調、三色調及四色調混合色階組成的圖像，如下圖所示。索引顏色模式：索引顏色模式是指系統(tǒng)預先定義好一個含有256種典型顏色的顏色對照表，當彩色圖像轉換為索引顏色模式時，系統(tǒng)會將該圖像的所有色彩映射到顏色對照表中，右圖所示為采用索引顏色模式存放彩色圖像顏色的效果展示。任務1.1

了解圖像基礎知識4．常用的圖像文件顏色模式RGB顏色模式：RGB顏色模式由紅、綠、藍3種顏色按不同的比例混合而成，也是最常用的顏色模式之一。左圖所示為RGB顏色模式下圖像的顯示效果。CMYK顏色模式：CMYK顏色模式是印刷時使用的一種圖像顏色模式，主要由Cyan（青）、Magenta（洋紅）、Yellow（黃）和Black（黑）4種顏色組成。上圖所示為CMYK顏色模式下圖像的顯示效果。任務1.1

了解圖像基礎知識4．常用的圖像文件顏色模式Lab顏色模式：Lab顏色模式由RGB三基色轉換而來，它將明暗和顏色數據信息分別存儲在不同位置。右圖所示為Lab顏色模式下圖像的顯示效果。多通道模式：在多通道模式下圖像包含了多種灰階通道。將圖像轉換為多通道模式后，系統(tǒng)將根據原圖像產生一定數目的新通道，每個通道均由256級灰階組成。上圖所示為多通道模式下圖像的顯示效果。目錄Contents任務1.1了解圖像基礎知識任務1.3熟悉Photoshop的基本操作綜合實戰(zhàn)制作手表主圖任務1.2認識Photoshop2021工作界面在計算機上雙擊軟件圖標啟動Photoshop2021，Photoshop2021的工作界面如下圖所示，主要包括菜單欄、標題欄、工具箱、工具屬性欄、浮動面板、圖像編輯區(qū)、狀態(tài)欄。任務1.2

認識Photoshop2021工作界面任務1.2

認識Photoshop2021工作界面1．菜單欄菜單欄由“文件”“編輯”“圖像”“圖層”“文字”“選擇”“濾鏡”“3D”“視圖”“窗口”和“幫助”11個菜單組成，每個菜單下包含多個命令。若命令右側標有符號，則表示該命令還有子菜單；若某些命令呈灰色顯示，則表示沒有激活或當前不可用。標題欄中通常會顯示已打開或已創(chuàng)建圖像文件的名稱格式、顯示比例、顏色模式、通道位數、圖層狀態(tài)及該圖像文件的“關閉”按鈕。如果新創(chuàng)建的圖像文件并未命名且未被存儲過，則標題欄將以“未命名＋連續(xù)數字”的形式作為文件的名稱進行顯示。2．標題欄任務1.2

認識Photoshop2021工作界面3．工具箱工具箱中集合了Photoshop的所有工具，如圖所示，默認位置在工作界面左側，將鼠標指針移動到工具箱頂部，按住鼠標左鍵不放并拖曳鼠標指針，可將工具箱移動到工作界面中的其他位置。任務1.2

認識Photoshop2021工作界面4．工具屬性欄在工具屬性欄中可設置所選工具的參數。工具屬性欄默認位于菜單欄的下方，當設計師選擇工具箱中的某個工具后，工具屬性欄將顯示對應工具的參數設置選項。在浮動面板中可進行選擇顏色、編輯圖層、新建通道、編輯路徑和撤銷編輯等操作。在“窗口”菜單中選擇某個面板的命令后，該面板將被添加到浮動面板中以縮略按鈕的形式顯示，并且可通過拖曳鼠標指針的方法來調整該面板的位置。5．浮動面板任務1.2

認識Photoshop2021工作界面6．圖像編輯區(qū)圖像編輯區(qū)是在Photoshop中查看與編輯圖像的區(qū)域，也是瀏覽當前圖像狀態(tài)的的主要場所，所有的圖像處理結果都在圖像編輯區(qū)中顯示。在狀態(tài)欄中可查看當前圖像在圖像編輯區(qū)內的顯示比例或文件的其他信息。右圖所示為將默認設置改為顯示文檔大小的前后對比效果。7．狀態(tài)欄目錄Contents任務1.1了解圖像基礎知識綜合實戰(zhàn)制作手表主圖任務1.2認識Photoshop2021工作界面任務1.3熟悉Photoshop的基本操作任務1.3

熟悉Photoshop的基本操作1．新建、打開和置入文件（1）新建文件

啟動Photoshop后將進入開始界面，單擊該界面左側的“新建”按鈕，或選擇【文件】/【新建】命令，或按【Ctrl+N】組合鍵，都可打開“新建文檔”對話框（如右圖所示），設置參數后，單擊“創(chuàng)建”按鈕即可新建對應的文件。任務1.3

熟悉Photoshop的基本操作1．新建、打開和置入文件預設選項卡：用于選擇預設的常用文件尺寸。預設詳細信息：用于設置文件的名稱。寬度和高度：用于設置文件的寬度和高度。方向：用于設置縱向或橫向的圖像編輯區(qū)。畫板：單擊選中“畫板”復選框后，可在新建的文件中創(chuàng)建畫板。（1）新建文件分辨率：用于設置文件的分辨率。顏色模式：用于設置文件的顏色模式和位深度。背景內容：用于設置文件的背景，包括“白色”“黑色”“背景色”“透明”“自定義”等選項。高級選項：用于設置文件的顏色配置和像素長寬比，單擊按鈕，可隱藏顯示的選項。任務1.3

熟悉Photoshop的基本操作1．新建、打開和置入文件（2）打開文件啟動Photoshop后進入開始界面，單擊該界面左側的按鈕，或選擇【文件】/【打開】命令，或按【Ctrl+O】組合鍵，都可打開“打開”對話框（如右圖所示），選擇打開的文件后，單擊“打開”按鈕。如果要再次打開某文件，可以選擇【文件】/【最近打開文件】命令，在彈出的子菜單中將顯示最近打開的文件列表，選擇所需的文件選項，即可將其打開。若要清除該文件列表，可選擇子菜單底部的“清除最近的文件列表”命令。任務1.3

熟悉Photoshop的基本操作1．新建、打開和置入文件（3）置入文件選擇【文件】/【置入嵌入對象】命令，打開“置入嵌入的對象”對話框，選擇要置入的文件后，單擊“置入”按鈕，置入文件后，單擊工具屬性欄中的“提交變換”按鈕，或按【Enter】鍵，或在圖像編輯區(qū)以外的地方單擊鼠標左鍵，都可完成置入，如圖所示，而單擊“取消變換”按鈕可取消置入文件。任務1.3

熟悉Photoshop的基本操作2．導入與導出文件（1）導入文件導入的文件將會創(chuàng)建一個新的圖像文件來承載導入的文件內容。具體方法為：選擇【文件】/【導入】命令，在打開的子菜單中選擇所需選項后，按照提示操作。（2）導出文件選擇【文件】/【導出】命令，在打開的子菜單中可以完成多種導出任務，如圖所示。設計師可以按照所要導出的內容、范圍、格式來選擇需要的命令。任務1.3

熟悉Photoshop的基本操作3．存儲與關閉文件（1）存儲文件選擇【文件】/【存儲】命令，或按【Ctrl+S】組合鍵，打開的“另存為”對話框（如圖所示），選擇文件存儲位置后，單擊”保存“按鈕。另外，“另存為”對話框只在首次保存當前文件時才會出現(xiàn)。任務1.3

熟悉Photoshop的基本操作3．存儲與關閉文件文件名：用于設置文件存儲后的名稱。保存類型：用于設置文件的保存格式?！按鎯Φ皆莆臋n”：用于將文件保存在云文檔中。作為副本：用于為文件另外保存一個附件文件，即備份。（1）存儲文件注釋/Alpha通道/專色/圖層：用于保存與復選框對應的對象。使用校樣設置：用于保存打印用的校樣設置。ICC配置文件：用于保存嵌入到文件中的ICC配置文件?？s覽圖：用于為圖像創(chuàng)建并顯示縮覽圖。任務1.3

熟悉Photoshop的基本操作3．存儲與關閉文件（2）關閉文件按照關閉文件的范圍，可將關閉文件劃分為3種方法。關閉當前文件：選擇【文件】/【關閉】命令，或按【Ctrl+W】組合鍵，可關閉當前文件。關閉所有文件：選擇【文件】/【關閉全部】命令，或按【Ctrl+Alt＋W】組合鍵，可關閉當前所有文件。關閉文件和軟件：選擇【文件】/【退出】命令，或單擊Photoshop工作界面右上角的按鈕，可關閉文件和軟件。任務1.3

熟悉Photoshop的基本操作4．查看文件在需要精確查看文件中某個區(qū)域的圖像時，可通過以下工具來實現(xiàn)“導航器”面板PART01旋轉視圖工具PART04縮放工具PART02抓手工具PART03任務1.3

熟悉Photoshop的基本操作5．使用標尺、參考線和網格（1）標尺當需要確定文件中某圖像所在的寬度和高度時，可以使用標尺工具。選擇【視圖】/【標尺】命令，或按【Ctrl+R】組合鍵，在圖像編輯區(qū)頂部和左側將分別顯示水平和垂直的標尺，如右圖所示。調整刻度單位：將鼠標指針移至任意標尺上，單擊鼠標右鍵，在彈出的快捷菜單中可選擇“像素”“英寸”“厘米”“毫米”“點”“派卡”“百分比”選項，選擇所需選項后，標尺上的刻度將自動變?yōu)閷臄抵怠Ｕ{整刻度原點位置：將鼠標指針移至標尺左上角交界處，按住鼠標左鍵不放并向圖像編輯區(qū)內拖曳鼠標指針，鼠標指針變?yōu)闋顟B(tài)，釋放鼠標的位置將自動變?yōu)樾略c位置。任務1.3

熟悉Photoshop的基本操作5．使用標尺、參考線和網格（2）參考線如果需要確定文件中某元素的擺放位置，可以使用參考線。通過標尺可創(chuàng)建參考線，具體方法為：將鼠標指針移至標尺上，按住鼠標左鍵不放，向下或向右拖曳，可創(chuàng)建水平或垂直參考線，如左圖所示。移動參考線清除參考線鎖定參考線智能參考線任務1.3

熟悉Photoshop的基本操作5．使用標尺、參考線和網格（3）網格：當需要在圖像編輯區(qū)布局多個元素的位置時，可以使用網格功能。具體方法為：選擇【視圖】/【顯示】/【網格】命令，或按【Ctrl+'】組合鍵，圖像編輯區(qū)將自動顯示網格，如圖所示。再次選擇該命令，或按【Ctrl+'】組合鍵，將隱藏網格。任務1.3

熟悉Photoshop的基本操作6．調整圖像大小與畫布大?。?）調整圖像大小選擇【圖像】/【圖像大小】命令，打開“圖像大小”對話框（如右圖所示），在其中可設置圖像尺寸大小及分辨率，設置完畢后單擊”確定“按鈕。圖像大?。河糜陲@示當前圖像文件的大小。尺寸：用于顯示當前圖像文件的尺寸，默認以“像素”為單位，單擊按鈕，在打開的下拉列表中可修改單位。任務1.3

熟悉Photoshop的基本操作6．調整圖像大小與畫布大?。?）調整圖像大小調整為：在該下拉列表中可選擇預設的尺寸選項。寬度/高度：用于設置圖像文件寬度/高度和單位?！安患s束長寬比”按鈕：用于約束圖像的寬度與高度比例。分辨率：用于設置圖像的分辨率，默認以“像素/英寸”為單位。重新采樣：用于插入像素信息。減少雜色：用于輸入減少雜色的量，可適當改變圖像清晰度的細節(jié)。任務1.3

熟悉Photoshop的基本操作6．調整圖像大小與畫布大小（2）調整畫布大小圖像的顯示區(qū)域即圖像編輯區(qū)，又可以稱為畫布，調整畫布的大小可以達到改變圖像文件大小的目的。具體方法為：選擇【圖像】/【畫布大小】命令，打開“畫布大小”對話框（如右圖所示），設置完參數后，單擊”確定“按鈕，各選項的含義如下。任務1.3

熟悉Photoshop的基本操作6．調整圖像大小與畫布大?。?）調整畫布大小當前大?。河糜陲@示當前圖像文件的大小、寬度和高度。寬度/高度：用于設置圖像文件的寬度和高度數值和單位。相對：單擊選中該復選框后，“寬度”和“高度”數值框中的數值將表示實際增加或減少的數值，而不是表示整個文件的寬度和高度的數值。定位：用于設置當前圖像在新畫布上的位置。畫布擴展顏色：用于選擇擴大畫布時填充新畫布使用的顏色，默認情況下使用當前背景色填充。任務1.3

熟悉Photoshop的基本操作7．裁剪圖像（1）裁剪工具當圖像并無透視問題，且需要將圖像裁剪成矩形形狀時，可使用裁剪工具裁剪圖像。裁剪工具的工具屬性欄如下圖所示。選擇裁剪工具，在工具屬性欄中設置參數時，圖像上將出現(xiàn)一個裁剪框，將鼠標指針移至裁剪框的邊界上，當鼠標指針變?yōu)闋顟B(tài)時，拖曳裁剪框邊界可調整裁剪框范圍，按【Enter】鍵或單擊按鈕完成裁剪操作，如右圖所示。任務1.3

熟悉Photoshop的基本操作7．裁剪圖像（1）裁剪工具預設長寬比或裁剪尺寸：在“1:1（方形）”下拉列表中提供了裁剪的預設長寬比和裁剪尺寸。“清除”按鈕：單擊該按鈕可清除已設置的長寬比值?！袄薄卑粹o：單擊該按鈕，在圖像上繪制一條直線，可用于拉直圖像。“設置裁剪工具的疊加選項”按鈕：單擊該按鈕，在彈出的下拉菜單中可設置裁剪工具的疊加選項?！霸O置其他裁切選項”按鈕：單擊該按鈕，在彈出的下拉菜單中可設置裁切選項參數。刪除裁剪的像素：默認選中該復選框，執(zhí)行裁剪后將刪除裁剪框以外的圖像。內容識別：單擊選中該復選框，如果將裁剪框大小調整至大于圖像的原始大小，Photoshop可利用內容識別技術智能填充多出的區(qū)域。任務1.3

熟悉Photoshop的基本操作7．裁剪圖像（2）透視裁剪工具如果要裁剪的圖像存在透視問題，可使用透視裁剪工具裁剪該圖像，以矯正透視。透視裁剪工具的工具屬性欄如圖所示。W/H：用于設置裁剪圖像的寬度和高度。分辨率：用于輸入自定的約束比例數值?！扒懊娴膱D像“按鈕：單擊該按鈕，可使用頂層圖層中的數值。顯示網格：默認選中該復選框，在裁剪圖像時將在裁剪框內出現(xiàn)網格。任務1.3熟悉Photoshop的基本操作8．變換圖像通過變換圖像操作，可以使圖像產生不同的效果，如以下6種縮放圖像旋轉圖像斜切圖像扭曲圖像透視圖像變形圖像任務1.3

熟悉Photoshop的基本操作9．恢復歷史操作在操作失誤的情況下，可以使用“歷史記錄”面板來恢復歷史操作記錄，以便重新編輯。選擇【窗口】/【歷史記錄】命令，打開“歷史記錄”面板，如下圖所示。“設置歷史記錄畫筆的源”按鈕“從當前狀態(tài)創(chuàng)建新文檔”按鈕