層面板-Fireworks教案

1、教學(xué)內(nèi)容層面板課時(shí)2課型理論+實(shí)踐教學(xué)目標(biāo)本章將介紹Fireworks中圖層及圖層面板的使用，設(shè)置圖層的屬性、合成技術(shù)、蒙版的創(chuàng)建和編輯。熟悉一些基本操作，設(shè)置工作參數(shù)。 Fireworks的工作界面 設(shè)置Fireworks的工作參數(shù)Fireworks的菜單欄、工具欄的使用，這是基礎(chǔ)，也是難點(diǎn)。 教學(xué)方法實(shí)踐教學(xué)法案例教學(xué)法作業(yè)布置P69第一題至第五題分析總結(jié)本章將介紹Fireworks中圖層及圖層面板的使用，設(shè)置圖層的屬性、合成技術(shù)、蒙版的創(chuàng)建和編輯。重點(diǎn)掌握?qǐng)D層面板的使用教學(xué)過(guò)程【教學(xué)目的】本章將介紹Fireworks中圖層及圖層面板的使用，設(shè)置圖層的屬性、合成技術(shù)、蒙版的創(chuàng)建和編輯。主要

2、內(nèi)容：7. 圖層及圖層的操作8. 合成技術(shù)9. 蒙版重點(diǎn)與難點(diǎn)：圖層面板的使用、合成操作、創(chuàng)建蒙版關(guān)鍵字：圖層、合成、蒙版【本課內(nèi)容】.1 圖層及圖層的操作圖層的出現(xiàn)使得計(jì)算機(jī)圖像出來(lái)取得了革命性的突破，分層操作使得圖像處理進(jìn)入了一個(gè)更復(fù)雜、更多樣化的層次，而相應(yīng)的操作卻變得更快捷、更輕松。利用層來(lái)處理圖像時(shí)，可以創(chuàng)建多個(gè)圖層，層與層之間可以是透明的，并且編輯某一個(gè)圖層中的圖像時(shí)，絕不會(huì)影響其他圖層中的圖像，在制作完成后再合并所有圖層，便可得到一幅滿(mǎn)意的圖片。圖層的優(yōu)勢(shì)是顯而易見(jiàn)的，利用好圖層，這對(duì)圖像的編輯大有好處。本節(jié)將詳細(xì)的講解圖層的創(chuàng)建和圖層的相關(guān)操作，要求學(xué)員重點(diǎn)掌握?qǐng)D層面板的使用。

3、.1.1 圖層面板在創(chuàng)建圖層之前，必須先來(lái)了解圖層面板，圖層的操作大都是在圖層面板中完成的，打開(kāi)圖層面板，單擊【W(wǎng)indow】菜單中的【Layers】命令即可，面板圖解如下： .1.2 創(chuàng)建圖層Fireworks中，當(dāng)創(chuàng)建新文檔后，有兩個(gè)圖層將自動(dòng)被創(chuàng)建，一個(gè)是Web Layer，該圖層主要用來(lái)處理圖像熱區(qū)和切片等與Web操作密切相關(guān)的對(duì)象；另一個(gè)是Layer1，是默認(rèn)的常規(guī)圖層，主要處理普通圖像對(duì)象，如圖：8.1.3 圖層的操作一、新建圖層方法1. 單擊Layers面板上的New/Duplicate Layers按鈕 .方法2. 單擊Layers面板上的小三角按鈕，在彈出下拉菜單中點(diǎn)擊New

4、 Layers命令，隨后彈出一個(gè)命名對(duì)話(huà)框，填入新圖層名稱(chēng)即可，如圖：二、選取圖層要選取某一個(gè)圖層，直接在Layers面板上單擊所要的圖層名，該圖層將被激活，以藍(lán)色高亮條顯示，并在該層名稱(chēng)前，出現(xiàn)一個(gè)代表可編輯狀態(tài)的標(biāo)志按鈕 。即表示該圖層已被選中。三、復(fù)制圖層1. 選中要復(fù)制的圖層。2. 單擊Layers面板上的上的小三角按鈕，在彈出下拉菜單中點(diǎn)擊Duplicate Layers命令，隨后彈出一個(gè)對(duì)話(huà)框，如圖：對(duì)話(huà)框中Number表示復(fù)制的圖層數(shù)量，最多為10個(gè)圖層。Insert new Layer單選框表示復(fù)制圖層插入的位置。3. 單擊Ok完成復(fù)制。四、重命名圖層在Layers面板中雙擊要

5、重命名的圖層，彈出提示框，輸入新名稱(chēng)后，按Enter鍵即完成重命名操作。五、改變圖層疊放順序在圖像編輯過(guò)程中，經(jīng)常需要調(diào)換對(duì)象的背景和前景位置，可以通過(guò)改變圖層的疊放順序來(lái)實(shí)現(xiàn)，操作如下：在Layers面板中，選中要改變位置的圖層。按住鼠標(biāo)左鍵，拖動(dòng)該圖層到所需的位置，釋放鼠標(biāo)，則該圖層就已經(jīng)移動(dòng)到相應(yīng)的位置了。六、刪除圖層刪除圖層有幾種方法，最快捷的方法便是：選中要?jiǎng)h除的圖層，單擊Layers面板上的Delete Layer按鈕 。即可將圖層刪除。1.4 在圖層中編輯對(duì)象一、 單層與多層編輯模式如果在圖像編輯中只想對(duì)某一個(gè)圖層的對(duì)象進(jìn)行編輯，可以進(jìn)入單層編輯模式，單擊Layers面板上的上的

6、小三角按鈕，在彈出下拉菜單中點(diǎn)擊Single Layer Editing命令。如果要退出單層編輯模式，同樣點(diǎn)擊該命令，取消Single Layer Editing命令的選中狀態(tài)。如圖：?jiǎn)螌泳庉嬆Ｊ娇梢员苊鉄o(wú)意中選中了其他層的對(duì)象，而引起的誤操作。二、 在圖層中復(fù)制或移動(dòng)對(duì)象在文檔窗口中選中要復(fù)制的對(duì)象，此時(shí)可以在圖層面板的圖層列表上，看到該對(duì)象的圖層上出現(xiàn)一個(gè)藍(lán)色邊框，如圖： 用鼠標(biāo)拖拽這個(gè)邊框，移動(dòng)到目標(biāo)層上，即完成了對(duì)象的移動(dòng)；若要復(fù)制對(duì)象，可以在拖拽鼠標(biāo)的同時(shí)，按下鍵盤(pán)Alt鍵，鼠標(biāo)指針右下角會(huì)多出一個(gè)符號(hào)，表示復(fù)制對(duì)象。如圖：.1.5 設(shè)置圖層屬性1. 圖層的顯示和隱藏圖層給我們帶來(lái)諸

7、多好處的同時(shí)，也出現(xiàn)了一些小麻煩，即當(dāng)多個(gè)圖層中的圖像重疊在一起的時(shí)候，要編輯下層的圖像，顯得非常困難，這時(shí)就可以設(shè)置圖層的顯示屬性來(lái)解決這個(gè)問(wèn)題。在圖層面板上每個(gè)圖層右邊都有一個(gè)按鈕來(lái)控制圖層的顯示或隱藏，如圖： 當(dāng)按鈕是 這個(gè)狀態(tài)時(shí)，圖層處于顯示狀態(tài)；當(dāng)按鈕是空白時(shí) ，圖層已經(jīng)隱藏，在文檔中就看不到該圖層的對(duì)象了。2. 圖層的鎖定和解鎖將圖層鎖定，保證該圖層上的對(duì)象不被錯(cuò)誤的編輯，并且在圖層中仍然能看到該對(duì)象的效果。操作很簡(jiǎn)單，只要在圖層面板上選定要鎖定的圖層，單擊面板上鎖定列的按鈕，出現(xiàn)鎖定圖標(biāo) ，表示該圖層已被鎖定。如圖：解鎖操作也是單擊這個(gè)鎖定圖標(biāo)，此時(shí)圖標(biāo)變成鉛筆形狀，表示可以編輯

8、該圖層。如圖：8.1.6 在幀中共享圖層這個(gè)功能主要是針對(duì)動(dòng)畫(huà)而設(shè)置的，對(duì)于動(dòng)畫(huà)中可以保持不變的對(duì)象，可以采用共享圖層的方式簡(jiǎn)化操作，減小文件大小。設(shè)置共享圖層，選中要共享的圖層，單擊Layers面板上的小三角，在打開(kāi)的下拉菜單中點(diǎn)擊Share This Layers命令，命令執(zhí)行后，會(huì)在該層上出現(xiàn)一個(gè)標(biāo)志 表示該層已被共享。要取消共享，操作同上，取消Share This Layers命令的選中狀態(tài)即可。8.2 合 成合成：指改變文檔中對(duì)象的透明度，使下層的對(duì)象可以透過(guò)上層顯示出來(lái)。合成操作主要是指控制透明度和修改混合模式的操作。8.2.1 編輯透明度選中要編輯的對(duì)象，在圖層面板上的Opacity選項(xiàng)中設(shè)置透明度值，從0100，0表示完全透明，100為完全遮擋。將不透明值設(shè)為30的效果圖如下：不透明值：100 不透明值：30 8.2.2 編輯混合模式通過(guò)編輯圖層的混合模式，可以改變對(duì)象的透明重疊區(qū)域的顏色調(diào)和方式。在圖層面板中有一個(gè)控制模式下拉列表，如圖：列表中有數(shù)種混合模式，這些模式主要是通過(guò)前