全國英語教師素養(yǎng)大賽一等獎(jiǎng)?wù)n件Unit-3-What's-your-hobby(三)

第6章

圖像進(jìn)階第6章

圖像進(jìn)階預(yù)習(xí)檢查蒙版是什么意思？隱藏或顯示對(duì)象或圖像的局部。為什么需要切片？切片使得整個(gè)圖片分為多個(gè)不同的小圖片同時(shí)開始下載。預(yù)習(xí)檢查蒙版是什么意思？內(nèi)容提要FireworksCS5有很多使用技巧是針對(duì)網(wǎng)頁圖像的，本章將對(duì)其中較為常用的蒙版技術(shù)、動(dòng)畫技術(shù)和切片技術(shù)進(jìn)行講解。這些技巧方法通常需要使用者對(duì)FireworksCS5軟件的基礎(chǔ)操作有足夠的了解才能得以使用，所以我們可以把這些方法看成為Fireworks處理圖像的進(jìn)階。內(nèi)容提要FireworksCS5有很多使用技巧是針對(duì)網(wǎng)頁圖本章要點(diǎn)蒙版的使用。動(dòng)畫的使用。切片的使用。本章要點(diǎn)蒙版的使用。6.1蒙版蒙版隱藏或顯示對(duì)象或圖像的局部，可以使用幾種蒙版技術(shù)在對(duì)象上實(shí)現(xiàn)許多種創(chuàng)意效果。蒙版可充當(dāng)切餅?zāi)５?，裁剪或剪貼下方的對(duì)象或圖像。有些蒙版還提供模糊窗口的效果，顯示或隱藏下方對(duì)象的部分。

6.1蒙版蒙版隱藏或顯示對(duì)象或圖像的局部，可以使用幾種蒙版6.1蒙版可以從矢量對(duì)象創(chuàng)建蒙版對(duì)象（矢量蒙版），也可以從位圖對(duì)象創(chuàng)建蒙版對(duì)象（位圖蒙版）。創(chuàng)建蒙版后，可以調(diào)整畫布上被遮罩選區(qū)的位置，或修改蒙版的外觀。還可以將蒙版作為一個(gè)整體應(yīng)用轉(zhuǎn)換，或者對(duì)蒙版的組件分別應(yīng)用轉(zhuǎn)換。當(dāng)矢量對(duì)象用作蒙版時(shí)，其路徑輪廓可用于裁剪或剪貼其他對(duì)象。當(dāng)位圖對(duì)象用作蒙版時(shí)，其像素的亮度或者透明度中有一個(gè)會(huì)影響其他對(duì)象的可見度。6.1蒙版可以從矢量對(duì)象創(chuàng)建蒙版對(duì)象（矢量蒙版），也可以從6.1蒙版——粘貼為蒙版可以使用【粘貼為蒙版】命令創(chuàng)建蒙版，方法是用另一個(gè)對(duì)象來重疊一個(gè)對(duì)象或一組對(duì)象?！菊迟N為蒙版】命令可創(chuàng)建矢量蒙版或位圖蒙版。選擇要用作蒙版的對(duì)象。按住Shift并單擊以選擇多個(gè)對(duì)象。定位選區(qū)，使它與要遮罩的對(duì)象或?qū)ο蠼M重疊。選區(qū)可位于要遮罩的對(duì)象之前或之后。6.1蒙版——粘貼為蒙版可以使用【粘貼為蒙版】命令創(chuàng)建蒙版6.1蒙版——粘貼為蒙版單擊菜單【編輯】|【剪切】以剪切要用作蒙版的對(duì)象。選擇要遮罩的對(duì)象或?qū)ο蠼M。6.1蒙版——粘貼為蒙版單擊菜單【編輯】|【剪切】以剪切要6.1蒙版——粘貼為蒙版單擊菜單【編輯】|【粘貼為蒙版】或單擊菜單【修改】|【蒙版】|【粘貼為蒙版】。6.1蒙版——粘貼為蒙版單擊菜單【編輯】|【粘貼為蒙版】或6.1蒙版——粘貼為蒙版示例中的原始圖片為了去除白邊，使用了路徑選區(qū)，最后遮罩的對(duì)象會(huì)被添加矢量蒙版?！緢D層】面板中【層1】下的對(duì)象格式為位圖，它的蒙版格式為矢量。實(shí)際上【粘貼為蒙版】命令創(chuàng)建的蒙版類型，取決于剪貼板中對(duì)象的類型，只要在剪貼版中有圖像內(nèi)容存在，不論該內(nèi)容是否來自于本文檔，不論分辨率等其他因素，剪貼板中的內(nèi)容都可以粘貼到蒙版上。

6.1蒙版——粘貼為蒙版示例中的原始圖片為了去除白邊，使用6.1蒙版——粘貼于內(nèi)部【粘貼于內(nèi)部】命令使用以下對(duì)象填充封閉路徑或位圖對(duì)象來創(chuàng)建蒙版：矢量圖形、文本或位圖圖像。路徑本身有時(shí)稱為剪貼路徑，而它包含的項(xiàng)目則稱為內(nèi)容或粘貼于內(nèi)部。隱藏超出剪貼路徑的內(nèi)容。6.1蒙版——粘貼于內(nèi)部【粘貼于內(nèi)部】命令使用以下對(duì)象填充6.1蒙版——粘貼于內(nèi)部選擇要用作粘貼于內(nèi)部的內(nèi)容的對(duì)象。放好這些對(duì)象，使它們與要在其中粘貼內(nèi)容的對(duì)象重疊。6.1蒙版——粘貼于內(nèi)部選擇要用作粘貼于內(nèi)部的內(nèi)容的對(duì)象。6.1蒙版——粘貼于內(nèi)部單擊菜單【編輯】|【剪切】將對(duì)象移到剪貼板。選擇要將內(nèi)容粘貼到其中的對(duì)象。此對(duì)象將用作蒙版（剪貼路徑）。6.1蒙版——粘貼于內(nèi)部單擊菜單【編輯】|【剪切】將對(duì)象移6.1蒙版——粘貼于內(nèi)部單擊菜單【編輯】|【粘貼于內(nèi)部】。粘貼的對(duì)象看起來位于蒙版對(duì)象的內(nèi)部，或者被蒙版對(duì)象剪貼了。6.1蒙版——粘貼于內(nèi)部單擊菜單【編輯】|【粘貼于內(nèi)部】。6.1蒙版——將文本用作蒙版文本蒙版是一種矢量蒙版，其應(yīng)用方法與使用現(xiàn)有對(duì)象的蒙版一樣。文本蒙版可以理解為是一種【粘貼于內(nèi)部】方式的特例。6.1蒙版——將文本用作蒙版文本蒙版是一種矢量蒙版，其應(yīng)用6.2簡單GIF動(dòng)畫制作可以向動(dòng)畫元件的對(duì)象分配屬性來創(chuàng)建動(dòng)畫，元件的動(dòng)畫可分成多種狀態(tài)，狀態(tài)包含動(dòng)畫中的圖像和對(duì)象。一個(gè)動(dòng)畫中可以有一個(gè)以上的元件，每個(gè)元件可以有不同的動(dòng)作，不同的元件可以包含不同數(shù)目的狀態(tài)，當(dāng)所有元件的所有動(dòng)作都完成時(shí)，動(dòng)畫就結(jié)束了?？梢詫?duì)元件應(yīng)用設(shè)置以逐漸改變連續(xù)狀態(tài)的內(nèi)容?？梢宰屢粋€(gè)元件在畫布上來回移動(dòng)、淡入或淡出、變大或變小或者旋轉(zhuǎn)，就可以創(chuàng)建一個(gè)不同類型的動(dòng)作同時(shí)發(fā)生的復(fù)雜動(dòng)畫。

6.2簡單GIF動(dòng)畫制作可以向動(dòng)畫元件的對(duì)象分配屬性來創(chuàng)建6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫Fireworks默認(rèn)保存的文件是PNG格式，如果把PNG文件看作一本書，一個(gè)頁面就是一章，一個(gè)狀態(tài)就是一節(jié)，一個(gè)圖層就是一段。一個(gè)FireworksPNG文件可以包含多個(gè)頁面，每個(gè)頁面都包含畫布大小和顏色、圖像分辨率以及輔助線的獨(dú)特設(shè)置，這些設(shè)置可以在每個(gè)頁面的基礎(chǔ)上進(jìn)行設(shè)置，也可以在文檔的所有頁面中以全局方式進(jìn)行設(shè)置。而每個(gè)頁面可以包含多個(gè)狀態(tài)，每個(gè)狀態(tài)也都有相關(guān)的屬性，通過設(shè)置狀態(tài)延遲或隱藏狀態(tài)，可以在編輯動(dòng)畫時(shí)查看其外觀。而每個(gè)狀態(tài)，除網(wǎng)頁層之外，還可以包含一組獨(dú)特的層。

6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫Firewor6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫可以通過【狀態(tài)】面板上的內(nèi)容狀態(tài)來生成動(dòng)畫?？梢悦麪顟B(tài)、重新組織狀態(tài)、手動(dòng)設(shè)置動(dòng)畫的定時(shí)以及將對(duì)象從一個(gè)狀態(tài)移到另一個(gè)狀態(tài)。1.向序列中添加狀態(tài)從【狀態(tài)】面板的【選項(xiàng)】菜單中選擇【添加狀態(tài)】。輸入要添加的狀態(tài)的數(shù)目。選擇要插入狀態(tài)的位置并單擊【確定】。6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫可以通過【狀態(tài)6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫2.刪除所選狀態(tài)單擊【狀態(tài)】面板中的【刪除狀態(tài)】按鈕或?qū)顟B(tài)拖到【刪除狀態(tài)】按鈕上。3.在播放期間隱藏狀態(tài)隱藏狀態(tài)在播放期間不顯示而且也不會(huì)導(dǎo)出。從【狀態(tài)】面板的【選項(xiàng)】菜單中選擇【屬性】或雙擊狀態(tài)延遲列。取消選擇【導(dǎo)出時(shí)包括】。按Enter或者在【幀】面板外部單擊。6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫2.刪除所選6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫4.利用狀態(tài)制作動(dòng)畫單擊菜單【文件】|【新建】，在【新建】對(duì)話框中，輸入適當(dāng)?shù)漠嫴即笮〖氨尘?，單擊【確定】按鈕。選擇【圖層】面板，編輯其中的圖層。6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫4.利用狀態(tài)6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫選擇【狀態(tài)】面板，新建狀態(tài)2，并編輯狀態(tài)1和狀態(tài)2的【狀態(tài)延遲】屬性。選擇【狀態(tài)】面板中狀態(tài)2后，選擇圖層面板中層1，編輯其中的圖層。將文件保存，并另存為gif格式。6.2簡單GIF動(dòng)畫制作——使用狀態(tài)制作動(dòng)畫選擇【狀態(tài)】面6.2簡單GIF動(dòng)畫制作——使用補(bǔ)間實(shí)例制作動(dòng)畫在Fireworks中，補(bǔ)間是一個(gè)手動(dòng)過程，它混合同一元件的兩個(gè)或多個(gè)實(shí)例，并使用插值屬性創(chuàng)建中間的實(shí)例。使用補(bǔ)間可以創(chuàng)建對(duì)象在畫布間的復(fù)雜移動(dòng)，以及其動(dòng)態(tài)濾鏡在動(dòng)畫的每個(gè)狀態(tài)下發(fā)生更改的對(duì)象的復(fù)雜移動(dòng)。例如，可以補(bǔ)間一個(gè)對(duì)象，使它看起來沿一條線性路徑移動(dòng)。6.2簡單GIF動(dòng)畫制作——使用補(bǔ)間實(shí)例制作動(dòng)畫在Fire6.2簡單GIF動(dòng)畫制作——使用補(bǔ)間實(shí)例制作動(dòng)畫使用補(bǔ)間實(shí)例制作動(dòng)畫操作步驟如下：選擇畫布上同一圖形元件的兩個(gè)或更多的實(shí)例。不要選擇不同元件的實(shí)例。單擊菜單【修改】|【元件】|【補(bǔ)間實(shí)例】。在【補(bǔ)間實(shí)例】對(duì)話框中輸入要插入到原始對(duì)之間的補(bǔ)間步驟的數(shù)目。若要將補(bǔ)間對(duì)象分散到不同的狀態(tài)中，選擇【分散到狀態(tài)】并單擊【確定】。以后可以通過選擇所有實(shí)例并單擊【狀態(tài)】面板中的【分散到狀態(tài)】按鈕來完成此操作。6.2簡單GIF動(dòng)畫制作——使用補(bǔ)間實(shí)例制作動(dòng)畫使用補(bǔ)間實(shí)6.3切片及導(dǎo)出——切片的作用切片就是將一幅大圖像分割為一些小的圖像切片，并將每部分導(dǎo)出為單獨(dú)的文件。當(dāng)網(wǎng)頁上的圖片文件較大時(shí)，瀏覽器下載整個(gè)圖片需要花很長時(shí)間，切片使得整個(gè)圖片分為多個(gè)不同的小圖片同時(shí)開始下載，這樣下載的時(shí)間就大大縮短了。完整的圖像只能使用一種文件格式，應(yīng)用一種優(yōu)化方式，對(duì)于作為切片的各幅小圖片可以分別對(duì)其優(yōu)化，并根據(jù)各幅小圖片的特點(diǎn)還可以存為不同的文件格式。這樣既能夠保證圖片質(zhì)量，又能夠使得圖片變小。6.3切片及導(dǎo)出——切片的作用切片就是將一幅大圖像分割為一6.3切片及導(dǎo)出——切片的基本操作1.創(chuàng)建切片可以選擇【切片】工具，拖動(dòng)繪制矩形切片對(duì)象創(chuàng)建切片。也可以基于所選對(duì)象創(chuàng)建矩形切片。操作步驟如下：單擊菜單【編輯】|【插入】|【矩形切片】。該切片是一個(gè)矩形，它的區(qū)域包括所選對(duì)象最外面的邊緣。如果選擇了多個(gè)對(duì)象，選擇【單個(gè)】以創(chuàng)建覆蓋全部所選對(duì)象的單個(gè)切片對(duì)象，或選擇【多個(gè)】為每個(gè)選定對(duì)象創(chuàng)建一個(gè)切片對(duì)象。6.3切片及導(dǎo)出——切片的基本操作1.創(chuàng)建切片6.3切片及導(dǎo)出——切片的基本操作2.導(dǎo)出切片的兩種方法用全選箭頭單擊切片對(duì)象，按右鍵，在快捷菜單中選擇【導(dǎo)出所選切片】，可將當(dāng)前選中的切片導(dǎo)出，這種方式適合于單獨(dú)導(dǎo)出一些小圖標(biāo)文件。單擊菜單【文件】|【導(dǎo)出】，在彈出的【導(dǎo)出】對(duì)話框中，可以選擇導(dǎo)出切片，如果選中【包括無切片區(qū)域】，則切片區(qū)域的圖片和被切片引導(dǎo)線分割的區(qū)域都會(huì)導(dǎo)出成切片，如果不選中該項(xiàng)，則只有切片區(qū)域的圖片會(huì)被導(dǎo)出。最好選中【將圖像放入子