圖形圖像處理第四章圖層與圖層樣式課件

1、Photoshop CC圖像處理案例教程第4章 圖層與圖層樣式1案例1：翡翠玉鐲的制作2案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作3小結(jié)本章要點(diǎn)4.1案例1：翡翠玉鐲的制作圖像都是基于圖層來(lái)進(jìn)行處理的，圖層就是圖像的層次，可以將一幅作品分解成多個(gè)元素，即每一個(gè)元素都由一個(gè)圖層進(jìn)行管理。本節(jié)通過(guò)圖層與圖層的樣式來(lái)完成翡翠玉鐲的制作，如圖4-1所示。圖4-1翡翠玉鐲的效果展示4.1案例1：翡翠玉鐲的制作4.1.1圖層概述圖層就好比一層透明的玻璃紙，透過(guò)這層紙，可以看到紙后的東西，而且無(wú)論在這層紙上如何涂畫都不會(huì)影響其他層的內(nèi)容?，F(xiàn)在通過(guò)打開(kāi)一個(gè)Photoshop合成的圖像（風(fēng)景畫.psd）如圖4-2所示，通過(guò)

2、“圖層”面板來(lái)認(rèn)識(shí)一下圖層以及“風(fēng)景畫.psd”相應(yīng)的結(jié)構(gòu)如圖4-3所示。圖4-2 作品“風(fēng)景畫.psd”圖4-3 圖層面板4.1案例1：翡翠玉鐲的制作4.1.2圖層的基本應(yīng)用1移動(dòng)圖層使用“移動(dòng)工具” 可以移動(dòng)當(dāng)前的圖層，如果當(dāng)前的圖層中包含選區(qū)，則可移動(dòng)選取內(nèi)的圖像。2復(fù)制圖層通過(guò)復(fù)制圖層，可以創(chuàng)建當(dāng)前圖像的副本，它可以用來(lái)加強(qiáng)圖像效果，同時(shí)也可以保源圖像。啟用“顯示變換控件”復(fù)選框 復(fù)制面板4.1案例1：翡翠玉鐲的制作4.1.2圖層的基本應(yīng)用3刪除圖層將沒(méi)有用的圖層刪除，可以有效的減少文件的大小。選擇要?jiǎng)h除的圖層，單擊“刪除圖層”按鈕 即可（或?qū)D層拖動(dòng)到該按鈕上）。4調(diào)整圖層的順序在編

3、輯多個(gè)圖像時(shí)，圖層的順序排列也很重要。上面圖層的不透明區(qū)域可以覆蓋下面圖層的圖像內(nèi)容。將圖層前移一層4.1案例1：翡翠玉鐲的制作5鎖定圖層內(nèi)容在“圖層”面板的頂端有4個(gè)可以鎖定圖層的按鈕，如圖4-7所示，使用不同的按鈕鎖定圖層后，可以保護(hù)圖層的透明區(qū)域、圖像的像素、位置不會(huì)因?yàn)檎`操作而改變。圖4-7鎖定圖層按鈕鎖定位置鎖定全部鎖定圖像元素鎖定透明元素4.1案例1：翡翠玉鐲的制作6鏈接圖層圖層的鏈接功能可以方便地移動(dòng)多個(gè)圖層圖像，同時(shí)對(duì)多個(gè)圖層中的圖像進(jìn)行變換操作。要鏈接多個(gè)圖層，可以按下鍵單擊“圖層”面板中的相關(guān)圖層，然后單擊“圖層”調(diào)板下方的“鏈接圖層”按鈕 ，即可將所有選中的圖層鏈接起來(lái)鏈

4、接圖層4.1案例1：翡翠玉鐲的制作7合并圖層減少文件所占用的磁盤空間，可以將一些不必要的圖層合并。同時(shí)，合并圖層還可以提高文件的操作速度。1）合并圖層：選擇兩個(gè)或多個(gè)圖層，執(zhí)行“圖層”“合并圖層”命令（快捷鍵），就可以將選中的圖層合并。該命令可以將當(dāng)前作用圖層與其下一圖層合并，其他圖層保持不變。合并圖層時(shí)，需要將作用圖層的下一圖層設(shè)為顯示狀態(tài)。2）合并可見(jiàn)圖層：執(zhí)行“圖層”“合并可見(jiàn)圖層”命令（快捷鍵），可以將所有可見(jiàn)的圖層、圖層組合并為一個(gè)圖層。執(zhí)行該命令，可以將圖像中所有顯示的圖層合并，而隱藏的圖層則保持不變。3）拼合圖層：執(zhí)行“圖層”“拼合圖像”命令，可以將當(dāng)前文件的所有圖層拼合到背景層

5、中，如果文件中有隱藏圖層，則系統(tǒng)會(huì)彈出對(duì)話框要求用戶確認(rèn)合并操作，拼合圖層后，隱藏的圖層將被刪除。4.1案例1：翡翠玉鐲的制作8蓋印圖層蓋印功能是一種特殊的圖層合并方法，它可以將多個(gè)圖層的內(nèi)容合并為一個(gè)目標(biāo)圖層，同時(shí)是其他圖層保持完好。當(dāng)需要得到對(duì)某些圖層的合并效果，而有要保持原圖層信息完整的情況下，通過(guò)蓋印功能合并圖層可以達(dá)到很好的效果。蓋印功能在Photoshop菜單中無(wú)法找到，當(dāng)執(zhí)行命令后，可以在“歷史記錄”面板中查看。圖層蓋印功能4.1案例1：翡翠玉鐲的制作9對(duì)齊和分布鏈接圖層 對(duì)齊、分布命令一覽表分類圖標(biāo)名稱功能與作用對(duì)齊頂邊將所有鏈接圖層最頂端的像素與作用圖層最上邊的像素對(duì)齊垂直居

6、中將所有鏈接圖層垂直方向的中心像素與作用圖層垂直方向的中心像素對(duì)齊底邊將所有鏈接圖層最底端像素與作用圖層的最底端像素對(duì)齊左邊將所有鏈接圖層最左端的像素與作用圖層最左端的像素對(duì)齊水平居中將所有鏈接圖層水平方向的中心像素與作用圖層水平方向的中心像素對(duì)齊右邊將所有鏈接圖層最右端的像素與作用圖層最右端的像素對(duì)齊分布頂邊從每個(gè)圖層最頂端的像素開(kāi)始，均勻分布各鏈接圖層的位置，使他們最頂邊的像素間隔相同的距離垂直居中從每個(gè)圖層垂直居中像素開(kāi)始，均勻分布各鏈接圖層的位置，使它們垂直方向的中心像素間隔相同的距離底邊從每個(gè)圖層最底端像素開(kāi)始，均勻分布各鏈接圖層的位置，使它們最底端像素間隔相同的距離左邊從每個(gè)圖層最

7、左端像素開(kāi)始，均勻分布各鏈接圖層的位置，使它們最左端像素間隔相同的距離水平居中從每個(gè)圖層水平居中像素開(kāi)始，均勻分布各鏈接圖層的位置，使它們水平方向的中心像素間隔相同的距離右邊從每個(gè)圖層最右端像素開(kāi)始，均勻分布各鏈接圖層的位置，使它們最右端像素間隔相同的距離4.1案例1：翡翠玉鐲的制作4.1.3圖層組的基本操作在創(chuàng)建復(fù)雜的圖形作品時(shí)，就會(huì)存在大量不同類型、不同內(nèi)容的圖層，為了方便組織和管理圖層，Photoshop提供了圖層組的功能。1創(chuàng)建圖層組單擊“圖層”面板中的“創(chuàng)建新組”按鈕 即可新建一個(gè)圖層組。然后再創(chuàng)建圖層時(shí)，就會(huì)在圖層組里面創(chuàng)建。2嵌套圖層組還可以將當(dāng)前的圖層組嵌套在其他圖層組內(nèi)，嵌套

8、結(jié)構(gòu)最多可以為5級(jí)。3編輯圖層組當(dāng)從“圖層”面板中選擇了圖層組后，對(duì)圖層組執(zhí)行的移動(dòng)、旋轉(zhuǎn)、縮放等變換操作將作用于所有圖層。4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用圖層樣式是創(chuàng)建圖像特效的重要手段，Photoshop提供了多種提出樣式效果，可以快速更改圖層的外貌，為圖像添加陰影、發(fā)光、斜面、疊加、和描邊等效果，從而創(chuàng)建具有真實(shí)質(zhì)感的效果。1自定義圖層樣式1.單擊2.設(shè)置3.保存4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用2修改與復(fù)制圖層樣式添加完成圖層樣式后，還可以使用相同的方法再次打開(kāi)“圖層樣式”對(duì)話框，修改樣式選項(xiàng)，改變樣式效果。通過(guò)復(fù)制圖層樣式，還可以將相同的效果設(shè)置

9、添加到多個(gè)圖層中。在圖層名稱的右側(cè)右擊，選擇“拷貝圖層樣式” 命令，在要粘貼的圖層名稱右側(cè)右擊，選擇“粘貼圖層樣式”命令，就完成了圖層樣式的復(fù)制。修改“斜面和浮雕”選項(xiàng)后的效果4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用3縮放樣式效果對(duì)于復(fù)制的帶有圖層樣式的圖像，對(duì)其大小進(jìn)行調(diào)整，添加的樣式選項(xiàng)不會(huì)變，但會(huì)與原效果產(chǎn)生差別，如圖所示。要獲得與圖像比例一致的效果，需要對(duì)單獨(dú)的效果進(jìn)行縮放。此時(shí)可以選擇復(fù)制后的圖層，執(zhí)行“圖層”“圖層樣式”“縮放圖層效果”命令，在打開(kāi)的對(duì)話框中，設(shè)置“縮放”參數(shù)，以得到理想的效果?？s小帶樣式的圖層內(nèi)容4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用4混

10、合選項(xiàng)混合選項(xiàng)用來(lái)控制圖層的不透明度以及當(dāng)前圖層與其他圖層的像素混合效果。執(zhí)行“圖層”“圖層樣式”“混合選項(xiàng)”命令，對(duì)話框中包含兩組混合滑塊，及“本圖層”滑塊和“下一圖層”滑塊。它們用來(lái)控制當(dāng)前圖層和下面圖層在最終的圖像中顯示的像素，通過(guò)調(diào)整滑塊可根據(jù)圖像的亮度范圍，快速創(chuàng)建透明區(qū)域。a）高山素材圖像b）白云素材圖像c）混合吐槽效果4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用5投影和內(nèi)陰影無(wú)論是文字、按鈕、邊框還是物體，如果加上陰影，則會(huì)產(chǎn)生立體感。利用這兩個(gè)圖層樣式可以逼真的模仿出物體的陰影效果，并且可以對(duì)陰影的顏色、大小、清晰度進(jìn)行控制。首先打開(kāi)“圖層樣式”對(duì)話框，啟用“投影”選項(xiàng)

11、，如圖4-20所示。圖 4-20 設(shè)置投影效果4.1案例1：翡翠玉鐲的制作（1）結(jié)構(gòu)選項(xiàng)組“混合模式”：選定投影的混合模式?！安煌该鞫取保和队暗牟煌该鞫??！敖嵌取保河糜谠O(shè)置光線照射角度?！笆褂萌止狻保嚎梢詾橥粓D像中的所有圖層樣式設(shè)置相同的光線照射角度。“距離”：設(shè)置陰影的距離?！皵U(kuò)展”：設(shè)置光線的強(qiáng)度?！按笮　保涸O(shè)置投影柔滑效果。（2）品質(zhì)選項(xiàng)組“等高線”：在該選項(xiàng)中可以選擇一個(gè)已有的等高線效果應(yīng)用于陰影，也可以單擊后面的選框進(jìn)行編輯?！跋忼X”：?jiǎn)⒂迷搹?fù)選可以消除投影的邊緣鋸齒?！半s色”：設(shè)置投影中隨機(jī)混合元素的數(shù)量?！皥D層挖空投影”：可控制半透明圖層中投影的可視性。內(nèi)陰影作用于物體內(nèi)

12、部，在圖像內(nèi)部創(chuàng)建出陰影效果，使圖像出現(xiàn)類似內(nèi)陷的效果。4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用6斜面和浮雕 啟用“斜面和浮雕”選項(xiàng)可以為圖像和文字制作出立體效果，如圖4-21所示。它是通過(guò)對(duì)圖層添加高光與陰影來(lái)模仿立體效果的。通過(guò)更改眾多的選項(xiàng)，可以控制浮雕樣式的強(qiáng)弱、大少、明暗變化等效果。圖 4-21 設(shè)置斜面和浮雕效果4.1案例1：翡翠玉鐲的制作4.1.4圖層樣式的應(yīng)用7外發(fā)光效果 運(yùn)用外發(fā)光效果可以制作出物體光暈，使物體產(chǎn)生光源效果。當(dāng)啟用“外發(fā)光”選項(xiàng)后，用戶可以在其右側(cè)相對(duì)應(yīng)的選項(xiàng)中進(jìn)行各項(xiàng)參數(shù)的設(shè)置，如圖4-22所示。在設(shè)置外發(fā)光時(shí)，背景的顏色盡量選擇深色圖像，以便于

13、顯示出設(shè)置的發(fā)光效果。圖 4-22 設(shè)置外發(fā)光效果4.1案例1：翡翠玉鐲的制作4.1.5案例的實(shí)現(xiàn)過(guò)程通過(guò)圖層與圖層的樣式來(lái)完成翡翠玉鐲的制作。圖4-1翡翠玉鐲的效果展示教師演示制作過(guò)程4.1案例1：翡翠玉鐲的制作4.1.6應(yīng)用技巧與案例拓展本節(jié)的拓展案例是淮信科技Logo的設(shè)計(jì)。圖4-1翡翠玉鐲的效果展示練習(xí)制作過(guò)程4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作Photoshop在網(wǎng)站開(kāi)發(fā)中應(yīng)用廣泛，現(xiàn)在以“書法家莊輝網(wǎng)站效果圖”的設(shè)計(jì)為例講解圖層混合模式的應(yīng)用。網(wǎng)站要反映出書法的文化氣息，包括個(gè)人簡(jiǎn)介、國(guó)畫作品、書法作品、聯(lián)系方式四個(gè)主要欄目的超級(jí)連接。同時(shí)為滿足瀏覽需要建議圖像大小滿足1024*

14、768分辨率，項(xiàng)目效果圖計(jì)劃采用褐色為背景，采用能反映中國(guó)傳統(tǒng)的文房四寶的特征。書法家莊輝個(gè)人網(wǎng)站主頁(yè)設(shè)計(jì)效果4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.1圖層混合模式的概述與分類數(shù)字圖像處理過(guò)程中進(jìn)行混合圖像時(shí)，圖層的混合模式是最為有效的技術(shù)之一，恰當(dāng)?shù)膶煞蚨喾鶊D像間使用混合模式，能夠輕松地制作出圖像間相互隱藏、疊加，混融為一體的效果。Photoshop將混合模式分為6大類25種混合形式，即：組合模式（正常、溶解），加深混合模式（變暗、正片疊底、顏色加深、線性加深），減淡混合模式（變亮、濾色、顏色減淡、線性減淡），對(duì)比混合模式（疊加、柔光、強(qiáng)光、亮光、線性光、點(diǎn)光、實(shí)色混合），比較混合

15、模式（差值、排除），色彩混合模式（色相、飽和度、顏色、亮度）。4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.2圖層混合模式的應(yīng)用方法圖層混合模式的具體應(yīng)用方式通過(guò)本例講解，具體步驟如下：1）打開(kāi)圖片“素材1.jpg”（如圖4-45）和“素材2.jpg”（如圖4-46）。圖4-45背景圖像圖4-46 融合圖像4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作2）使用“移動(dòng)工具” 將“素材2.tif”圖像拖至“素材1.tif”圖像中，如圖4-47所示的位置，得到“圖層1”。設(shè)置“圖層1”的混合模式為“顏色減淡”，得到如圖4-48所示的效果，打開(kāi)“模特.psd”文件，使用“移動(dòng)工具” 將該圖像拖至背景圖像中并移

16、動(dòng)到如圖4-48的位置，效果如圖4-48所示。圖4-47背景圖像圖4-48 融合圖像4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.3圖層混合模式詳解1.組合混合模式組合模式中包含“正常和溶解”模式，它們需要配合使用不透明度才能產(chǎn)生一定的混合效果。正常模式：在“正常”模式下調(diào)整上面圖層的不透明度可以使當(dāng)前圖像與底層圖像產(chǎn)生混合效果，在此模式下形成的合成色或者著色作品不會(huì)用到顏色的相減屬性。溶解模式：特點(diǎn)是配合調(diào)整不透明度可創(chuàng)建點(diǎn)狀噴霧式的圖像效果，不透明度越低，像素點(diǎn)越分散。4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.3圖層混合模式詳解2.加深混合模式加深混合模式可將當(dāng)前圖像與底層圖像進(jìn)行比較

17、使底層圖像變暗。變暗模式：自動(dòng)檢測(cè)顏色信息，選擇基色或混合色中較暗的作為結(jié)果色，其中比結(jié)果色亮的像素將被替換掉，就會(huì)露出背景圖像的顏色，比結(jié)果色暗的像素將保持不變。正片疊底：特點(diǎn)是可以使當(dāng)前圖像中的白色完全消失，另外，除白色以外的其他區(qū)域都會(huì)使底層圖像變暗。無(wú)論是圖層間的混合還是在圖層樣式中，正片疊底都是最常用的一種混合模式。顏色加深：特點(diǎn)是可保留當(dāng)前圖像中的白色區(qū)域，并加強(qiáng)深色區(qū)域。線性加深：線性加深模式與正片疊底模式的效果相似，但產(chǎn)生的對(duì)比效果更強(qiáng)烈，相當(dāng)于正片疊底與顏色加深模式的組合。4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.3圖層混合模式詳解3.變亮混合模式在Photoshop中每

18、一種加深模式都有一種完全相反的減淡模式相對(duì)應(yīng)，減淡模式的特點(diǎn)是當(dāng)前圖像中的黑色將會(huì)消失，任何比黑色亮的區(qū)域都可能加亮底層圖像。變亮模式：特點(diǎn)是比較并顯示當(dāng)前圖像比下面圖像亮的區(qū)域，變亮模式與變暗模式產(chǎn)生的效果相反。濾色模式：特點(diǎn)是可以使圖像產(chǎn)生漂白的效果，濾色模式與正片疊底模式產(chǎn)生的效果相反。顏色減淡模式：特點(diǎn)是可加亮底層的圖像，同時(shí)使顏色變得更加飽和，由于對(duì)暗部區(qū)域的改變有限，因而可以保持較好的對(duì)比度。線性減淡模式：它與濾色模式相似，但是可產(chǎn)生更加強(qiáng)烈的對(duì)比效果。4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.3圖層混合模式詳解4.對(duì)比混合模式它綜合了加深和減淡模式的特點(diǎn)，在進(jìn)行混合時(shí)50%的

19、灰色會(huì)完全消失，任何亮于50%灰色區(qū)域都可能加亮下面的圖像，而暗于50%灰色的區(qū)域都可能使底層圖像變暗，從而增加圖像對(duì)比度。疊加模式：在為底層圖像添加顏色時(shí)，可保持底層圖像的高光和暗調(diào)。柔光模式：可產(chǎn)生比疊加模式或強(qiáng)光模式更為精細(xì)的效果。強(qiáng)光模式：可增加圖像的對(duì)比度，它相當(dāng)于正片疊底和濾色的組合。亮光模式：混合后的顏色更為飽和，相當(dāng)于顏色減淡和顏色加深的組合。線性光：可使圖像產(chǎn)生更高的對(duì)比度效果，從而使更多區(qū)域變?yōu)楹谏桶咨喈?dāng)于線性減淡和線性加深的組合。點(diǎn)光：可根據(jù)混合色替換顏色，它相當(dāng)于變亮與變暗模式的組合。實(shí)色混合：特點(diǎn)是可增加顏色的飽和度，使圖像產(chǎn)生色調(diào)分離的效果。4.2 案例2：

20、網(wǎng)站效果圖的設(shè)計(jì)與制作5.比較混合模式比較混合模式可比較當(dāng)前圖像與底層圖像，然后將相同的區(qū)域顯示為黑色，不同的區(qū)域顯示為灰度層次或彩色。6.色彩混合模式色相模式：它適合于修改彩色圖像的顏色，該模式可將當(dāng)前圖像的基本顏色應(yīng)用到底層圖像中，并保持底層圖像的亮度和飽和度。飽和度模式：可使圖像的某些區(qū)域變?yōu)楹诎咨撃Ｊ娇蓪?dāng)前圖像的飽和度應(yīng)用到底層圖像中，并保持底層圖像的亮度和色相。顏色模式：可將當(dāng)前圖像的色相和飽和度應(yīng)用到底層圖像中，并保持底層圖像的亮度。亮度模式：特點(diǎn)是可將當(dāng)前圖像的亮度應(yīng)用于底層圖像中，并保持底層圖像的色相與飽和度。4.2 案例2：網(wǎng)站效果圖的設(shè)計(jì)與制作4.2.4圖層混合模式應(yīng)用策略實(shí)例應(yīng)用實(shí)例