《Photoshop項(xiàng)目案例實(shí)戰(zhàn)入門（微課視頻版）》教案-教學(xué)設(shè)計(jì) 第2章 圖層

Photoshop項(xiàng)目案例實(shí)戰(zhàn)入門（微課視頻版）教學(xué)設(shè)計(jì)課程名稱：Photoshop項(xiàng)目案例實(shí)戰(zhàn)入門（微課視頻版）_授課年級(jí)：授課學(xué)期：教師姓名：年月日課程名稱第2章圖層計(jì)劃學(xué)時(shí)6內(nèi)容分析圖層是Photoshop圖像處理中最基礎(chǔ)的概念。圖層的存在使圖像里的各元素可以單獨(dú)進(jìn)行變形、移動(dòng)、改色等操作，使用Photoshop創(chuàng)建的畫(huà)面是由多個(gè)圖層疊加而成。本節(jié)指引大家了解圖層的相關(guān)知識(shí)和操作，為后面章節(jié)的學(xué)習(xí)奠定基礎(chǔ)。教學(xué)目標(biāo)與教學(xué)要求【知識(shí)目標(biāo)】認(rèn)識(shí)圖層的基礎(chǔ)知識(shí)。掌握?qǐng)D層的基本操作。掌握?qǐng)D層的高級(jí)操作。【技能目標(biāo)】能夠?qū)崿F(xiàn)七巧板拼房子案例。能夠?qū)崿F(xiàn)圖層的新建、刪除、復(fù)制、改變順序、移動(dòng)等操作。能夠?qū)崿F(xiàn)家居banner案例。能夠?qū)崿F(xiàn)圖層組的創(chuàng)建、對(duì)齊、分布、合并、蓋印、不透明度設(shè)置等操作。能夠?qū)崿F(xiàn)美食海報(bào)案例?！居四繕?biāo)】初步建立學(xué)生的審美素養(yǎng)。引導(dǎo)學(xué)生在學(xué)習(xí)中健全正確的世界觀、人生觀和價(jià)值觀。引導(dǎo)學(xué)生創(chuàng)新思維和探索新技術(shù)的工匠精神。教學(xué)重點(diǎn)圖層分類實(shí)操案例：七巧板拼房子新建圖層刪除圖層復(fù)制圖層改變圖層順序移動(dòng)圖層實(shí)操案例：家居banner圖層組對(duì)齊與分布圖層合并與蓋印圖層圖層不透明度實(shí)操案例：美食海報(bào)教學(xué)難點(diǎn)實(shí)操案例：家居banner實(shí)操案例：美食海報(bào)教學(xué)方式課堂講解配合PPT演示教學(xué)過(guò)程第一課時(shí)（關(guān)于圖層、圖層面板概述、圖層分類、實(shí)操案例：七巧板拼房子）回顧內(nèi)容回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問(wèn)學(xué)生上節(jié)練習(xí)中的問(wèn)題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的關(guān)于圖層、圖層的面板概述、圖層分類、實(shí)操案例：七巧板拼房子等內(nèi)容。明確學(xué)習(xí)目標(biāo)了解圖層的概念了解圖層面板概述熟悉圖層分類掌握七巧板拼房子案例的實(shí)現(xiàn)方式知識(shí)講解知識(shí)點(diǎn)1-關(guān)于圖層圖層是組成一幅畫(huà)面的基礎(chǔ)單位，是學(xué)習(xí)Photoshop之前必須掌握的概念之一，如下圖所示，在Photoshop中可以使用七巧板的基礎(chǔ)形狀拼接一個(gè)房子。七巧板拼接房子圖層是Photoshop中的重要概念。通俗地講，圖層就像是含有文字或圖形等元素的膠片，一張張按順序疊放在一起，組合起來(lái)形成一副圖像的最終效果。知識(shí)點(diǎn)2-圖層面板概述圖層面板用于創(chuàng)建、編輯、管理圖層和為圖層添加樣式等。默認(rèn)情況下，圖層面板位于軟件的右下方，若圖層面板被隱藏，可以執(zhí)行“菜單”→“窗口”→“圖層”命令開(kāi)啟，或按F7鍵。圖層面板的各功能操作，如下圖所示。像素圖層過(guò)濾器：將所有像素圖層顯示，其他類別的圖層隱藏。圖層混合模式：是指所選圖層與下層圖層產(chǎn)生混合的方式?！版i定”按鈕組：?jiǎn)螕粝鄳?yīng)的鎖定按鈕，使其不可編輯。圖層不透明度與填充不透明度：“圖層不透明度”是指所選圖層整體的不透明度設(shè)置，并且其圖層樣式也會(huì)受到影響；“填充不透明度”功能類似前者，其特點(diǎn)是圖層樣式不受影響。圖層可見(jiàn)性：若要使相應(yīng)圖層隱藏，單擊即可。添加圖層樣式：?jiǎn)螕舭粹o，在彈出的列表中選擇需要的圖層樣式，即可為當(dāng)前圖層添加圖層樣式。添加圖層蒙版：?jiǎn)螕舭粹o，可以為當(dāng)前圖層添加蒙版，用來(lái)遮蓋圖層的部分內(nèi)容。創(chuàng)建新的填充或調(diào)整圖層：?jiǎn)螕舭粹o，可以創(chuàng)建調(diào)整層，從而調(diào)整圖層的色彩平衡、色相/飽和度等。創(chuàng)建新組和創(chuàng)建新圖層：?jiǎn)螕舭粹o，即可新建圖層，并且圖層性質(zhì)為像素圖層，使用Ctrl+Shift+Alt+N快捷鍵也可新建圖層；單擊按鈕即可新建組。刪除圖層：?jiǎn)螕舭粹o，即可刪除選定的圖層。知識(shí)點(diǎn)3-圖層分類在Photoshop中可以創(chuàng)建多種類型的圖層，常用的圖層類型有：像素圖層、文字圖層、形狀圖層、智能對(duì)象圖層、剪貼蒙版圖層、圖層組、圖層蒙版圖層、變形文字圖層、調(diào)整圖層、背景圖層等，如下圖所示。不同類型圖層的圖標(biāo)也不同，有些圖層可以轉(zhuǎn)換成其他類型的圖層，如形狀圖層可以轉(zhuǎn)化為像素圖層。調(diào)整圖層：用來(lái)調(diào)整全部或下一圖層的填充或顏色。圖層蒙版圖層：選擇一個(gè)圖層后，單擊按鈕，即可為該圖層添加一個(gè)蒙版。智能對(duì)象圖層：顯示狀態(tài)為，其他圖層轉(zhuǎn)換為智能對(duì)象圖層后，可以對(duì)圖層進(jìn)行縮放、旋轉(zhuǎn)、斜切、扭曲、透視變換或使圖層變形，而不會(huì)丟失原始圖像數(shù)據(jù)或降低品質(zhì)。圖層組：顯示狀態(tài)為，若要將兩個(gè)圖層進(jìn)行編組，先選擇一個(gè)圖層，再按住Ctrl鍵，然后鼠標(biāo)左鍵單擊另一圖層，即可同時(shí)選擇這兩個(gè)圖層，再使用Ctrl+G快捷鍵即可。像素圖層：顯示狀態(tài)為，單擊按鈕可以創(chuàng)建一個(gè)空白的像素圖層，按Shift+Ctrl+N快捷鍵后，拖入的位圖圖像也會(huì)自動(dòng)生成像素圖層。變形文字圖層：顯示狀態(tài)為，將文字圖層進(jìn)行變形后，在圖層面板中，該文字圖層會(huì)變?yōu)樽冃挝淖謭D層。文字圖層：顯示狀態(tài)為，使用“文字工具”可以創(chuàng)建文字圖層。選擇一個(gè)文字圖層，鼠標(biāo)右鍵單擊，在列表中選擇“柵格化圖層”，可以將文字圖層轉(zhuǎn)化為像素圖層，選擇“轉(zhuǎn)換為形狀”，可以將文字圖層轉(zhuǎn)化為形狀圖層。剪貼蒙版圖層：顯示狀態(tài)為，剪貼蒙版圖層的圖像只顯示在下層圖層的范圍內(nèi)。形狀圖層：顯示狀態(tài)為，使用“形狀工具”和“鋼筆工具”可以創(chuàng)建形狀圖層。選擇一個(gè)形狀圖層，鼠標(biāo)右鍵單擊，在列表中選擇“柵格化圖層”，可以將形狀圖層轉(zhuǎn)化為像素圖層。背景圖層：在圖層面板中選擇一個(gè)除了調(diào)整層的任意圖層，執(zhí)行“圖層”→“新建”→“背景圖層”命令，可以創(chuàng)建一個(gè)背景圖層。默認(rèn)情況下，背景圖層位于圖層面板的底層，并且為鎖定狀態(tài)，可以單擊解鎖按鈕解鎖，解鎖后的背景圖層會(huì)轉(zhuǎn)換為像素圖層。知識(shí)點(diǎn)4-七巧板拼房子本案例在Photoshop中使用七巧板的形狀拼湊房子，初步認(rèn)識(shí)圖層的概念和基礎(chǔ)操作。本案例的最終效果如下圖所示。本案例的具體實(shí)現(xiàn)步驟可參考教學(xué)PPT或教材。知識(shí)鞏固與作業(yè)（1）回顧上課前的學(xué)習(xí)目標(biāo)，對(duì)本節(jié)課知識(shí)點(diǎn)進(jìn)行總結(jié)。（2）老師布置相關(guān)作業(yè)進(jìn)行練習(xí)。第二課時(shí)（新建圖層、刪除圖層、復(fù)制圖層、改變圖層順序、移動(dòng)圖層、實(shí)操案例：家居banner）回顧內(nèi)容回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問(wèn)學(xué)生上節(jié)練習(xí)中的問(wèn)題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的新建圖層、刪除圖層、復(fù)制圖層、改變圖層順序、移動(dòng)圖層、實(shí)操案例：家居banner等內(nèi)容。明確學(xué)習(xí)目標(biāo)掌握?qǐng)D層的新建、刪除、復(fù)制、改變順序和移動(dòng)操作掌握家居banner案例的實(shí)現(xiàn)方式知識(shí)講解知識(shí)點(diǎn)1-新建圖層單擊圖層面板下方的“創(chuàng)建新圖層”按鈕，或執(zhí)行“圖層”→“新建”→“圖層”命令也可創(chuàng)建新圖層，按Shift+Ctrl+N快捷鍵在彈出的“新建圖層”窗口中設(shè)置新建圖層的名稱和混合模式，如下圖所示。新建圖層按Ctrl+Shift+Alt+N快捷鍵可以快速創(chuàng)建一個(gè)新的圖層，新建圖層排列在當(dāng)前圖層的上方，如下圖所示。新建圖層當(dāng)使用按鈕新建圖層時(shí)，要先按住Ctrl鍵，然后鼠標(biāo)左鍵單擊按鈕，新建的圖層排列在當(dāng)前圖層的下方，如下圖所示。當(dāng)項(xiàng)目中的圖層較多時(shí)，為了更加清楚地分辨圖層，需要對(duì)圖層進(jìn)行重命名，雙擊圖層名稱即可重命名圖層，如下圖所示。若雙擊圖層名稱后方空白處，則會(huì)調(diào)出圖層樣式面板。圖層重命名知識(shí)點(diǎn)2-刪除圖層不需要的圖層可以刪除，將需要?jiǎng)h除的圖層拖到“圖層”面板下方的按鈕上，松開(kāi)鼠標(biāo)后該圖層即被刪除，如下圖所示刪除圖層方法1除以上方法外，也可選中需要?jiǎng)h除的圖層，單擊鼠標(biāo)右鍵調(diào)出列表項(xiàng)，選擇“刪除圖層”命令，Photoshop會(huì)自動(dòng)彈出一個(gè)提示對(duì)話框，單擊按鈕即可，如下圖所示。刪除圖層操作也可用【Delete】快捷鍵一鍵刪除。刪除圖層方法2知識(shí)點(diǎn)3-復(fù)制圖層在Photoshop中可以通過(guò)復(fù)制，得到與原圖層一樣的圖層，這種復(fù)制包括兩種含義，一種是在本文檔內(nèi)復(fù)制圖層，得到的圖層與原圖層存在于一個(gè)文件；另一種是將一個(gè)文件中的某個(gè)圖層復(fù)制到另一個(gè)文件中。在本圖層內(nèi)復(fù)制的方法有多種，這里介紹三種簡(jiǎn)單的方法。方法一：在“圖層”面板中選中需要復(fù)制的圖層，按住鼠標(biāo)左鍵拖到按鈕上松開(kāi)即可，如下圖所示。復(fù)制圖層方法二：結(jié)合移動(dòng)工具可以快速?gòu)?fù)制選中的圖層。先選中移動(dòng)工具，再選中需要復(fù)制的圖層，按住【Alt】鍵的同時(shí)，按住鼠標(biāo)左鍵并拖動(dòng)到畫(huà)布的任意位置，然后松開(kāi)鼠標(biāo)即可。若按住【Alt】鍵的同時(shí)按住【Shift】鍵，那么會(huì)在水平或垂直方向上復(fù)制圖層，如下圖所示。方法三：使用【Ctrl+J】組合鍵復(fù)制圖層。若需要將一個(gè)文件中的圖層復(fù)制到另一文件中，先在Photoshop中打開(kāi)這兩個(gè)文件，選中需要復(fù)制的圖層，按【Ctrl+C】組合鍵進(jìn)行復(fù)制，如下圖所示。復(fù)制圖層1鼠標(biāo)單擊另一文件的名稱窗口，將工作區(qū)切換到此文件，然后按Ctrl+V快捷鍵即可，如下圖所示。粘貼圖層1知識(shí)點(diǎn)4-改變圖層順序在Photoshop中圖層是上層覆蓋下層的關(guān)系，因此很多情況下需要改變圖層的上下層級(jí)順序，以達(dá)到預(yù)期效果，本節(jié)介紹3種調(diào)整圖層順序的方法。方法一：選擇需要調(diào)整的圖層，執(zhí)行“圖層”→“排列”命令，在列表中選擇需要的選項(xiàng)即可，如下圖所示。改變圖層順序方法1方法二：選擇需要移動(dòng)的圖層，將光標(biāo)放在圖層名稱后方空白處，按住鼠標(biāo)左鍵并拖動(dòng)到指定圖層下方即可，如下圖所示。改變圖層順序方法2方法三：通過(guò)快捷鍵調(diào)整圖層順序，按Ctrl+]快捷鍵將所選圖層上移一層，按Ctrl+Shift+]快捷鍵將所選圖層置頂；按Ctrl+[快捷鍵將所選圖層下移一層，按Ctrl+Shift+[快捷鍵將所選圖層置于底層。知識(shí)點(diǎn)5-移動(dòng)圖層移動(dòng)圖層中的圖像需要使用移動(dòng)工具，單擊工具欄中的按鈕或按V鍵，即可選擇移動(dòng)工具，使用該工具可以移動(dòng)所選圖層中的圖像，如下圖所示。移動(dòng)圖層知識(shí)點(diǎn)6-實(shí)操案例：家居banner本案例使用Photoshop創(chuàng)建一幅美觀的家居banner。本案例的最終效果如下圖所示。最終效果本案例的具體實(shí)現(xiàn)步驟可參考教學(xué)PPT或教材。知識(shí)鞏固與作業(yè)（1）回顧上課前的學(xué)習(xí)目標(biāo)，對(duì)本節(jié)課知識(shí)點(diǎn)進(jìn)行總結(jié)。（2）老師布置相關(guān)作業(yè)進(jìn)行練習(xí)。第三、四課時(shí)（圖層組、對(duì)齊與分布圖層、合并與蓋印圖層、圖層不透明度、實(shí)操案例：美食海報(bào)）內(nèi)容回顧回顧上節(jié)內(nèi)容，引出本節(jié)內(nèi)容回顧上節(jié)的內(nèi)容，并提問(wèn)學(xué)生上節(jié)練習(xí)中的問(wèn)題，學(xué)生回答完后，由上節(jié)內(nèi)容引出本節(jié)要講的圖層組、對(duì)齊與分布圖層、合并與蓋印圖層、圖層不透明度、實(shí)操案例：美食海報(bào)等內(nèi)容。明確學(xué)習(xí)目標(biāo)掌握?qǐng)D層組的創(chuàng)建、取消、移入與移除等操作掌握?qǐng)D層的對(duì)齊與分布操作掌握?qǐng)D層的合并與蓋印操作掌握?qǐng)D層不透明度的設(shè)置方式掌握美食海報(bào)案例的實(shí)現(xiàn)步驟知識(shí)講解知識(shí)點(diǎn)1-圖層組創(chuàng)建圖層組創(chuàng)建圖層組的方法有幾種，這里介紹兩種簡(jiǎn)單便捷的方法。方法一：通過(guò)單擊圖層控制面板的創(chuàng)建新組按鈕，可以創(chuàng)建內(nèi)容為空的圖層組，如圖所示。單擊圖層組前的按鈕，可以展開(kāi)圖層組，使組內(nèi)的內(nèi)容顯示；單擊按鈕，可以將展開(kāi)的圖層組的內(nèi)容隱藏。創(chuàng)建新組方法1方法二：通過(guò)組合鍵將需要編組的圖層進(jìn)行編組，學(xué)習(xí)此方法需要先學(xué)會(huì)多選圖層。如下表所示。分類操作方法選擇一個(gè)圖層在圖層面板中單擊需要選擇的圖層選擇多個(gè)連續(xù)圖層單擊第一個(gè)圖層，然后按住【Shift】鍵的同時(shí)單擊最后一個(gè)圖層選擇多個(gè)不連續(xù)圖層按住【Ctrl】鍵的同時(shí)鼠標(biāo)左鍵依次單擊需要選擇的圖層取消某個(gè)被選擇的圖按住【Ctrl】鍵的同時(shí)單擊需要取消選擇的圖層取消所有被選擇的圖在圖層面板下方空白處單擊，或單擊某一個(gè)圖層通過(guò)以上表中的操作選擇需要編組的圖層后，按Ctrl+G快捷鍵即可編組，如下圖所示。創(chuàng)建新組方法2取消編組要在保留組內(nèi)圖層的情況下取消編組，可以先選中該圖層組，然后單擊鼠標(biāo)右鍵，在調(diào)出的列表中選擇“取消圖層編組”即可，如圖所示。也可使用【Shift+Ctrl+G】組合鍵取消編組。將圖層移入圖層組圖層組外的圖層可以移到圖層組內(nèi)，只需要選中需要移動(dòng)到圖層組的圖層，按住鼠標(biāo)左鍵并拖動(dòng)到圖層組松開(kāi)鼠標(biāo)即可，如下圖所示。新增組內(nèi)圖層將圖層移出圖層組圖層組內(nèi)的圖層可以移出圖層組，只需要選中需要移出的圖層，按住鼠標(biāo)左鍵并拖動(dòng)到圖層組外，松開(kāi)鼠標(biāo)即可。知識(shí)點(diǎn)2-對(duì)齊與分布圖層在Photoshop中可以對(duì)圖層進(jìn)行對(duì)齊與分布操作，這樣能夠方便快捷地調(diào)整圖層之間的位置關(guān)系。對(duì)齊圖層對(duì)齊不同圖層上的圖像，需要同時(shí)選擇需要對(duì)齊的圖層，執(zhí)行“圖層”→“對(duì)齊”命令，選擇需要的選項(xiàng)即可。如下圖所示。對(duì)齊圖層有多種選項(xiàng)，包括頂邊、垂直居中、底邊、左邊、水平居中、右邊，如下表所示。分類釋義頂邊對(duì)齊以所有所選圖層的最頂端為對(duì)齊的標(biāo)準(zhǔn)，其他圖層以此標(biāo)準(zhǔn)頂部對(duì)齊垂直居中對(duì)齊將所有選定元素的垂直中心在水平方向上對(duì)齊底邊對(duì)齊以所有所選圖層的最底端為對(duì)齊的標(biāo)準(zhǔn)，其他圖層以此標(biāo)準(zhǔn)底部對(duì)齊左邊對(duì)齊以所有所選圖層的最左邊為對(duì)齊的標(biāo)準(zhǔn)，其他圖層以此標(biāo)準(zhǔn)左邊對(duì)齊水平居中對(duì)齊將所有選定元素的水平中心在垂直方向上對(duì)齊右邊對(duì)齊以所有所選圖層的最右邊為對(duì)齊的標(biāo)準(zhǔn)，其他圖層以此標(biāo)準(zhǔn)右邊對(duì)齊值得注意的是：當(dāng)將某個(gè)選定的圖層載入選區(qū)（先按住【Ctrl】鍵，再單擊圖層縮略圖）后，所有對(duì)齊操作都會(huì)以此選區(qū)為標(biāo)準(zhǔn)，如下圖所示，以“底邊對(duì)齊”為例。原圖未載入選區(qū)最右側(cè)元素載入選區(qū)分布圖層分布不同圖層上的圖像，需要同時(shí)選擇需要分布的圖層，然后執(zhí)行“圖層”→“分布”命令，選擇需要的選項(xiàng)即可，如下圖所示。分布圖層有多種選項(xiàng)，包括頂邊、垂直居中、底邊、左邊、水平居中、右邊，如表所示。分類釋義頂邊分布可以從每個(gè)圖層的頂端開(kāi)始，間隔均勻地分布圖層垂直居中分布可以從每個(gè)圖層的垂直中心開(kāi)始，間隔均勻地分布圖層底邊分布可以從每個(gè)圖層的底端開(kāi)始，間隔均勻地分布圖層左邊分布可以從每個(gè)圖層的左端開(kāi)始，間隔均勻地分布圖層水平居中分布可以從每個(gè)圖層的水平中心開(kāi)始，間隔均勻地分布圖層右邊分布可以從每個(gè)圖層的右端開(kāi)始，間隔均勻地分布圖層以頂邊分布為例，執(zhí)行該操作后使圖層元素的頂部間隔達(dá)到統(tǒng)一，如下圖所示。知識(shí)點(diǎn)3-合并與蓋印圖層在Photoshop中也可以將相同屬性的圖層或不需要單獨(dú)調(diào)整的圖層合并，即可以提高計(jì)算機(jī)的運(yùn)行速度，也可以方便圖層管理。合并圖層合并圖層是指將多個(gè)圖層合并為一個(gè)圖層，同時(shí)選擇需要合并的多個(gè)圖層，執(zhí)行“圖層”→“合并圖層”命令，或使用Ctrl+E快捷鍵，即可將選擇的圖層合并，合并后的圖層名稱變?yōu)樽钌蠈訄D層的名稱，如下圖所示。合并圖層向下合并圖層：在“圖層”面板中選中需要向下合并的圖層，如“圖層3”圖層，執(zhí)行“圖層”→“向下合并”命令，或使用【Ctrl+E】組合鍵，如下圖所示。向下合并圖層合并可見(jiàn)圖層：可以將所有可見(jiàn)圖層合并為一個(gè)圖層，隱藏圖層除外，執(zhí)行“圖層”→“合并可見(jiàn)圖層”命令即可，如下圖所示。合并可見(jiàn)圖層蓋印圖層在我國(guó)北宋時(shí)期，畢昇發(fā)明了雕版活字印刷術(shù)，將每個(gè)字雕刻在單獨(dú)分開(kāi)的板上，然后根據(jù)印刷的內(nèi)容排字，在排好的字上刷上墨汁，再鋪上一層白紙，這樣所有的字樣都能印在紙上了，如下圖所示。Photoshop中的蓋印可見(jiàn)圖層操作，可以在不影響原有圖層的基礎(chǔ)上將可見(jiàn)圖層合并，按【Shift+Ctrl+Alt+E】組合鍵即可，如下圖所示。蓋印前蓋印后知識(shí)點(diǎn)4-圖層不透明度在Photoshop中也存在“不透明度”這一概念。圖層面板中的“不透明度”和“填充”選項(xiàng)，都可以用來(lái)控制圖層的不透明度，設(shè)置范圍為0-100%，0%代表完全透明，100%代表不透明。因?yàn)樵赑hotoshop中圖層是上層覆蓋下層的關(guān)系，所以當(dāng)上層圖層不透明度數(shù)值越小時(shí)，下層圖層越會(huì)清晰顯現(xiàn)，如下圖所示。