項目12 圖層與圖層樣式 _指導書2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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