《Photoshop平面設計與制作（第三版）》 課件 項目一 Photoshop的初步認識

項目一

Photoshop的初步認識PS講課人：為卡通人物上色能敘述Photoshop的主要功能及Photoshop2022安裝方法能說明Photoshop2022的工作界面功能分區(qū)能完成文件的打開和存儲操作能使用選區(qū)工具、魔棒工具、縮放工具等基本工具能使用拾色器獲取圖像顏色能區(qū)分常見的圖像文件格式任務1學習目的目錄

/CONTENTS相關知識任務分析任務實施任務分析01任務1為卡通人物上色在Photoshop中使用相應工具可以實現(xiàn)類似畫筆的顏色填充功能。本任務的內(nèi)容是將左圖的黑白圖片通過填充顏色轉(zhuǎn)換為右圖的彩色圖片。通過這一簡單的練習，熟悉Photoshop的工作界面和基本工具的使用方法。任務分析相

關

知

識02任務1為卡通人物上色一、文件的基本操作在Photoshop中，圖像文件的基本操作主要包括：文件的打開、文件的新建和文件的保存。1、需要打開一幅已有的圖像時，可以通過執(zhí)行菜單“文件”→“打開”命令，還可以使用快捷鍵：一使用快捷鍵Ctrl+O。二按住Ctrl鍵，在文檔窗口外的灰色區(qū)域雙擊左鍵。

相關知識“打開”對話框任務1為卡通人物上色2、文件的新建選擇菜單“文件”→“新建”命令，會彈出“新建”對話框，如圖所示。

相關知識名稱：指新建圖像文檔的名稱，默認為“未標題-1”，如繼續(xù)新建將以“未標題-2”命名。在命名時最好能做到“見名知意”，這樣也能方便下次快速找到該文檔?！靶陆ā睂υ捒蛉蝿?為卡通人物上色3、文件的保存Photoshop沒有自動保存功能，處理過的文件一定要及時保存，第一次保存圖像時，將會彈出“存儲為”對話框，如圖：相關知識設置合適的存儲路徑，輸入文件名后單擊“確定”按鈕，默認保存的文件格式為Photoshop識別的源文件格式，即PSD格式?！按鎯椤睂υ捒蛉蝿?為卡通人物上色圖像在應用到其它場合時需要我們設置為其它格式，如網(wǎng)頁中常見的格式有：JPEG、GIF、PNG等，單擊“另存為”對話框中“格式”下拉菜單，如圖所示，選擇需要保存的文件格式。相關知識Photoshop新建文件圖像保存格式任務1為卡通人物上色二、魔棒工具1、選擇“魔棒工具”。方法是右擊“快速選擇工具”，在彈出的菜單中選擇“魔棒”如圖所示。魔棒工具

用來選擇顏色相同或相近的像素，“魔棒”工具選項欄設置參數(shù)選項欄如圖所示。“容差”選項表示可允許的相鄰像素間的近似程度，取值0-255，其值越大，選取的范圍越大。“連續(xù)”選項表示只選取連續(xù)的區(qū)域。勾選“對所有圖層取樣”該選項表示不僅對當前圖層進行選擇，還會對其它可見圖層進行選擇?！叭莶睢睘?5時創(chuàng)建的選區(qū)如圖

“容差”為50時創(chuàng)建的選區(qū)如圖相關知識“容差”15選區(qū)

“容差”50選區(qū)任務1為卡通人物上色相關知識三、“圖層”調(diào)板1、圖層調(diào)板如左圖所示2、單擊“新建圖層”按鈕

得到“圖層1”，如右圖所示。新建圖層新建“圖層1”任務1為卡通人物上色四、拾色器和顏色調(diào)板拾色器主要用于色彩的選擇。選擇菜單“窗口”→“顏色”，將顯示當前背景色和前景色的顏色值，如下左圖：“顏色”調(diào)板

“前景色”拾色器對話框通過單擊“工具”調(diào)板的“前景色”或“背景色”直接打開“拾色器”調(diào)板。以“前景色”為例，拾色器對話框如上右圖，在進行顏色選擇時，可以先在顏色滑塊中選取大致的顏色，再用鼠標在色域單擊選擇顏色；也在顏色值區(qū)域直接輸入特定的顏色值。相關知識“設置前景色”任

務實施03任務實施執(zhí)行菜單“文件”→“打開”命令打開本項目任務素材“卡通人物線稿.jpg”。文件打開：01任務1為卡通人物上色方法是右鍵單擊“快速選擇工具”，在彈出的菜單中選擇“魔棒”如圖所示。選擇“魔棒工具”：02選項欄設置參數(shù)如圖所示：“魔棒”工具：03任務實施單擊需要填色的區(qū)域，形成選區(qū)，如圖所示。選區(qū)選擇：04任務1為卡通人物上色任務實施任務1為卡通人物上色

選擇“圖層”面板，單擊“新建圖層”按鈕

得到“圖層1”，如下圖所示。新建圖層：05任務實施任務1為卡通人物上色

設置前景色：07打開“拾色器（前景色）”對話框，設置前景色為#f0d210，如左圖所示，設置后單擊“確定”按鈕，效果如右圖所示：單擊工具調(diào)板中“設置前景色”按鈕，如右圖所示。設置前景色：06任務實施任務1為卡通人物上色填充前景色：08按Alt+Delete組合鍵填充前景色，如圖左圖所示，填充顏色后的“圖層1”效果如右圖所示：按Ctrl+D鍵取消選擇。取消選擇：09任務實施任務1為卡通人物上色文件存儲：11執(zhí)行菜單“文件”→“存儲為”命令，將文件命名為“最終效果”，保存為PSD格式。重復步驟：10重復步驟4—9，為其它選區(qū)進行顏色填充，最終效果如下圖所示.制作證件照能使用裁剪工具裁剪圖像能調(diào)整圖像大小和畫布大小能使用“定義圖案”命令定義圖像并填充文檔能使用標尺工具和縮放工具任務2學習目的目錄

/CONTENTS相關知識任務分析任務實施任務分析01任務2制作證件照生活中我們經(jīng)常要用到各種不同規(guī)格的證件照，利用Photoshop軟件能夠非常方便地將生活照處理成所需的各種證件照。本任務將使用生活照制作一寸彩色照，要用到的主要工具和命令有“裁剪工具”、“定義圖案”命令、“圖像大小”命令，素材及最終效果如下圖所示。任務分析相

關

知

識02任務2制作證件照一、畫布與圖像1.畫布的概念畫布是用于編輯圖像的區(qū)域。簡單地說，如果將圖像比喻成一幅畫，那么畫布就是畫紙。2.調(diào)整畫布大小如果圖像由于尺寸或繪制位置的原因超出了畫布范圍，就無法完整地顯示圖像的內(nèi)容，這時要通過調(diào)整畫布的大小來解決問題。選擇菜單“圖像”→“畫布大小”，彈出“畫布大小”對話框，如圖所示。相關知識“畫布大小”對話框

任務2制作證件照對話框的最下端，可以設置畫布的擴展顏色。默認情況下為背景色，可以根據(jù)需要更改為其它顏色。單擊右端的顏色塊，彈出“選擇畫布擴展顏色”對話框，如圖所示，設置所需要的顏色，單擊“確定”按鈕。相關知識畫布擴展顏色”設置任務2制作證件照定位處九個方格表示畫布擴展的方向，可以向九個方向擴展畫布。勾選“相對”后，畫布將在原位置上進行擴展。如圖左所示，畫布將在上、下、左、右四個方向上各擴展1厘米，最終效果如圖右所示。相關知識

通過以上案例可以看出，修改畫布大小并不會改變原有圖像的大小，只是擴大畫布區(qū)域。更改“畫布大小”擴展畫布后效果任務2制作證件照3.調(diào)整圖像大小畫布可以調(diào)整大小，同樣圖像本身的大小也可以進行調(diào)整，和調(diào)整畫布不同的是，調(diào)整圖像大小時，畫布會隨著圖像的大小一起改變。打開素材“花.jpg”左圖所示,選擇菜單“圖像”→“圖像大小”，彈出的“圖像大小”對話框如右圖所示。相關知識

素材“花”“圖像大小”對話框任務2制作證件照設置參數(shù)圖左所示，單擊“確定”按鈕。設置后的效果如右圖所示。相關知識

“圖像大小”設置更改后圖像二、圖像的裁剪在使用Photoshop進行圖片處理時，往往需要對圖片多余的地方進行裁剪，這時需要使用“裁剪工具”

，在工具調(diào)板中單擊“裁剪工具”

，快捷鍵為C鍵。按住鼠標左鍵，在需要保留的圖像上拖出一個矩形選框，調(diào)整選框四周的控制點對圖像進行微調(diào)，沒被選中的區(qū)域?qū)⒆儼?。任?制作證件照相關知識

裁剪圖像最終按Enter鍵或在選擇區(qū)域內(nèi)雙擊鼠標左鍵，變暗的區(qū)域?qū)徊眉舻?，如圖所示。如需取消“裁剪”，按Esc鍵退出。任

務實施03任務實施打開本任務素材文件“素材.jpg”。菜單打開：01任務2制作證件照選擇菜單“圖像”→“圖像大小”。設置參數(shù)如下圖所示，單擊“確定”按鈕。調(diào)整圖像大?。?2任務實施小一寸彩色證件照的標準尺寸是27mm*38mm，要把素材圖片進行適當?shù)牟眉?。選擇窗口工具調(diào)板的“裁剪工具”，并在“工具選項欄”窗口中設置相應的裁剪參數(shù)，如圖所示。對圖像進行裁剪：04任務2制作證件照利用縮放工具，將圖片進行適當?shù)姆糯?，接?00%顯示，如圖所示?？s放工具：03任務實施任務2制作證件照

移動鼠標在圖片上取適當?shù)狞c，拖拉鼠標繪制裁剪區(qū)域，使人像居中照片，按“Enter”鍵進行確認。調(diào)整后的裁剪框如圖所示。裁剪：05任務實施任務2制作證件照

照片的邊緣要留些白邊，以方便客戶剪成一小張，所以要把畫布放大一些。在調(diào)整畫布之前需要把背景色設置成白色（默認情況下背景色自動為白色），選擇“圖像”→“畫布大小”命令，在彈出的“畫布大小”對話框中設置寬度為2.8厘米，高度為3.9厘米，勾選“相對”復選框。相應參數(shù)設置如左圖所示。設置完后單擊“確定”按鈕，圖像旁邊即出現(xiàn)一圈白邊，如右圖所示。調(diào)整畫布：06任務實施任務2制作證件照自定義圖案：07選擇菜單“編輯”→“定義圖案”命令，如左圖所示。在彈出的對話框中輸入“證件照小一寸.jpg”，如右圖所示，單擊“確定”按鈕。任務實施任務2制作證件照新建空白文檔：08相關參數(shù)設置如圖所示。任務實施任務2制作證件照選擇菜單“編輯”→“填充”命令，在填充窗口的“內(nèi)容”下拉菜單中“圖案”，如左圖所示。選擇剛剛定義的圖案“證件照小一寸”，如中圖所示，單擊“確定”按鈕，最終效果如右圖所示。自定義圖案填充：09任務實施任務2制作證件照儲存文檔：10選擇菜單“文件”→“存儲”命令，在彈出的“存儲為”對話框中，設置文件格式為JPEG，在彈出的JPEG窗口中設置品質(zhì)為最佳，單擊“確定”按鈕。最終效果如圖所示。繪制圓形標志能創(chuàng)造建選區(qū)能根據(jù)需要處理兩個選取的重疊關系能使用自由變換工具處理圖像任務3學習目的目錄

/CONTENTS相關知識任務分析任務實施任務分析01任務3繪制圓形標志在日常生活中，我們經(jīng)常能看到很多好看的標志圖形，利用Photoshop繪制一些簡單的圖形即可做出這些標志圖形，而選區(qū)工具和填充顏色就是其中最常用的工具。本任務中重點學習橢圓選區(qū)、選擇工具、刪除選區(qū)、創(chuàng)建圖層、自由變化工具的使用，完成后最終效果如圖所示。任務分析相

關

知

識02任務3繪制圓形標志相關知識

一、選區(qū)概念選區(qū)，顧名思義，就是選擇區(qū)域。在Photoshop中，選區(qū)就是用各種選擇工具選取圖像的范圍。選區(qū)可以是連續(xù)的，也可以是不連續(xù)的，在選區(qū)以外的地方不會被編輯。由于選區(qū)像無數(shù)個連續(xù)爬動的螞蟻，我們形象地將選區(qū)稱為“蟻線”。二、選區(qū)工具

在Photoshop中可以使用不同的選區(qū)工具選取不同形狀的對象。選框工具組包含的工具有“矩形選框工具”、“橢圓選框工具”、“單行選框工具”和“單列選框工具”，如圖所示。選區(qū)工具任務3繪制圓形標志相關知識

選擇“矩形選框工具”，選項欄如下圖所示。矩形選框工具選項欄（新選區(qū)）：新建的選區(qū)會替代原有選區(qū)，如圖所示。新的矩形選區(qū)任務3繪制圓形標志相關知識

（添加到選區(qū)）：新建的選區(qū)添加到原選區(qū)，如左圖所示。（從選區(qū)減去）：從原選區(qū)中減去新建的選區(qū)，如中圖所示。（與選區(qū)交叉）：原選區(qū)與新建選區(qū)的交叉部分，如右圖所示。

增加選區(qū)減去選區(qū)交叉選區(qū)任務3繪制圓形標志相關知識

三、自由變換在菜單“編輯”→“自由變換”工具，如圖1—75所示。也可以按鍵盤快捷鍵“Ctrl+T”可以通過自由旋轉(zhuǎn)、比例、傾斜、扭曲、透視和變形工具來變換對象的工具。

“自由變換”工具任務3繪制圓形標志相關知識

（1）縮放旋轉(zhuǎn)選擇菜單“文件”→“打開”，選擇素材“圓點”，按快捷鍵“Ctrl+T”鍵，圖像出現(xiàn)9個空格方框，可以對圖片進行縮放，旋轉(zhuǎn)。如左圖所示。（2）“右鍵”菜單在圖層上方點擊鼠標右鍵，在彈出菜單中選擇“扭曲”如中圖所示，可對圖像進行“扭曲”變形操作，效果如右圖示。

“旋轉(zhuǎn)”效果

“右鍵”菜單

“扭曲”效果任

務實施03任務實施選擇菜單“文件”→“打開”命令，在彈出的對話框中選擇“文字素材.jpg”

如右圖所示。打開素材：01任務3繪制圓形標志新建“圖層1”，選擇工具欄上的矩形選框工具

，按住鍵盤Shift鍵，利用鼠標移動繪制規(guī)則（像素190X190）比例1:1的圓形，如右圖所示。新建圖層：02任務實施任務3繪制圓形標志在“圖層1”圖層上，繼續(xù)選擇工具欄中的“前景色”，顏色設置為綠色“#a5e805”，按Alt+Delete鍵使用前景色填充，填充后效果如圖所示。填充前景色：03小提示：按住Shift鍵繪制時，可以對圖像進行保持長寬比不變的縮放。若要對選區(qū)進行旋轉(zhuǎn)，可按快捷鍵Alt+S+T組合進行選區(qū)角度旋轉(zhuǎn)。任務實施任務3繪制圓形標志

在“圖層1”使用“矩形選框工具”繪制3個小的長方形選區(qū)，按快捷鍵V選中選區(qū)并移動到正中位置，然后按刪除鍵刪除選區(qū)，效果如圖所示。繪制矩形選區(qū)：04任務實施任務3繪制圓形標志

拖動圖層1至圖標創(chuàng)建“圖層1拷貝”按住Ctrl鍵單擊拷貝層中的預覽圖，選中綠色部分圖形，選區(qū)填充顏色“#05400f”，并將不透明度調(diào)至60%如左圖、中圖所示，調(diào)整圖層上下位置并調(diào)整至如右圖所示。新建圖層并填充：05任務實施任務3繪制圓形標志

自由變換：07按Ctrl+T鍵，將圖像的大小縮放準確并旋轉(zhuǎn)180?，排列到合適的位置，如右圖所示。拖動“圖層1拷貝”至圖標創(chuàng)建“圖層1拷貝2”，并將該圖層的不透明度調(diào)回100%并移動到適當?shù)奈恢?，如右圖所示。新建圖層：06任務實施任務3繪制圓形標志

小提示：按Ctrl+T組合鍵之后可以按住Shift鍵進行縮放，此時圖像將保持1:1的比例而不變形。最終效果：08最終效果如圖所示。照片批處理能使用Bridge對照片進行批量重命名能使用“動作”面板能熟練使用文字工具進行編輯任務4學習目的目錄

/CONTENTS相關知識任務分析任務實施任務分析01任務4照片批處理在日常處理數(shù)量較多圖像的時候，對圖像進行批量處理可節(jié)約更多的時間，本次任務主要對圖像進行批量重命名，利用Photoshop預設的的動作編輯圖像，使用記錄編輯動作進行圖片統(tǒng)一參數(shù)的批處理，并將處理后的照片放置在制定的文件夾中。最終效果如圖所示。任務分析相

關

知

識02任務4照片批處理相關知識

一、AdobeBridgeAdobeBridge是Adobe公司開發(fā)的一個組織工具程序，并作為AdobeCreativeSuite2(CS2)的一部分于2005年5月發(fā)布。目前已更新至AdobeBridge2022版本。Bridge操作面板如圖所示。Bridge操作面板任務4照片批處理相關知識

從Bridge中可以查看、搜索、排序、管理和處理圖像文件,還可以使用Bridge來創(chuàng)建新文件夾、對文件進行重命名、移動和刪除操作、編輯元數(shù)據(jù)、旋轉(zhuǎn)圖像以及運行批處理命令,以及查看有關從數(shù)碼相機導入的文件和數(shù)據(jù)的信息。本案例將使用Photoshop2022的插件AdobeBridge對照片進行批量重命處理，批量重命名后，將更有利于照片的管理和查找。二、動作面板1.應用預設動作Photoshop附帶了一些預設動作，并顯示在“動作”面板中，通過應用這些預設動作，可快速制作出不同的圖像效果，簡化照片處理的操作程序。

打開素材文件“天池”如圖，然后選擇菜單“窗口”→“動作”，打開動作面板。素材“天池”任務4照片批處理相關知識

然后選擇默認動作庫中的“四分顏色”，如左圖所示。效果如右圖所示?！皠幼髅姘濉闭{(diào)板預設動作“四分顏色”效果2.記錄編輯動作在動作面板中，可通過記錄編輯動作的方法將所有操作記錄下來，方便我們對大量照片進行相同的處理，從而節(jié)約更多的時間和資源。操作方法將在本案例中進行詳細的展示。任

務實施03任務實施選擇菜單“文件”→“在Bridge中瀏覽”，在彈出的Bridge窗口中打開指定的文件夾，以查看照片。然后用鼠標同時框選素材1、素材2和素材3，效果如圖所示。打開素材：01任務4照片批處理執(zhí)行菜單欄“工具”→“批重命名”命令。批重命名：02任務實施任務4照片批處理在彈出窗口中，通過單擊參數(shù)選擇符號減去文件命名中不需要顯示的字符，如圖所示。參數(shù)調(diào)整：03任務實施任務4照片批處理

點擊“確定”按鈕后，文件自動重新命名，完成后關閉Birdge窗口。自動重命名：04在Photoshop窗口中打開文件“不負美食01.jpg”，如圖所示。重命名效果：05任務實施任務4照片批處理

按Alt+F9組合鍵打開“動作”面板，如左圖所示。然后單擊按鈕開始記錄編輯動作，如右圖所示。記錄編輯動作：06任務實施任務4照片批處理

設置畫面大小：08選擇菜單“圖像”→“畫布大小”設置參數(shù)如右圖所示。輸入動作名稱：07在彈出的動作窗口中輸入“記錄編輯動作”如下圖所示。任務實施任務4照片批處理

在“畫布大小”對話框中單擊“確定”按鈕，效果如圖所示。確定畫布大?。?9任務實施任務4照片批處理

停止記錄：10確認圖片記錄完編輯的動作后，選擇菜單“文件”→“另存為”命令，將文件另保存為PSD格式。單擊“動作”面板中的停止播放/記錄按鈕。自動編輯：11打開“不負美食02.jpg”，然后點擊動作播放按鈕，文件自動編輯后，將自動保存到打開的文件夾。使用相同方法將“不負美食03.jpg”,打開并完成制作，文件處理效果如圖所示。重復步驟：12任務實施任務4照片批處理

批處理：13批處理的最終效果如圖所示。鞏固訓練1目錄

/CONTENTS任務分析任務實施任務分析01鞏固訓練1該案例為一幅合成圖，可借助“魔棒工具”等來選取素材部分從而進行圖像的拼合，完成一幅完整的景色圖。素材如第一列圖所示，最終效果如第二列圖所示。任務分析

任

務實施02任務實施執(zhí)行菜單“文件”→“打開”命令，打開素材文件“素材1.jpg”、“素材2.jpg”和“素材3.jpg”。打開素材：01鞏固訓練1雙擊“素材1”背景圖層，

“背景”將新建為“圖層0”。新建圖層：02選擇“魔棒工具”，選中“素材1”白色背景，按Delete鍵刪除，結果如圖所示。摳選內(nèi)容并編輯：03任務實施鞏固訓練1用相同方法將“素材2”新建為圖層，然后選擇“魔棒工具”，選中“素材2”白色背景,按Delete鍵刪除，結果如圖所示。重復操作：04選擇“移動工具”，將“素材1”剩下部分移動到“素材3”中，自動生成“圖層1”。生成圖層1：05任務實施鞏固訓練1

選擇“移動工具”將“素材2”

移動到“素材3”中，效果如圖所示。移動圖層：06任務實施鞏固訓練1

合成圖層：07使用鼠標選擇“圖層2”，將“圖層2”拖動至“新建圖層”按鈕上生成副本，如右圖所示。自由變換：08選擇復制好的“圖層2”副本，按Ctrl+T組合鍵后，