flash動畫設(shè)計第2章.ppt

《flash動畫設(shè)計第2章.ppt》由會員分享，可在線閱讀，更多相關(guān)《flash動畫設(shè)計第2章.ppt（34頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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