電商圖像處理技術(shù)-PhotoshopCC實戰(zhàn) 課件 第5、6章 圖像修復(fù)與切圖、圖層

第五章圖像修復(fù)與切圖本章介紹本章主要介紹用photoshopCC修復(fù)圖像的技巧與方法，圖像的修復(fù)不是用幾個或某幾個工具就可以完成的，它需要結(jié)合大部分photoshopCC中的功能，在不同的情況下用不同的方法，這樣才會完美的修好一張圖，所以學(xué)習(xí)完本章的圖像修復(fù)知識后，可以掌握基本常用的修圖工具和方法。除此之外，本章還講述了填充工具的使用，如漸變工具、油漆桶工具，以及圖案的定義與填充、切圖等。學(xué)習(xí)目標(biāo)掌握圖像修復(fù)工具的使用和方法掌握漸變的調(diào)配與使用掌握圖案的定義與填充掌握網(wǎng)頁切圖方法了解什么是網(wǎng)站圖片的優(yōu)化能力目標(biāo)能修復(fù)圖像上雜點能對圖像上的大面積破損位置進行修補能根據(jù)需要對網(wǎng)頁進行切圖，并且能對切出來的圖導(dǎo)出優(yōu)化5.1圖像修復(fù)工具圖像修復(fù)所使用的工具有很多，在這里學(xué)習(xí)幾個非常實用的基礎(chǔ)的工具，也是在一些圖片修復(fù)的過程中使用率極高的工具，例如：污點修復(fù)畫筆工具、修補工具、仿制圖章工具、減淡工具、加深工具、海綿工具、銳化工具、模糊工具、涂抹工具、顏色替換工具。修補工具、仿制圖章工具的原理是：如圖5-1所示。ABBBB污點A取樣點B畫筆范圍畫筆圈選范圍內(nèi)污點A由其周圍的像素B代替填充保留A點的亮度信息。5-1修補工具工作原理【實訓(xùn)一】要求將圖5-2人物面部，用“污點修復(fù)畫筆工具”進行修復(fù)。目的通過本實訓(xùn)，掌握如何使用“污點修復(fù)畫筆工具”修復(fù)圖像。圖5-2本實訓(xùn)素材圖【實訓(xùn)二】要求用修補工具將原圖5-3中的標(biāo)志換成阿迪達斯的標(biāo)志。目的通過本實訓(xùn)，掌握修補工具的使用方法。圖5-3本實訓(xùn)素材圖【實訓(xùn)三】要求將圖5-4中的發(fā)圈中的金屬飾物用銳化工具將其清晰度提高，然后用減淡工具將圖片的亮度提高。目的通過本實訓(xùn)，掌握銳化工具、減淡工具的使用方法。圖5-4本實訓(xùn)素材圖【實訓(xùn)四】要求將圖5-5中的發(fā)圈調(diào)亮，同時將圖片整體清晰度提高。目的通過本實訓(xùn)，掌握銳化工具、海綿工具、加深工具的使用方法。圖5-5本實訓(xùn)素材圖【實訓(xùn)五】要求將圖素材1中的小男孩，放在素材2中，結(jié)果如圖5-6。目的本實訓(xùn)中復(fù)習(xí)到了磁性套索工具、變換等基本操作，同時也可以掌握模糊工具的使用方法。圖5-6本實訓(xùn)效果圖【實訓(xùn)六】要求給素材圖的茶杯中加熱氣，如5-7效果。目的能過本實訓(xùn)，掌握涂抹工具的使用方法。圖5-7本實訓(xùn)效果圖【實訓(xùn)七】要求如圖5-8中的荷花，將粉色的荷花替換成紅色的的荷花。目的本實訓(xùn)主要是練習(xí)顏色替換工具的使用。圖5-8本實訓(xùn)素材圖【實訓(xùn)八】要求利用仿制圖章工具將素材圖像修復(fù)成效果圖（如圖5-9所示）的樣子。目的通過本實訓(xùn)，掌握仿制圖章工具的使用方法。圖5-9本實訓(xùn)效果圖5.2漸變工具漸變拾色器：漸變的顏色可以通過漸變拾色器選擇，也可以自己編輯，單擊漸變工具屬性欄中的“漸變拾色器”下拉列表，可以看到如圖5-10所示的漸變拾色器。圖5-10漸變拾色器如果要自定義漸變的顏色，就單擊漸變顏色條，在彈出的“漸變編輯器”中來編輯漸變顏色，如圖5-11所示。圖5-11漸變編輯器【實訓(xùn)九】要求1、文件尺寸800×600像素，顏色模式RGB，分辨率72。2、用漸變工具結(jié)合之前所學(xué)知識，繪制效果圖，如圖5-12所示。目的通過本實訓(xùn)，掌握漸變工具的使用方法。圖5-12本實訓(xùn)效果圖5.3油漆桶工具油漆桶工具的作用是用來填充顏色或圖案?？梢越o整個層填充，也可以給選區(qū)內(nèi)或某個近似顏色塊填充?！緦嵱?xùn)十】要求給卡通人物（圖5-13）進行顏色的填充。目的本實訓(xùn)主要是掌握油漆桶工具的使用方法。圖5-13本實訓(xùn)素材圖【實訓(xùn)十一】要求用自定義圖案的方法制作出5-14效果圖。目的通過本實訓(xùn)，掌握如何自定義圖案，并且將自定義的圖案進行填充。圖5-14本實訓(xùn)效果圖5.4吸管工具吸管工具

最主要是吸取圖像上的顏色。使用方法非常簡單，在圖像上要吸取顏色的位置單擊，前景色塊中就會顯示吸取的顏色。5.5切圖網(wǎng)頁元素的組成圖片文字視頻鏈接動畫按鈕制作網(wǎng)站流程網(wǎng)頁效果圖Html代碼網(wǎng)頁網(wǎng)站圖5-15網(wǎng)站制作流程圖圖5-16網(wǎng)頁效果圖與生成的html代碼切圖并對切出來的圖進行優(yōu)化ABCDE圖5-17網(wǎng)頁中要切出來的部分圖5-18網(wǎng)頁切出來的單獨圖片文件本章小結(jié)本章主要講解了如何對圖像進行修復(fù)，例如修改雜點、修改顏色，以及漸變工具的使用方法。還介紹了如何給網(wǎng)頁切圖，切圖主要用切片工具，在圖像上將要單獨導(dǎo)出的部分切成一塊一塊的區(qū)域，然后存儲為web使用格式。Web上經(jīng)常使用的格式有.jpeg、.gif、.png，這三種格式，各自有各自的優(yōu)缺點，根據(jù)圖像的使用情況選擇合適的格式，以達到對圖片進行優(yōu)化的目的。拓展實訓(xùn)（1）——乾坤大挪移【知識要點】本實訓(xùn)的知識要點是圖像修復(fù)工具的使用，通過本實訓(xùn)可以掌握基本的修圖方法。【要求】

將圖5-19右上角的“風(fēng)留下的光與影”、“夏末”字樣使用修補工具移到原圖的書中。最終效果如圖5-19所示。圖5-19本實訓(xùn)素材圖拓展實訓(xùn)（2）——去掉圖片上多余的人物【知識要點】修復(fù)工具的綜合應(yīng)用?！疽蟆坷眯迯?fù)工具將素材圖片（圖5-20）中的沙灘上的人去掉。圖5-20本實訓(xùn)素材圖拓展實訓(xùn)（3）——舊貌換新顏【知識要點】本實訓(xùn)的知識要點是圖案的定義與填充。通過對素材的“改造”來掌握圖案的定義與填充。【要求】文件尺寸21cm×13cm，分辨率72，顏色模式CMYK。效果圖5-77中背景字樣“coffeefortwo”用素材上的圖像，定義成圖案后，填充背景。效果圖如圖5-21所示。圖5-21本實訓(xùn)效果圖拓展實訓(xùn)（4）——制作畫冊封面【知識要點】本實訓(xùn)的主要知識要點是矩形選區(qū)工具的繪制與使用、漸變工具的使用。同時，了解制作畫冊封面的過程。【要求】文件尺寸21×28.5厘米，顏色模式CMYK，分辨率300。效果圖5-78中的背景中有些白色的線，這些線的制作方法是：①繪制矩形選區(qū)；②創(chuàng)建新圖層；③單擊“編輯”→“描邊”，在“描邊”對話框中設(shè)置“寬度”為2，“顏色”為白色。效果圖如圖5-22所示。圖5-22本實訓(xùn)效果圖拓展實訓(xùn)（5）——網(wǎng)頁切圖【知識要點】本實訓(xùn)的知識要點主要是怎樣使用用切片工具將網(wǎng)頁上圖片部分切出來?！疽蟆繉⑺夭膱D（圖5-23）上標(biāo)的A、B、C、D、E、F位置用切片工具切出來。A位置為網(wǎng)頁的標(biāo)志部分。B位置為網(wǎng)頁的導(dǎo)航部分。C位置為網(wǎng)頁的Banner部分。D位置為種類搜索列表上的背景圖部分。E位置為列表背景圖部分。F為內(nèi)容介紹插圖部分。圖5-23本實訓(xùn)素材圖第六章圖層本章介紹本章主要介紹了圖層的基本應(yīng)用知識和技巧，講解了什么是圖層，圖層的基本操作，智能對象層的使用以及圖層樣式。通過本章的學(xué)習(xí)，能夠在設(shè)計圖的過程中熟練的使用圖層。學(xué)習(xí)目標(biāo)掌握圖層混合模式的應(yīng)用技巧掌握圖層樣式效果都有哪些了解圖層的種類能力目標(biāo)能夠熟練的編輯圖層，如圖層的建立、刪除、重命名等能夠在做圖的過程中靈活使用不同種類的圖層能用圖層樣式增強設(shè)計圖效果，使設(shè)計圖更加完美6.1什么是圖層圖層是PhotoshopCC最為核心的功能之一，幾乎每一步的操作都會涉及到圖層，如果沒有圖層，那所有的顏色都放在一個層上，圖像將無法修改。6.2圖層基本操作圖層的基本操作，包括：圖層的建立-

圖層樣式復(fù)制-圖層不透明度刪除-顯示/隱藏圖層編組選擇多個圖層創(chuàng)建圖層組鏈接圖層6.3圖層的類型填充層調(diào)節(jié)層智能對象層形狀層文字層普通層背景層圖6-1圖層種類6.4排列與分布圖層【實訓(xùn)一】要求通過調(diào)整圖層的疊放次序，將圖6-2中黃色花壓上粉色花。目的通過在“圖層”面板中調(diào)整圖層的疊放次序，掌握調(diào)整圖層疊放次序的方法。圖6-2本實訓(xùn)素材圖【實訓(xùn)二】【實訓(xùn)二】要求完成如圖6-3的效果圖。目的通過使用快捷鍵調(diào)整圖層的疊放次序，體驗使用快捷鍵的效率操作。圖6-3本實訓(xùn)效果圖【實訓(xùn)三】要求1、制作6-4效果圖2、圖片可自定義，最好是一個系列的，這樣做出來的效果會更好。目的通過本實訓(xùn)，能熟練掌握圖層對齊和分布的操作。圖6-4本實訓(xùn)效果圖6.5合并圖層合并圖層合并可見圖層拼合圖像6.7圖層樣式圖層樣式，用于制作一些效果，如投影、浮雕、描邊、顏色疊加等效果。利用圖層樣式可以創(chuàng)建一些帶有金屬或立體效果的圖。添加圖層樣式圖6-5圖層樣式對話框【實訓(xùn)四】要求將素材文件中的“圖層樣式”字樣的圖層樣式，拷貝到“促銷文字”字樣的圖層上，結(jié)果如圖6-6所示。目的通過本實訓(xùn)，掌握拷貝圖層樣式的操作方法。圖6-6本實訓(xùn)素材圖修改圖層樣式圖6-7修改圖層樣式示例刪除圖層樣式圖6-8刪除圖層樣式6.8圖層混合模式所謂圖層混合模式就是指一個層與其下圖層的色彩如果有重疊，那么重疊的部分顏色如何顯示，在默認情況下是正常模式，則重疊部分顯示上層的顏色。除了正常模式以外，還有多種混合模式，它們可以產(chǎn)生迥異的合成效果?！緦嵱?xùn)五】要求利用圖層混合模式將素材圖片（圖6-9）的亮度提高。目的通過本實訓(xùn)，可以了解利用圖層混合模式如何提高圖片的亮度。圖6-9本實訓(xùn)素材圖片本章小結(jié)本章主要對圖層進行了詳細的講解，包括圖層的基本操作、圖層樣式、圖層的混合模式等。通過本章的學(xué)習(xí)，可以掌握圖層的編輯。拓展實訓(xùn)（1）——售樓宣傳單頁的制作【知識要點】本練習(xí)的知識點較為全面，針對前面所學(xué)知識進行了匯總，其中包括建立文件、顏色的填充與修改、基本選區(qū)的繪制、插圖片、變換等?！疽蟆课募叽?4cm×28.5cm，分辨率300，顏色模式CMYK。由于宣傳單頁（圖6-10）是用于印刷，所以需要留出3mm出血。所有使用顏色用CMYK配色，不可以使用RGB。效果圖只是效果，需要學(xué)生做出的是成品文件。外觀要美，比例不失調(diào)。圖中使用的圖片可以自定義。圖6-10本實訓(xùn)效果圖拓展實訓(xùn)（2）——廣告公司畫冊封面封底制作【知識要點】印刷文件的建立要求；出血的設(shè)置；畫冊立體效果圖的制作；文件的存儲格式；圖層的操作?！疽蟆糠饷娉叽?1×28.5，封底尺寸21×28.5，顏色模式CMYK，分辨率300，出血3毫米。將封面和封底做在一個文件中，如圖6-11。將分層文件保存，另存一份.jpeg的文件。利用圖層蒙版做出畫冊立體效果圖。圖6-11本實訓(xùn)效果圖拓展實訓(xùn)（3）——招聘X展架制作【知識要點】X展架文件的制作；X展架立體效果圖的制作；圖層的操作；文件不同的格式的存儲?！疽蟆课募叽?0×160厘米，顏色模式CMYK，分辨率72。立體效