處理矢量圖形Fireworks教案

1、教學(xué)內(nèi)容處理矢量圖形課時(shí)2課型理論+實(shí)踐教學(xué)目標(biāo)本章主要介紹Fireworks中矢量對(duì)象的繪制與編輯，了解位圖模式和對(duì)象模式，學(xué)習(xí)使用繪制、編輯矢量圖形的相關(guān)工具：路徑工具、選擇工具、變換工具等。學(xué)會(huì)使用布局工具。本章的重點(diǎn)是理解路徑概念，使用路徑工具編輯矢量圖形，以及對(duì)路徑的編輯。主要內(nèi)容： 矢量圖像和位圖圖像，圖像的繪制模式 繪制矢量 編輯矢量對(duì)象 編輯路徑 使用布局工具 教學(xué)方法實(shí)踐教學(xué)法案例教學(xué)法作業(yè)布置繪制矢量圖分析總結(jié)本章主要介紹Fireworks中矢量對(duì)象的繪制與編輯，了解位圖模式和對(duì)象模式，學(xué)習(xí)使用繪制、編輯矢量圖形的相關(guān)工具。本章的重點(diǎn)是理解路徑概念，使用路徑工具編輯矢量圖形

2、，以及路徑的編輯。教學(xué)過(guò)程【教學(xué)目的】本章主要介紹Fireworks中矢量對(duì)象的繪制與編輯，了解位圖模式和對(duì)象模式，學(xué)習(xí)使用繪制、編輯矢量圖形的相關(guān)工具：路徑工具、選擇工具、變換工具等。學(xué)會(huì)使用布局工具。本章的重點(diǎn)是理解路徑概念，使用路徑工具編輯矢量圖形，以及對(duì)路徑的編輯。主要內(nèi)容： 矢量圖像和位圖圖像，圖像的繪制模式 繪制矢量 編輯矢量對(duì)象 編輯路徑 使用布局工具重點(diǎn)與難點(diǎn)：路徑，編輯路徑，繪制矢量圖形，編輯矢量對(duì)象，布局工具的使用關(guān)鍵字：矢量和位圖、路徑、矢量對(duì)象、布局工具【本課內(nèi)容】 矢量圖像和位圖圖像 在使用Fireworks繪制矢量對(duì)象之前，先來(lái)了解計(jì)算機(jī)中圖像構(gòu)成的兩種基本類(lèi)型：矢

3、量圖像：用包含顏色和位置屬性的直線或曲線來(lái)描述圖像屬性的圖像表示方法，也稱(chēng)向量圖像。矢量圖像的顏色取決于圖像輪廓曲線的顏色及其輪廓封閉的區(qū)域顏色，與輪廓內(nèi)單獨(dú)的點(diǎn)無(wú)關(guān)?？梢酝ㄟ^(guò)修改描述圖像輪廓的直線或曲線來(lái)更改圖像的性質(zhì)，也可以移動(dòng)、縮放、變形圖像或者改變圖像的顏色，這都不會(huì)降低圖像的品質(zhì)。 位圖圖像：使用象素來(lái)定義的圖像，每個(gè)象素都有一個(gè)特定的位置和顏色。編輯位圖圖像時(shí)修改的是象素。位圖圖像與分辨率有關(guān)，它包含固定數(shù)量的象素。如果在屏幕上以較大的倍率顯示，或以過(guò)低的分辨率打印，位圖圖像會(huì)出現(xiàn)鋸齒邊緣，而且會(huì)遺漏細(xì)節(jié)，降低圖像的質(zhì)量。 矢量圖形更容易編輯，位圖則有更多復(fù)雜的顏色變化更適合藝術(shù)作

4、品，比如照片。許多程序要么提供編輯矢量圖形的工具，要么提供位圖編輯工具。Fireworks融合了兩種圖像的操作，使用戶(hù)不必過(guò)多在意矢量工具和位圖工具的差異。 圖像的繪制模式Fireworks有兩種圖像編輯模式：對(duì)象模式（編輯矢量圖像時(shí)的模式）和位圖編輯模式（編輯位圖圖像時(shí)的模式）對(duì)象模式可以為路徑選擇紋理和填充，也可以添加陰影、內(nèi)倒角、外倒角、暈光等效果；而位圖模式是沒(méi)有路徑的，因而無(wú)法添加效果。 圖像模式的切換圖像模式的切換的方法有多種，在此只介紹兩個(gè)基本命令。從對(duì)象模式進(jìn)入位圖編輯模式：選中圖像對(duì)象，單擊【Modify】菜單中的【Edit Bitmap】命令。從位圖編輯模式進(jìn)入對(duì)象模式：選

5、中圖像對(duì)象，單擊【Modify】菜單中的【Exit Bitmap Mode】命令。也可以點(diǎn)擊文檔窗口下面狀態(tài)欄中的"Exit Bitmap Mode " 按鈕 繪制矢量 繪制和編輯工具1. 基本形狀工具 我們可以使用這個(gè)工具組方便的繪制出基本的圖像形狀，如 ：方形、圓角矩形、圓形、橢圓形、星形等等各種多邊形形狀。（顏色的填充將在第四章中學(xué)到）繪制星形： 雙擊工具箱上的多邊形工具 ，打開(kāi)多邊形工具選項(xiàng)面板，如圖；在"Shape"下拉列表中選擇"Star"，"Sides"下拉列表中選擇星形的邊數(shù)，在文檔窗口按下鼠標(biāo)并拖

6、動(dòng)，即可繪制出所需的星形圖像來(lái)。2. 用鉛筆和畫(huà)筆工具繪制自由路徑。 鉛筆和畫(huà)筆工具的線條類(lèi)型、顏色、粗細(xì)以及紋理都可在"Stroke"面板中進(jìn)行調(diào)節(jié)。 3. 使用鋼筆工具繪制直線線段和曲線線段。 鋼筆工具可以繪制開(kāi)環(huán)路徑，也可繪制閉環(huán)路徑3.3 編輯矢量對(duì)象在前面兩節(jié)學(xué)習(xí)了使用繪制工具繪制矢量對(duì)象，本節(jié)將介紹如何對(duì)矢量對(duì)象進(jìn)行編輯，這將學(xué)習(xí)到選擇工具的使用以及對(duì)選擇對(duì)象的管理和操作。 選擇矢量對(duì)象Fireworks的工具箱中提供了三種基本的對(duì)象選擇工具：1. 箭頭工具 選擇、拖放對(duì)象或路徑2. 選擇被遮對(duì)象工具 在圖層或圖組中選擇被遮蓋了的對(duì)象 3. 導(dǎo)出區(qū)域工具 確定文

7、件的導(dǎo)出區(qū)域 4. 子選擇工具 選擇組中的對(duì)象或?qū)ο蟮牟糠?Fireworks 中可匝褚桓齠韻螅部梢匝穸喔齠韻蟆穸喔齠韻笫保醋痰?Shift"鍵，用箭頭工具直接在文檔內(nèi)點(diǎn)選要選取的多個(gè)對(duì)象。 對(duì)象的管理為了方便編輯，F(xiàn)ireworks提供了對(duì)象管理命令，可以隱藏和顯示對(duì)象、設(shè)置對(duì)象的重疊順序、對(duì)齊命令、對(duì)象的復(fù)制、剪切或刪除、也可以將多個(gè)對(duì)象進(jìn)行組合，作為一個(gè)對(duì)象來(lái)編輯。這里重點(diǎn)介紹對(duì)象的組合操作：1. 選中要組合的多個(gè)對(duì)象。2. 單擊【Modify】菜單中的【Group】命令，就將所選對(duì)象組合在一起。組合對(duì)象的好處是當(dāng)多個(gè)對(duì)象的相對(duì)位置始終保持不變時(shí)，可以將這個(gè)對(duì)象組作為一個(gè)對(duì)象來(lái)

8、編輯，進(jìn)行整體的移動(dòng)、放大或縮小操作。要撤銷(xiāo)該組合對(duì)象：1. 選中要撤銷(xiāo)的組合對(duì)象。2. 單擊【Modify】菜單中的【Ungroup】命令，就將組合對(duì)象拆分開(kāi)了。 變換對(duì)象Fireworks可以將對(duì)象在整體上進(jìn)行變換，比如：縮放對(duì)象、傾斜對(duì)象、旋轉(zhuǎn)對(duì)象、翻轉(zhuǎn)對(duì)象或扭曲對(duì)象等等操作。這些操作都可以使用工具箱中的變換工具來(lái)完成 比例變換工具 ：控制編輯對(duì)象的旋轉(zhuǎn)和大小變換 傾斜工具 ： 用傾斜或旋轉(zhuǎn)對(duì)象的方法來(lái)改變透視點(diǎn)扭曲工具 ：可以把一個(gè)多邊形或多角星變換任何一個(gè)想要的形狀 選中某一對(duì)象，點(diǎn)擊變換工具后，該對(duì)象的邊緣會(huì)出現(xiàn)八個(gè)控制點(diǎn)，調(diào)節(jié)這些控制點(diǎn)便可進(jìn)行變換操作了。另外，在【Modify】

9、菜單下的【Transform】級(jí)聯(lián)菜單中，有比較完整的變換命令，通過(guò)這些命令可以進(jìn)行精確的變換操作。 編輯路徑矢量對(duì)象的基本元素是路徑和點(diǎn)，我們通過(guò)對(duì)路徑和點(diǎn)的編輯來(lái)更改對(duì)象， 本節(jié)主要學(xué)習(xí)路徑工具的使用。1. 鋼筆工具 路徑上的點(diǎn)主要有兩種：邊角點(diǎn)（至少有一邊是直線的點(diǎn)）和曲線點(diǎn)（兩邊都是曲線）。鋼筆工具可以完成邊角點(diǎn)和曲線點(diǎn)的繪制與轉(zhuǎn)換用鋼筆工具繪制出路徑后，單擊要變換的點(diǎn)或拖動(dòng)調(diào)節(jié)變換手柄進(jìn)行調(diào)節(jié)。2. 子選擇工具 可以通過(guò)子選擇工具 ，對(duì)繪制的路徑和點(diǎn)進(jìn)行調(diào)節(jié) 3. 任意形狀工具組 自由格式工具，可以使用大小可變的光標(biāo)拖曳選定的路徑區(qū)域。區(qū)域變形工具，可以使用可變光標(biāo)區(qū)域來(lái)更改選定的路

10、徑形狀。路徑涂飾工具（+），可以完成對(duì)壓力和速度敏感的紋理效果的修改（增加） 路徑涂飾 工具（-），可以完成對(duì)壓力和速度敏感的紋理效果的修改（減小） 路徑的組合操作1. 連接和斷開(kāi)要連接或者斷開(kāi)多個(gè)路徑，單擊【Modify】菜單中的【Join】或【Split】命令2. 對(duì)于多個(gè)對(duì)象的操作合并操作：?jiǎn)螕簟綧odify】菜單下【Combine】級(jí)聯(lián)菜單中的【Union】命令。相交操作：?jiǎn)螕簟綧odify】菜單下【Combine】級(jí)聯(lián)菜單中的【Intersect】命令。則將對(duì)象的重合部分提取出來(lái)。沖孔操作：?jiǎn)螕簟綧odify】菜單下【Combine】級(jí)聯(lián)菜單中的【Punch】命令。剔除對(duì)象重合部分

11、布局工具在編輯對(duì)象時(shí)，經(jīng)常需要精確定位或了解當(dāng)前坐標(biāo)位置，F(xiàn)ireworks為此提供力標(biāo)尺、網(wǎng)格以及向?qū)У牟季止ぞ摺?顯示標(biāo)尺單擊【View】菜單中的【Rulers】命令。取消顯示同樣單擊該命令。 顯示網(wǎng)格單擊【View】菜單中的【Show Grid】命令。取消顯示同樣單擊該命令。 對(duì)齊網(wǎng)格單擊【View】菜單中的【Grid】級(jí)聯(lián)菜單中【Snap to Grid】命令。取消顯示同樣單擊該命令。 編輯網(wǎng)格單擊【View】菜單中的【Grid】級(jí)聯(lián)菜單中【Edit Grid】命令，打開(kāi)"Edit Grid"對(duì)話(huà)框。"Snap to Grid"：選中該復(fù)選框，激活對(duì)齊網(wǎng)格特性。 使用向?qū)г跇?biāo)尺上單擊并拖動(dòng)鼠標(biāo)到需要位置，即可在文檔窗口創(chuàng)建向?qū)А？梢詫?duì)向?qū)нM(jìn)行鎖定、隱藏、編輯等操作。我們激活文檔中的對(duì)齊到向?qū)匦浴？梢詫⑽臋n中的對(duì)象與向?qū)?duì)齊，實(shí)現(xiàn)精確定位。單擊【View】菜單中的【Guides】級(jí)聯(lián)菜單中【Snap to Guides】命令。 信息面板信