《項(xiàng)目12 圖層與圖層樣式 _指導(dǎo)書(shū)2》由會(huì)員分享，可在線閱讀，更多相關(guān)《項(xiàng)目12 圖層與圖層樣式 _指導(dǎo)書(shū)2（10頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、單元一 　Photoshop的常用操作 項(xiàng)目二　圖層及圖層樣式 教學(xué)目標(biāo) 1．了解平面構(gòu)成的元素以及基本形式 2．掌握?qǐng)D層的基本操作、管理圖層樣式、圖層樣式調(diào)板等； 3．進(jìn)一步通過(guò)常用工具完成網(wǎng)頁(yè)導(dǎo)航欄和水晶圖的制作； 教學(xué)要求 1．認(rèn)真聽(tīng)講，專(zhuān)心操作, 操作規(guī)范， 認(rèn)真記錄實(shí)驗(yàn)過(guò)程，總結(jié)操作經(jīng)驗(yàn)和寫(xiě)好實(shí)驗(yàn)報(bào)告，在實(shí)驗(yàn)中培養(yǎng)嚴(yán)謹(jǐn)科學(xué)的實(shí)踐操作習(xí)慣； 2．遵守學(xué)校的實(shí)驗(yàn)室紀(jì)律，注意人身和設(shè)備的安全操作，愛(ài)護(hù)實(shí)驗(yàn)設(shè)備、及時(shí)上繳作業(yè)； 3．教學(xué)環(huán)境：50臺(tái)計(jì)算機(jī)，并安裝WindowsXP/7操作系統(tǒng)以及photoshop CS5以上系統(tǒng)。 知識(shí)要點(diǎn) 1．平面構(gòu)成的元素以及基本形

2、式； 2．理解圖層基本概念以及圖層模式； 技術(shù)要點(diǎn) 1．掌握?qǐng)D層的基本操作、管理圖層樣式、圖層樣式調(diào)板等操作； 2．運(yùn)用圖層、常用工具實(shí)現(xiàn)網(wǎng)頁(yè)導(dǎo)航欄的制作； 技能訓(xùn)練 一．講授與示范 正確啟動(dòng)計(jì)算機(jī)，在最后一個(gè)磁盤(pán)上建立以學(xué)號(hào)+姓名為名的文件夾，從指定的共享文件夾中將“實(shí)習(xí)指導(dǎo)書(shū)”和其他內(nèi)容復(fù)制到該文件夾中。 (一) 平面構(gòu)成 1．平面構(gòu)成的元素 點(diǎn)、線、面是平面構(gòu)成的主要元素； 不同的線和面具有不同的情感特征 2．平面構(gòu)成的基本形式 1）重復(fù)構(gòu)成 在同一設(shè)計(jì)中，相同的形象(基本形)出現(xiàn)過(guò)兩次或兩次以上；有形狀的漸變、方向的漸變、大小的漸變、色彩的漸變、大小的漸變

3、等； 2）漸變構(gòu)成 指基本單元漸進(jìn)的、循環(huán)的、有秩序變動(dòng)的集合表現(xiàn)；有形狀的重復(fù)、大小重復(fù)、色彩重復(fù)、方向的重復(fù)等等 圖1　重復(fù)構(gòu)成 圖2　漸變構(gòu)成 圖3　發(fā)射構(gòu)成 3）發(fā)射構(gòu)成 指相同的基本單元或骨骼環(huán)繞一個(gè)共同中心向外呈散發(fā)式集合或向內(nèi)集中式集合。它也是重復(fù)的一種特殊情形。有中心點(diǎn)發(fā)射、螺旋式發(fā)射、同心式發(fā)射； 4）特異構(gòu)成 是指構(gòu)成要素在有次序的關(guān)系里，有意違反次序，使少數(shù)個(gè)別的要素顯得突出，以打破規(guī)律性。有形狀的特異、大小的特異、色彩的特異、方向的特異、肌理的特異等； 圖4　特異構(gòu)成 圖5　對(duì)比構(gòu)成 圖6　矛盾空間 5）對(duì)比構(gòu)成

4、指在通過(guò)形態(tài)本身的大小、方向、位置、聚散等方面的對(duì)比來(lái)產(chǎn)生強(qiáng)列的視覺(jué)效果。有形狀、大小、色彩、肌理、位置、空間、重心、虛實(shí)； 6）矛盾空間 指在實(shí)際空間中是不可能存在的空間，而是一種錯(cuò)視空間；它打破了平面的局限性，創(chuàng)出獨(dú)特視覺(jué)的效果；有平面性、幻覺(jué)性、矛盾性 (二) photoshop的圖層 1．圖層的概念 圖層比喻成一張張透明的紙，在多張紙上畫(huà)了不同的東西，即對(duì)象或元素，然后疊加起來(lái)，就是一副完整的畫(huà)。 圖1　圖層的形成 2．分類(lèi) 普通圖層：主要功能是存放和繪制圖像，普通圖層可以有不同的透明度； 背景圖層：位于圖像的最底層，可以存放和繪制圖像； 填充/調(diào)整圖層：主要用于存

5、放圖像的色彩調(diào)整信息； 圖2　圖層浮動(dòng)面板 文字圖層：只能輸入與編輯文字內(nèi)容； 形狀圖層：主要存放矢量形狀信息。 3．圖層浮動(dòng)面板 圖層面板中包括多個(gè)功能按鈕，在制作圖像時(shí)充分發(fā)揮其按鈕的作用，如圖2所示； (三) 圖層的基本操作 1．新建圖層 方法一：執(zhí)行 “圖層|新建|圖層” 命令 。 方法二：?jiǎn)螕魣D層調(diào)板下方的“創(chuàng)建新圖層”按鈕，直接新建一個(gè)空白的普通圖層 。 2．復(fù)制圖層 ◇ 復(fù)制圖層圖像內(nèi)容為副本 方法一：?jiǎn)螕羲鑿?fù)制的圖層，拖動(dòng)該圖層到圖層控制面板下方的“創(chuàng)建新圖層”按鈕。 方法二：右擊所需復(fù)制的圖層，執(zhí)行“復(fù)制圖層”命令，在復(fù)制圖層對(duì)話框中的“目的”下

6、拉列表框中選擇當(dāng)前文件。 ◇ 蓋印圖層 蓋印可將多個(gè)圖層的內(nèi)容合并為一個(gè)目標(biāo)圖層，而原來(lái)的圖層不變。一般情況下，所選圖層將向下蓋印它下面的圖層。 方法：選擇多個(gè)圖層，使用 Ctrl+Alt+shift+E快捷鍵就蓋印了。 3．刪除圖層 方法一：在圖層調(diào)板中選中所需刪除圖層，拖動(dòng)到調(diào)板下方的垃圾箱按鈕上。 方法二：右擊所需刪除的圖層，在圖層調(diào)板菜單中，執(zhí)行“刪除圖層”命令。 4．調(diào)整圖層順序 方法一：選中所需移動(dòng)的圖層，用鼠標(biāo)直接拖動(dòng)到目標(biāo)位置。 方法二：執(zhí)行 “圖層->　排列” 菜單下的相應(yīng)命令。 5．選擇圖層 1）選擇單個(gè)圖層: 鼠標(biāo)左鍵單擊，圖層成藍(lán)色顯示 2）選

7、擇多個(gè)連續(xù)的圖層 先選擇第一個(gè)，按住shift鍵選擇最后一個(gè)圖層 3）選擇多個(gè)不連續(xù)的圖層 按住Ctrl鍵單擊 6．鎖定圖層 Photoshop提供了圖層鎖定功能，讓用戶(hù)通過(guò)全部或部分地鎖定圖層來(lái)避免有時(shí)在編輯圖像的過(guò)程中不小心會(huì)破壞圖層內(nèi)容。 當(dāng)圖層完全鎖定時(shí)，鎖形圖標(biāo)是實(shí)心的；當(dāng)圖層部分鎖定時(shí)，鎖圖標(biāo)是空心的。 ◇ 鎖定透明區(qū)域：鎖定圖層中的透明部分，保護(hù)圖層中的透明部分不被填充或編輯。 ◇ 鎖定圖像像素：防止使用繪畫(huà)工具編輯修改圖層的像素（包括透明區(qū)域和圖像區(qū)域）。 圖5　向下合并 ◇ 鎖定位置：防止圖層的像素被移動(dòng)或變形。 ◇ 鎖定全部：圖層內(nèi)容既不能移動(dòng)也不能修

8、改，并且不能改變圖層的不透明度和圖層混合模式 7．圖層合并 ◇ 向下合并 方法：將要合并的圖層或圖層組在圖層調(diào)板中放置在一起，確保兩個(gè)圖層都可視，執(zhí)行圖層調(diào)板菜單中的“向下合并”命令。 ◇ 合并可見(jiàn)圖層 方法：執(zhí)行“圖層”菜單下的“合并可見(jiàn)圖層”命令 8．刪格化圖層 一般建立的文字圖層、形狀圖層、矢量蒙版和填充圖層之類(lèi)的圖層，就不能在它們的圖層上再使用繪畫(huà)工具或?yàn)V鏡進(jìn)行處理了。 Photoshop會(huì)彈出提示“處理前必須先刪格化此形狀圖層。它不再有矢量蒙版。要?jiǎng)h格化形狀嗎？”，選擇“好”刪格化形狀后才能正常操作。 方法：執(zhí)行“圖層→　柵格化→　文字…” (四)選區(qū)與路徑 1

9、．選區(qū) 1）創(chuàng)建選區(qū)的工具 根據(jù)圖像邊緣創(chuàng)建的軌跡型選區(qū)：矩形選框工具、橢圓選框工具與套索工具 根據(jù)圖像中色彩像素創(chuàng)建的顏色型選區(qū)：魔術(shù)棒工具 注：選項(xiàng)欄的選項(xiàng) 2）選區(qū)的創(chuàng)建與編輯 主要進(jìn)行創(chuàng)建、添加、減去、刪除、修改； 2．路徑 1）路徑工具及作用 2）“路徑”調(diào)板 如　橢圓繪制路徑，添加文字　(主要利用橢圓選項(xiàng)欄的選項(xiàng)路徑按鈕) 任務(wù)一　 網(wǎng)頁(yè)頁(yè)面背景、導(dǎo)航條設(shè)計(jì) 要求：運(yùn)用圖層及常用工具制作網(wǎng)頁(yè)頁(yè)面背景以及導(dǎo)航條設(shè)計(jì)，其效果見(jiàn)文件“首頁(yè)導(dǎo)航.jpg” 步驟： ① 文檔創(chuàng)建 選擇“文件”→“新建”，在其對(duì)話框設(shè)置名稱(chēng)“首頁(yè)導(dǎo)航”，預(yù)設(shè)選擇“Web”，大小為“

10、1024＊768”，如圖6所示； 圖6　新建對(duì)話框 圖7　填充對(duì)話框 ② 背景圖案的設(shè)置 v 在photoshop中打開(kāi)素材文件“background.jpg”，執(zhí)行菜單“選擇→　全部”，即出現(xiàn)一個(gè)矩形的螞蟻線實(shí)現(xiàn)選取，再執(zhí)行“編輯→　定義圖案”，在對(duì)話框中圖像定義為“背景圖案”。 v 在“首頁(yè)導(dǎo)航”文檔中進(jìn)行背景填充：“編輯→　填充”，在其對(duì)話框設(shè)置如圖7所示； 提問(wèn)：為什么采用小圖片，而不采大圖片？ ③ 網(wǎng)頁(yè)分割 v 在首頁(yè)文檔中新建“圖層”,并通過(guò)“視圖→　標(biāo)尺”打開(kāi)標(biāo)尺； v 在該圖層運(yùn)用“鉛筆工具”按鈕 ，結(jié)合Shift鍵畫(huà)出7條垂直線將將畫(huà)布分為8等份；同

11、理通過(guò)3條水平線畫(huà)“網(wǎng)頁(yè)Logo、網(wǎng)頁(yè)主體圖片、網(wǎng)頁(yè)導(dǎo)航、網(wǎng)頁(yè)版權(quán)”四個(gè)部分，其效果如圖8所示； ④ 導(dǎo)航欄“矩形漸變”的制作 v 新建“圖層”，在該圖層運(yùn)用“矩形選框工具”，在圖像中拖動(dòng)至合適大小，建立導(dǎo)航條矩形選區(qū)，如圖8所示； 圖8　網(wǎng)頁(yè)參考線 圖9　“漸變編輯器”對(duì)話框 v 用“吸管工具” 吸取背景圖層中的藍(lán)色為前景色，選擇“漸變工具” 按鈕，雙擊“選項(xiàng)欄”的“漸變樣式”列表框圖處，彈出“漸變編輯器”對(duì)話框，設(shè)置前景色到白色的漸變，如圖9所示； v 在圖8中的導(dǎo)航矩形選區(qū)自上而下或自下而上拖動(dòng)鼠標(biāo)，拉出一條垂直漸變線，得到漸變導(dǎo)航條，如圖8所示； v 執(zhí)行“選

12、擇→　取消選擇”或Ctrl+D取消選區(qū)； ⑤ 導(dǎo)航條分界線的制作 v 新建“圖層” ，在該圖層運(yùn)用“矩形選框工具”在導(dǎo)航欄中繪制一個(gè)矩形框：寬2像素、高30象素，如圖10所示；（選項(xiàng)欄） 圖10 矩形框參數(shù)設(shè)置 v 選擇漸變工具，設(shè)置一個(gè)由藍(lán)色到前景色的漸變色，在該矩形區(qū)內(nèi)由左向右或由上而下拖動(dòng)應(yīng)用該漸變，實(shí)現(xiàn)網(wǎng)頁(yè)導(dǎo)航條分界線，如圖11所示； v 同理分別新建6圖層，在不同的圖層中制作出其他6條導(dǎo)航條分界線； 圖11導(dǎo)航欄的設(shè)置 ⑥ 導(dǎo)航條文字的制作 v 新建圖層，在該圖層使用“橫排文字工具”為首頁(yè)添加導(dǎo)航文字“網(wǎng)站首頁(yè)”， 如圖7所示； v 同理分別新建7圖層，在不

13、同的圖層中添加對(duì)應(yīng)的導(dǎo)航文字； ⑦ 網(wǎng)頁(yè)版權(quán)信息的添加 新建圖層，在該圖層使用“橫排文字工具”為首頁(yè)添加對(duì)應(yīng)文字信息， 如圖12所示； 圖12　版權(quán)信息的設(shè)置 ⑧保存 Ctrl+S進(jìn)行保存到“學(xué)號(hào)＋姓名”文件夾中，上傳到教師指定的文件夾中； (五)圖層模式 1．概述 圖層模式和繪圖工具的繪圖模式作用相同，主要用于決定其像素如何與圖像中的下層像素進(jìn)行混合。 Photoshop提供多種混合模式，圖層缺省的模式是正常模式，在圖層調(diào)板的上方可以改變圖層混合模式。 2．操作 方法一：執(zhí)行 “圖層→　圖層樣式” 子菜單下的各種樣式命令； 方法二：?jiǎn)螕魣D層面板下方的樣式按鈕，從彈

14、出菜單中選取相應(yīng)命令； 方法三：雙擊圖層面板中普通圖層的圖層縮覽圖 3．圖層模式類(lèi)型 1）投影效果 2）內(nèi)投影效果 3）外發(fā)光效果 4）內(nèi)發(fā)光效果 5）斜面及浮雕效果 6）光澤效果 7）顏色疊加效果 8）漸變疊加效果 9）圖案疊加效果 10) 描邊效果 詳情：見(jiàn)附件“項(xiàng)目二 圖層模式.PPT” 4．管理圖層模式 1）展開(kāi)和折疊圖層樣式 2）隱藏和顯示圖層樣式 3）修改圖層樣式 4）復(fù)制圖層樣式 5）刪除圖層樣式 二．課堂任務(wù)實(shí)踐 任務(wù)二　個(gè)性化水晶的制作 要求：制作一個(gè)透明、立體感的水晶，如右圖所示； 步驟： ① 文檔創(chuàng)建 新建一個(gè)文件，在“

15、新建”對(duì)話框，在“預(yù)設(shè)”列表中選擇Web選項(xiàng)，在“大小”為1024＊768，文件名為“個(gè)性化水晶”； ② 心形和圓形的繪制 v 新建一圖層，設(shè)置前景色為洋紅色，選擇橢圓工具，在選項(xiàng)欄中單擊“填充象素”后再靠左靠上繪制一個(gè)橢圓形，并復(fù)制該圖層成一副本，將其移至形成如圖13所示； 圖13 圖14 v 新建一圖層，創(chuàng)建一個(gè)大一點(diǎn)的圓形(最好是橢圓)，將前面兩個(gè)圓形覆蓋后； v 使用“矩形選框工具”在圓形上半部分創(chuàng)建選區(qū)如圖14所示，再用Delete鍵刪除選內(nèi)的圖像，形成一個(gè)心形，如圖15所示；(選柵格化后，再創(chuàng)建選區(qū)，然后Ctrl+T通過(guò)適當(dāng)調(diào)整下面部分的大小)　 v 多次按C

16、trl+E 將當(dāng)圖層與下面的圖層合并，但不要和背景合并；（注意觀察縮略圖） v 新建圖層，在心形圖形左側(cè)繪制一個(gè)大小相近的黑色正圓形；　 圖15 圖16 ③ 效果圖的設(shè)置 v 按Ctrl鍵單擊某個(gè)“橢圓”圖層的縮覽圖，載入圖形的選區(qū)，如圖16所示； v 選擇畫(huà)筆工具，單擊工具選項(xiàng)欄中的按鈕，打開(kāi)“畫(huà)筆”的柔邊圓，前景色設(shè)置為橙色RGB(255、120、0)大小適當(dāng)小于圓形，在圖形內(nèi)部涂抹橙色，如圖16所示； v 同理，再使用淺粉色填充心形； 圖16 圖17 v 最上面新建圖層，使用“橢圓選框工具”，在圓形中創(chuàng)建一個(gè)正圓形選區(qū)，并用油漆桶工具填充如圖17所示的

17、圖案；(圖案通過(guò)工具“選項(xiàng)欄”中選擇“圖案”選項(xiàng)，單擊＞按鈕，載入“圖案”或“彩色紙”庫(kù)，選擇“生銹金屬”加載圖案)　　 v 執(zhí)行“濾鏡”→“模糊”→“徑向模糊”，對(duì)話框設(shè)置如圖18所示； v 新建圖層，在其中間位置繪制一個(gè)黑色正圓形， v 新建圖層，選擇“自定形形工具”，在選項(xiàng)欄中點(diǎn)擊“填充象素”按鈕，同理加載/復(fù)位形狀（在形狀旁過(guò)的三角），點(diǎn)擊“自然”命令，載入該形狀庫(kù)；選擇“雨點(diǎn)”形狀，在圓形的左下角繪制一滴非常淡藍(lán)色的雨點(diǎn)； v 單擊“圖層”調(diào)板中的“鎖定透明像素” 按鈕，將該圖層的透明區(qū)域保護(hù)起來(lái)； v 利用畫(huà)筆工具的柔邊圓在雨滴周邊涂抹淺藍(lán)，在雨點(diǎn)右側(cè)涂抹藍(lán)色以及白色，形

18、成如圖19所示的效果圖； 圖18 圖19 ④ 高光與投影的制作 v 新建圖層，在圓形中繪制一個(gè)白色的圓形，調(diào)整位置，選擇“橡皮擦工具”，其柔邊大小為100像素的筆尖，適合擦除白色去域，形成眼球的高光，如圖20所示； v 在當(dāng)前圖層下面新建一個(gè)圖層，選擇畫(huà)筆工具，將不透明度設(shè)置為30%，設(shè)置畫(huà)筆的前景色為藍(lán)色，其效果如圖21所示； v 同理設(shè)置畫(huà)筆的前景色為橙色繪制陰影，其效果如圖21所示；(調(diào)整圖層位置) 圖20 圖21 v 合并圖層，選擇眼睛，按住Alt拖動(dòng)進(jìn)行復(fù)制，對(duì)副本執(zhí)行“編輯”→“變換”→“水平翻轉(zhuǎn)”，按Ctul+U打開(kāi)“色相/飽和度”，其參數(shù)色相為40，其余為0； ⑤ 保存 v 保存到“學(xué)號(hào)＋姓名”文件夾中，上傳到教師指定的文件夾中； 三．課堂小結(jié) 1．本課的紀(jì)律評(píng)價(jià)。 2．實(shí)習(xí)操作情況分析及出現(xiàn)的常用操作強(qiáng)調(diào)。 3．提出要求：要積極參與，仔細(xì)理解，增加主動(dòng)性，才能有所收獲。 四．作業(yè) 要求：課后進(jìn)一步對(duì)圖層進(jìn)行認(rèn)識(shí)，達(dá)到快速操作和使用的效果？ 檢查：下次課對(duì)本次作業(yè)的內(nèi)容進(jìn)行抽查，檢查其操作效果，效果好的在期末成績(jī)上直接2-3分；