flash動(dòng)畫設(shè)計(jì)第2章.ppt

第2章 Flash圖形的創(chuàng)建與編輯 第2章Flash圖形的創(chuàng)建與編輯 2 學(xué)習(xí)目標(biāo)了解繪圖工具和填充工具的使用方法 并能夠使用它們繪制出Flash動(dòng)畫所需的舞臺(tái)對(duì)象了解對(duì)象編輯的常用方法掌握對(duì)基本對(duì)象進(jìn)行變形等操作掌握創(chuàng)建特殊效果的圖形 第2章Flash圖形的創(chuàng)建與編輯 3 2 1繪圖工具欄2 2使用Flash繪制圖形2 3使用Flash編輯圖形 第2章Flash圖形的創(chuàng)建與編輯 4 2 1繪圖工具欄 FlashMX提供了一些基本的圖形繪制和編輯的工具 利用它們可以創(chuàng)建規(guī)整和異行的矢量線和矢量色塊 合理地利用這些基本工具可以創(chuàng)建許多豐富多彩的圖形 同時(shí) FlashMX還提供了強(qiáng)大的圖像編輯功能 可以對(duì)矢量圖形進(jìn)行各種變換 第2章Flash圖形的創(chuàng)建與編輯 5 第2章Flash圖形的創(chuàng)建與編輯 6 2 2使用Flash繪制圖形 2 2 1使用鋼筆工具2 2 2使用線條工具2 2 3使用鉛筆工具2 2 4使用橢圓工具2 2 5使用矩形工具2 2 6使用畫筆工具 第2章Flash圖形的創(chuàng)建與編輯 7 2 2 1使用鋼筆工具鋼筆工具可以繪制連續(xù)線條與貝塞爾曲線 且繪制后還可以配合節(jié)點(diǎn)編輯工具加以修整 操作實(shí)例1 使用鋼筆工具繪制圖形 2 2 2使用線條工具 線條工具用于繪制各種不同傾角的直線 操作實(shí)例2 使用線條工具繪制圖形 第2章Flash圖形的創(chuàng)建與編輯 8 2 2 3使用鉛筆工具 鉛筆工具用于繪制直線或曲線 與鋼筆工具不同的是 鉛筆工具是用拖動(dòng)的方式來產(chǎn)生線條的 當(dāng)只是按住鼠標(biāo)左鍵拖動(dòng)時(shí) 可以產(chǎn)生直線或曲線 若先按住Shift鍵再按住鼠標(biāo)左鍵拖動(dòng)時(shí) 就可以繪制出直線 鉛筆工具提供3種模式來繪制曲線 在繪制曲線前單擊鉛筆模式按鈕的 之后會(huì)出現(xiàn)一個(gè)下拉列表 如圖所示 操作實(shí)例3 使用鉛筆工具繪制圖形 第2章Flash圖形的創(chuàng)建與編輯 9 2 2 4使用橢圓工具 橢圓工具是圖形 圖像處理的常用軟件 橢圓工具與鉛筆工具的不同之處在于橢圓工具繪制出來的圖形不僅包括矢量線 還能夠在矢量線內(nèi)部填充色塊 除此之外 用戶可以根據(jù)具體的需要 取消矢量線內(nèi)部的填充色塊或外部的矢量線 操作實(shí)例4 使用橢圓工具繪制圖形 第2章Flash圖形的創(chuàng)建與編輯 10 2 2 5使用矩形工具 矩形工具用于繪制矩形或正方形對(duì)象 按住鼠標(biāo)左鍵拖動(dòng)時(shí) 可以產(chǎn)生矩形對(duì)象 如果先按住Shift鍵再拖動(dòng)時(shí) 則會(huì)產(chǎn)生正方形對(duì)象 操作實(shí)例5 使用矩形工具繪制圖形 2 2 6使用畫筆工具 畫筆工具可以仿真水彩筆的筆觸 所繪制的線條是填色區(qū)塊 若要調(diào)整畫筆的大小 則要在選項(xiàng)欄中設(shè)置 操作實(shí)例6 使用畫筆工具繪制圖形 第2章Flash圖形的創(chuàng)建與編輯 11 2 3使用Flash編輯圖形 2 3 1選擇對(duì)象2 3 2移動(dòng) 復(fù)制和刪除對(duì)象2 3 3變形對(duì)象2 3 4分組 層疊和對(duì)齊對(duì)象2 3 5使用填充變形工具2 3 6使用圖形編輯工具 第2章Flash圖形的創(chuàng)建與編輯 12 當(dāng)在舞臺(tái)上創(chuàng)建圖形后 常常需要對(duì)其進(jìn)行修改 編輯等等操作 利用FlashMX提供了多種編輯矢量圖形的工具可以對(duì)已經(jīng)創(chuàng)建的矢量圖形進(jìn)行移動(dòng) 復(fù)制 刪除 變形 層疊 對(duì)齊和分組等加工處理 將圖形對(duì)象進(jìn)行優(yōu)化和修改 第2章Flash圖形的創(chuàng)建與編輯 13 要編輯修改對(duì)象 必須先選中該對(duì)象 在FlashMX中 可以使用多種方法來選擇對(duì)象 如使用箭頭工具 套索工具 以及鍵盤命令等 選擇對(duì)象時(shí) 可以只選擇對(duì)象的筆觸 也可以只選擇其填充 一旦對(duì)象被選中 在其上面將覆蓋一層陰影 2 3 1選擇對(duì)象 使用箭頭工具選擇對(duì)象2 使用套索工具選擇對(duì)象 第2章Flash圖形的創(chuàng)建與編輯 14 2 3 2移動(dòng) 復(fù)制和刪除對(duì)象 移動(dòng)對(duì)象要移動(dòng)一個(gè)對(duì)象 執(zhí)行如下操作之一即可 先使用箭頭工具選中一個(gè)或多個(gè)對(duì)象 將鼠標(biāo)指針移動(dòng)到對(duì)象上 當(dāng)鼠標(biāo)指針變成在它的右下方增加兩個(gè)垂直交叉的雙箭頭 拖動(dòng)鼠標(biāo)即可移動(dòng)對(duì)象 先使用箭頭工具選中一個(gè)或多個(gè)對(duì)象 然后按鍵盤上的箭頭鍵可以進(jìn)行微調(diào) 每按一次鍵 可移動(dòng)一個(gè)像素 按住Shift鍵的同時(shí) 再按箭頭鍵 可以一次移動(dòng)8個(gè)像素 如果按住 Shift 鍵同時(shí)用鼠標(biāo)拖動(dòng)選中的對(duì)象 可以將選中的對(duì)象沿45度的整倍角度移動(dòng)對(duì)象 第2章Flash圖形的創(chuàng)建與編輯 15 2 復(fù)制對(duì)象要復(fù)制一個(gè)對(duì)象 執(zhí)行如下操作之一即可 先使用箭頭工具選中一個(gè)或多個(gè)對(duì)象 然后按Alt鍵 即可復(fù)制選中的所有對(duì)象 先使用箭頭工具選中一個(gè)或多個(gè)對(duì)象 然后選擇 編輯 復(fù)制 命令 也可以復(fù)制選中的對(duì)象 在鼠標(biāo)拖動(dòng)選中對(duì)象的同時(shí)按住 Ctrl 鍵 也可以復(fù)制選中的對(duì)象 此外 利用剪切板的剪切 復(fù)制和粘貼功能 也可以移動(dòng)和復(fù)制對(duì)象 第2章Flash圖形的創(chuàng)建與編輯 16 3 刪除對(duì)象要?jiǎng)h除一個(gè)對(duì)象 執(zhí)行如下操作之一即可 用箭頭工具選中一個(gè)或多個(gè)對(duì)象 按 Delete 或退格鍵即可刪除選中的所有對(duì)象 用箭頭工具選中一個(gè)或多個(gè)對(duì)象 然后選擇 編輯 剪切 命令 也可以刪除選中的對(duì)象 第2章Flash圖形的創(chuàng)建與編輯 17 使用任意變形工具可以對(duì)對(duì)象 組 實(shí)例或文本塊進(jìn)行任意變形 如果要移動(dòng)所選內(nèi)容 可以將鼠標(biāo)指針放在邊框內(nèi)的對(duì)象上 然后將該對(duì)象拖動(dòng)到新位置 如果要設(shè)置旋轉(zhuǎn)或縮放的中心 可將變形點(diǎn)拖動(dòng)到新位置 如圖所示 2 3 3變形對(duì)象 第2章Flash圖形的創(chuàng)建與編輯 18 2 3 4分組 層疊和對(duì)齊對(duì)象 在FlashMX中 可以把一些圖形組合在一起后 作為一個(gè)對(duì)象操作 并且可以設(shè)定同一層中不同組合對(duì)象的層次順序和對(duì)齊方式 將對(duì)象分組2 層疊對(duì)象3 對(duì)齊對(duì)象 第2章Flash圖形的創(chuàng)建與編輯 19 2 3 5使用填充變形工具 在Flash中 使用 繪圖 工具欄中的填充變形工具 可以通過調(diào)整填充的大小 方向或者中心 變形漸變填充或位圖填充 變形漸變填充如果使用放射狀漸變填充色對(duì)圖形進(jìn)行填充時(shí) 在填充區(qū)域?qū)⒊霈F(xiàn)一個(gè)漸變圓圈 在圓心和圓周上共有4個(gè)圓形或方形手柄 如圖2 17所示 圖2 17放射狀漸變填充 第2章Flash圖形的創(chuàng)建與編輯 20 使用漸變圓可以對(duì)放射狀漸變填充圖進(jìn)行以下調(diào)整調(diào)整漸變中心 拖動(dòng)圓心的圓形手柄 可以移動(dòng)填充中心亮點(diǎn)的位置 調(diào)整漸變圓的長(zhǎng)寬比 拖動(dòng)圓周上的方形手柄 可以調(diào)整漸變圓的長(zhǎng)寬比 調(diào)整漸變圓的大小 拖動(dòng)緊挨著方形手柄的圓形手柄 可以調(diào)整漸變圓的大小 調(diào)整漸變圓的方向 拖動(dòng)圓周上的第2個(gè)圓形手柄 可以調(diào)整漸變圓的傾斜方向 第2章Flash圖形的創(chuàng)建與編輯 21 2 變形位圖填充使用位圖填充圖形時(shí) 單擊 繪圖 工具欄中的填充變形工具 并單擊填允區(qū)域中的位圖 在所選的位圖周圍將出現(xiàn)一個(gè)矩形框 共有7個(gè)圓形或方形手柄 如圖2 18所示 圖2 18顯示填充位圖手柄 第2章Flash圖形的創(chuàng)建與編輯 22 使用填充位圖手柄可以對(duì)位圖填充圖進(jìn)行以下調(diào)整 拖動(dòng)中心的圓形手柄 可以調(diào)整填充位圖的位置 拖動(dòng)左下角的方形手柄 可以保持位圖的縱橫比并改變位圖的大小 如果縮小填充位圖 可以使區(qū)域中容納更多的圖形 拖動(dòng)邊線上的方形手柄 可以沿水平或垂直方向改變填充位圖的大小 拖動(dòng)邊線中點(diǎn)的圓形手柄 可以沿水平方向或垂直方向傾斜填充位圖 拖動(dòng)右上角的圓形手柄 可以保持填充位圖的形狀不變而旋轉(zhuǎn)位圖 第2章Flash圖形的創(chuàng)建與編輯 23 2 3 6使用圖形編輯工具 在Flash中 還可以使用一些圖形編輯工具編輯繪制圖形對(duì)象 例如 使用箭頭工具可以改變線條或圖形的形狀 使用橡皮擦工具可以擦除在舞臺(tái)中繪制的圖形 使用箭頭工具任意改變對(duì)象的大小與形狀 操作實(shí)例7 使用箭頭工具改變圖形的形狀 2 使用橡皮擦工具橡皮擦工具用于清除線條或填色區(qū)域 它提供了橡皮模式與水龍頭模式兩種方式來清除對(duì)象 在選項(xiàng)欄中可見到 操作實(shí)例8 使用橡皮擦工具擦除文字與位圖 第2章Flash圖形的創(chuàng)建與編輯 24 2 4上機(jī)操作綜合指導(dǎo) 上機(jī)操作指導(dǎo)1操作要求 使用基本形狀 畫一個(gè)卡通小狗 第2章Flash圖形的創(chuàng)建與編輯 25 操作步驟第一步 繪制小狗的頭部圖形1 選擇 文件 新建 命令 建立一個(gè)新文件 2 選取橢圓工具 如圖2 23所示在舞臺(tái)上畫兩個(gè)沒有填充顏色的橢圓 這兩個(gè)橢圓的組合就是頭部的雛形 3 按住 Shift 鍵 依次單擊兩個(gè)橢圓內(nèi)部?jī)啥嘶【€ 將它們選中 按 Delete 鍵 如圖2 24所示刪除弧線 4 如圖2 25所示在頭部左端畫一個(gè)黑色填充的橢圓 作為小狗的鼻子 圖2 23原始文件圖2 24刪除弧線圖2 25畫出鼻子 第2章Flash圖形的創(chuàng)建與編輯 26 5 選用 鉛筆工具 在工具欄下面的選項(xiàng)欄中 將 鉛筆模式 下拉菜單選為 平滑 如圖2 26所示畫出彎彎的眼睛和鼻子上的胡子 6 圖2 27用 鉛筆工具 在頭上畫兩個(gè)耳朵 圖2 26畫出眼睛和胡子圖2 27畫出耳朵 第2章Flash圖形的創(chuàng)建與編輯 27 7 用 橢圓工具 如圖2 28所示畫5個(gè)橢圓 這是小狗的軀干和腳 8 選取 鉛筆工具 如圖2 29所示作必要的連接 將小狗的各個(gè)部位連接到一起 圖2 28畫5個(gè)橢圓 圖2 29作必要的連接 9 使用 選擇工具 單擊不必要的線段 按 Delete 將其刪除 10 選用 鉛筆工具 畫出搖動(dòng)的尾巴 第2章Flash圖形的創(chuàng)建與編輯 28 11 單擊工具欄上的 顏料桶工具 按鈕 如圖2 32所示選擇褐色為填充顏色 把小狗的耳朵和尾巴填充成褐色 圖2 32填充顏色 12 用同樣的辦法把小狗的軀干和腳填充成白色 完成作品 第2章Flash圖形的創(chuàng)建與編輯 29 上機(jī)操作指導(dǎo)2操作要求 繪制一片楓葉 第2章Flash圖形的創(chuàng)建與編輯 30 操作步驟1 選擇 文件 新建 命令 建立一個(gè)新文件 2 單擊 矩形工具 用矩形工具在舞臺(tái)中央繪制出一個(gè)正方形 正方形的大小要跟設(shè)想中的楓葉的大小差不多 3 選擇 窗口 混色器 命令 選擇填充方式中的放射狀 并且在漸變欄中多設(shè)置幾個(gè)顏色樣本 以用來表示楓葉從黃色到紅色的漸變過程 具體設(shè)置如圖2 33所示 圖2 33設(shè)置 混色器 第2章Flash圖形的創(chuàng)建與編輯 31 4 單擊 顏料桶工具 在正方形的中央單擊 為正方形加入剛才所選擇漸變顏色 該正方形在以下用來表達(dá)楓葉的顏色 如圖2 34所示 圖2 34具有放射狀填充顏色的正方形 第2章Flash圖形的創(chuàng)建與編輯 32 5 單擊 鉛筆工具 在工具欄下面的選項(xiàng)欄中 將 鉛筆模式 下拉菜單選為 平滑 將其邊框選為任意顏色 在舞臺(tái)上面繪制出一個(gè)楓葉 不需要葉脈和葉柄 的雛形 注意使楓葉大小基本與正方形的大小差不多 然后將其移動(dòng)到4所畫出的正方形中間 如果正方形過小 不能容納楓葉 則可以相應(yīng)地將楓葉調(diào)小或者將正方形拉大一些 圖2 35繪制楓葉的雛形 第2章Flash圖形的創(chuàng)建與編輯 33 6 單擊楓葉之外的區(qū)域和正方形的邊框 將這些部位刪除 之后 單擊 鉛筆工具 并選擇一種暗黑或者深綠的筆觸顏色 在楓葉中將葉脈和葉柄勾畫出來 最終效果如圖2 36所示 圖2 36成形的楓葉 第2章Flash圖形的創(chuàng)建與編輯 34 小結(jié)與提高工具面板中的幾何形狀工具可以用來快速準(zhǔn)確地創(chuàng)建基本元素 而且可以定制各種填充和線條形狀 通過使用畫筆工具和橡皮擦工具的特定模式 可以對(duì)作品中指定的部分進(jìn)行修改 使用鉛筆 畫筆和鋼筆工具可以創(chuàng)建自由形狀的線條或貝塞爾曲線 可以用箭頭工具和部分選取工具編輯它們 屬性面板和混色器面板能夠?yàn)橥ㄟ^各種繪圖工具創(chuàng)作的作品選擇填充和線條顏色 可以在屬性面板中定制線型 創(chuàng)建具用各種質(zhì)地和寬度的線型 使用部分選取工具手工編輯點(diǎn)的方式可以優(yōu)化作品 簡(jiǎn)化線條或曲線 減少文件尺寸