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

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

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

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

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

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

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

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

8、改，并且不能改變圖層的不透明度和圖層混合模式 7．圖層合并 ◇ 向下合并 方法：將要合并的圖層或圖層組在圖層調(diào)板中放置在一起，確保兩個圖層都可視，執(zhí)行圖層調(diào)板菜單中的“向下合并”命令。 ◇ 合并可見圖層 方法：執(zhí)行“圖層”菜單下的“合并可見圖層”命令 8．刪格化圖層 一般建立的文字圖層、形狀圖層、矢量蒙版和填充圖層之類的圖層，就不能在它們的圖層上再使用繪畫工具或?yàn)V鏡進(jìn)行處理了。 Photoshop會彈出提示“處理前必須先刪格化此形狀圖層。它不再有矢量蒙版。要刪格化形狀嗎？”，選擇“好”刪格化形狀后才能正常操作。 方法：執(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)頁頁面背景、導(dǎo)航條設(shè)計 要求：運(yùn)用圖層及常用工具制作網(wǎng)頁頁面背景以及導(dǎo)航條設(shè)計，其效果見文件“首頁導(dǎo)航.jpg” 步驟： ① 文檔創(chuàng)建 選擇“文件”→“新建”，在其對話框設(shè)置名稱“首頁導(dǎo)航”，預(yù)設(shè)選擇“Web”，大小為“

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

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

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

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

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

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

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

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

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