中職教材二維動(dòng)畫

Flashcc二維動(dòng)畫基礎(chǔ)第3章對象的編輯

學(xué)習(xí)目標(biāo)熟悉并掌握任意變形工具的操作應(yīng)用熟悉并掌握對象的組合分離操作使用對齊面板對多個(gè)對象進(jìn)行排列分布利用變形面板進(jìn)行變形操作對象的修飾操作重點(diǎn)難點(diǎn)重點(diǎn)掌握任意變形工具的功能及操作區(qū)別繪制對象模式與形狀繪制的區(qū)別使用變形面板進(jìn)行復(fù)制并應(yīng)用變形刷子工具幾種繪制模式的區(qū)別熟悉并掌握線條轉(zhuǎn)換填充、柔化填充邊緣、擴(kuò)展填充等修改形狀的操作應(yīng)用第3章對象的編輯

學(xué)習(xí)內(nèi)容：3.1對象的編輯3.2對象的修飾3.3知識拓展3.4本章小結(jié)與重點(diǎn)回顧3.5課后實(shí)訓(xùn)3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹案例綜述案例分析操作步驟舉一反三3.1.2繪制對象與形狀3.1.3合并對象3.1.4組合對象3.1.5分離對象3.1.6任意變形工具3.1.7對象變形3.1.8排列對象3.1.9對齊對象3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹案例綜述

繪制椰子樹的實(shí)例在第二章中的“陽光海灘”實(shí)例中引用了椰子樹，本實(shí)例主要詳細(xì)說明椰子樹的制作過程。本實(shí)例主要使用“繪制對象”模式來繪制圖形，了解繪制對象模式和基本形狀繪制模式的區(qū)別。本實(shí)例主要使用任意變形工具對繪制對象進(jìn)行變形。3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹案例分析本實(shí)例在制作過程中采用【繪制對象】模式進(jìn)行矢量圖繪制。在整個(gè)繪制過程中熟悉并掌握【繪制對象】模式與非繪制對象模式的區(qū)別和操作特點(diǎn)。本實(shí)例中，椰子樹的樹葉形態(tài)類似但又有一定的變化，可以使用任意變形工具對已繪制的椰子樹樹葉進(jìn)行變形。樹干、白云、綠樹等元素在繪制過程中應(yīng)用了組合、分散等操作。3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹案例分析在制作這個(gè)實(shí)例時(shí)，大致需要以下環(huán)節(jié)。（1） 新建文檔，并保存。導(dǎo)入背景圖片。（2） 繪制樹干，使用【刷子工具】繪制樹干陰影。并將樹干與陰影組合。（3） 新建圖層“椰子樹”，使用【繪制對象】中的【合并對象】操作制作椰子樹葉。（4） 使用【任意變形工具】對樹葉進(jìn)行變形組合。（5） 繪制椰果。（6） 組合椰子樹，并復(fù)制。（7） 發(fā)布影片3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹操作步驟3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹操作步驟3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹操作步驟3.1對象的編輯

3.1.1課堂實(shí)例1—繪制椰子樹操作步驟將組合好的椰子樹復(fù)制三個(gè)，使用【任意變形工具】對椰子進(jìn)行放大、縮小、旋轉(zhuǎn)變形等操作。3.1對象的編輯

舉一反三繪制大樹樹干形狀，并填充顏色，繪制樹葉，并復(fù)制多個(gè)，使用任意變形工具進(jìn)行變形。

3.1對象的編輯

3.1.2繪制對象與形狀在進(jìn)行實(shí)例圖形的繪制過程中，繪制線條和填充兩種形狀，當(dāng)我們在進(jìn)行多個(gè)形狀的繪制時(shí)，會出現(xiàn)融合或消除等現(xiàn)象，也就是后繪制的形狀會對前面已經(jīng)繪制好的形狀產(chǎn)生影響。3.1對象的編輯

3.1.2繪制對象與形狀在工具箱的“選項(xiàng)區(qū)”中有【對象繪制】按鈕，點(diǎn)擊【對象繪制】按鈕，使其處于選中狀態(tài)，在舞臺上繪制一個(gè)圖形時(shí)，圖形外面會出現(xiàn)一個(gè)藍(lán)色的矩形邊框。在進(jìn)行多個(gè)形狀的繪制時(shí)，不會產(chǎn)生相互影響。3.1對象的編輯

3.1.2繪制對象與形狀在使用繪制對象繪制形狀輪廓后，使用【顏料桶】進(jìn)行填充時(shí)，看似封閉的區(qū)域，其實(shí)各自為一個(gè)獨(dú)立部分，沒有真正的組合在一起。這種情況需要將繪制對象【分離】后進(jìn)行填充。3.1對象的編輯

3.1.3合并對象“合并對象”是將兩個(gè)或多個(gè)繪制的“繪制對象”圖形，通過幾種不同的方法合并到一起，從而得到一個(gè)新的對象。選擇【修改】—【合并對象】，在彈出的子菜單中有“聯(lián)合”、“交集”、“打孔”和“裁切”4個(gè)命令可實(shí)現(xiàn)合并對象的操作。3.1對象的編輯

3.1.4組合對象

在編輯圖形的過程中，如果要將組成圖形的多個(gè)部分作為一個(gè)整體進(jìn)行移動(dòng)、變形或縮放等編輯操作時(shí)，需要同時(shí)選擇這些對象，操作相對麻煩，這時(shí)，可通過組合圖形的方式將其組合為一個(gè)整體，進(jìn)行移動(dòng)、縮放等操作，提高編輯的效率3.1對象的編輯

3.1.4組合對象

對于組合的對象，想要對它組合的一部分進(jìn)行編輯，可以雙擊組合對象，到【組合】的編輯窗口進(jìn)行編輯。組合的快捷鍵為Ctrl+G。而取消對圖形的組合，可在選中組合圖形的狀態(tài)下，選擇【修改】—【取消組合】?；蛘遊Ctrl+Shift+G]鍵。另外，通過按【Ctrl+B】鍵打散圖形的方式，也可取消對圖形的組合。3.1對象的編輯

3.1.5分離對象分離對象可實(shí)現(xiàn)對文字、位圖或組合圖形分離為單獨(dú)的可編輯元素。在FlashCC中打散圖形的方法，其操作步驟如下：（1）使用【選擇工具】，選擇需要分散的組合圖形、位圖、文本、實(shí)例等元素，執(zhí)行【修改】—【分離】命令，實(shí)現(xiàn)對所選對象的分離操作。（2）選擇需要分離對象后，按Ctrl+B快捷鍵，可將選擇的組合圖形分散為矢量圖形。（3）選擇需要分離對象后，點(diǎn)擊鼠標(biāo)右鍵，在彈出的右鍵菜單中，選擇【分離】命令可實(shí)現(xiàn)分離操作。203.1對象的編輯

3.1.6任意變形工具工具箱中的【任意變形工具】，快捷鍵為Q。主要用于將對象進(jìn)行各種方式的變形處理，如拉伸、壓縮、旋轉(zhuǎn)、翻轉(zhuǎn)和自由變形等。3.1對象的編輯

3.1.6任意變形工具3.1對象的編輯

3.1.6任意變形工具3.1對象的編輯

3.1.7對象變形可以使用【修改】—【變形】子菜單命令，對選擇對象進(jìn)行變形?？梢赃M(jìn)行放大、縮小、旋轉(zhuǎn)、傾斜、扭曲等，還可以進(jìn)行順時(shí)針旋轉(zhuǎn)90度、逆時(shí)針選擇90度、垂直翻轉(zhuǎn)、水平翻轉(zhuǎn)。3.1對象的編輯

3.1.8排列對象在同一圖層中，F(xiàn)lash是根據(jù)對象創(chuàng)建的先后順序來層疊對象的，會將新創(chuàng)建的對象放置在最上層，后創(chuàng)建的對象就會覆蓋先創(chuàng)建的對象。為了達(dá)到想要的繪制效果，可以更改對象的層疊順序。排序子菜單中包括：移至頂層，上移一層、下移一層和移至底層四個(gè)選項(xiàng)。上移一層的快捷鍵為Ctrl+向上箭頭，下移一層的快捷鍵為Ctrl+向下箭頭，這兩個(gè)快捷鍵在實(shí)際操作過程中使用頻率比較高，可以較為方便的調(diào)整對象的層級順序。3.1對象的編輯

3.1.9對齊對象Flash軟件中可以使用【對齊】面板，對放置在舞臺上的多個(gè)對象進(jìn)行排列分布。3.1對象的編輯

3.1.9對齊對象1、對齊對象對齊對象包括水平方向?qū)R方式和垂直方向?qū)R方式。水平方向?qū)R方式包括左對齊、水平中齊、右對齊，垂直方向?qū)R方式包括頂對齊、垂直中齊和底對齊。3.1對象的編輯

3.1.9對齊對象2、分布對象在場景中選擇3個(gè)或3個(gè)以上的對象，然后利用【對齊】面板上的分布功能可以方便地將選擇的對象進(jìn)行均勻分布。垂直方向包括“頂端對齊”、“垂直居中對齊”、“底部分布”，水平方向包括“左側(cè)分布”、“水平居中分布”和“右側(cè)分布”。3.1對象的編輯

3.1.9對齊對象3、匹配大小使用【對齊】面板的匹配大小功能，可以同時(shí)調(diào)整多個(gè)對象的大小，包括“匹配寬度”、“匹配高度”和“匹配寬和高”功能鍵。將所選對象水平或垂直尺寸與所選最大對象的尺寸一致。3.1對象的編輯

3.1.9對齊對象4、間隔間隔包括垂直平均間隔和水平平均間隔，可以調(diào)整多個(gè)對象的間距進(jìn)行平分。間隔與平均分布類似，不同之處在于平均分布的間距是以多個(gè)對象的同一側(cè)均勻分布，而間隔則是將相鄰對象的間距調(diào)整相同。5、舞臺對齊相對于舞臺對齊的復(fù)選框勾選時(shí)，表示在進(jìn)行對齊、分布、匹配大小、間隔時(shí)以舞臺為基準(zhǔn)。3.2對象的優(yōu)化

3.2.1課堂實(shí)例2—彩虹風(fēng)景繪制案例綜述案例分析操作步驟舉一反三3.2.2優(yōu)化曲線3.2.3將線條轉(zhuǎn)換為填充3.2.4擴(kuò)展填充3.2.5柔化填充邊緣3.2.6變形面板3.2對象的優(yōu)化

3.2.1課堂實(shí)例2—彩虹風(fēng)景繪制案例綜述

本實(shí)例主要在繪制矢量圖形的過程中，如何使用“擴(kuò)展填充”、“柔化填充邊緣”、“優(yōu)化”等“形狀”修飾命令對繪制的內(nèi)容進(jìn)行修飾。在本實(shí)例中使用變形面板對繪制的內(nèi)容進(jìn)行變形，使用“復(fù)制并應(yīng)用變形”來實(shí)現(xiàn)花朵的繪制。3.2對象的優(yōu)化

3.2.1課堂實(shí)例2—彩虹風(fēng)景繪制案例分析

在制作過程中采用【繪制對象】模式進(jìn)行矢量圖繪制，使用【顏色面板】對天空、草地、樹木、陽光進(jìn)行顏色填充，使用【漸變變形工具】實(shí)現(xiàn)對漸變效果的修改。

除了使用【任意變形工具】對繪制的內(nèi)容進(jìn)行變形修改，還可以使用【變形面板】對繪制內(nèi)容進(jìn)行變形修改。

【變形面板】中有“復(fù)制并應(yīng)用變形”按鈕，可以利用它繪制花朵、扇子、時(shí)鐘等一邊選擇一邊復(fù)制的圖形。3.2對象的優(yōu)化

3.2.1課堂實(shí)例2—彩虹風(fēng)景繪制案例分析在制作這個(gè)實(shí)例時(shí)，大致需要以下環(huán)節(jié)。（1）

新建文檔，并保存。（2）

繪制天空背景、繪制草地、繪制遠(yuǎn)處樹木的漸變效果。（3）使用橢圓工具繪制白云。（4）

使用刷子工具繪制小路，并進(jìn)行平滑或伸直處理。（5）繪制彩虹（6）

繪制陽光（7）繪制向日葵圖形元件，并復(fù)制多個(gè)元件放置在舞臺上。（8）

發(fā)布影片3.2對象的優(yōu)化

3.2.1課堂實(shí)例2—彩虹風(fēng)景繪制操作步驟(1)繪制天空

將“圖層1”重命名為“天空”，繪制一長方形，大小為1000*600，x：0，y：0。設(shè)置填充顏色為“線性填充”，

從左到右依次為“#007DC5”、“#7EE7FF”、“#FFFFFF”使用【漸變變形工具】將填充效果旋轉(zhuǎn)為從上到下的漸變效果。3.2對象的優(yōu)化

操作步驟(2)繪制草地

先繪制草地的形狀，然后再填充漸變顏色。顏色左側(cè)色標(biāo)為“#93C600”、右側(cè)色標(biāo)為“#A5D903”。填充后，也需要使用【漸變變形工具】將填充效果旋轉(zhuǎn)為從上到下的漸變效果。3.2對象的優(yōu)化

操作步驟(3)繪制遠(yuǎn)處樹木

使用鋼筆工具繪制樹的形狀，或者使用橢圓工具繪制幾個(gè)圓進(jìn)行疊加，形成遠(yuǎn)處樹的形狀，將其分離，填充漸變顏色。3.2對象的優(yōu)化

操作步驟(4)繪制小路

使用【刷子工具】，顏料桶顏色為#F7C782，選擇圓形筆刷和合適的大小，在舞臺上繪制小路。刷子繪制的小路形狀可以根據(jù)具體繪制內(nèi)容進(jìn)行【伸直】或【平滑】處理。3.2對象的優(yōu)化

操作步驟(5)繪制彩虹新建圖層“彩虹”，鎖定其他圖層。將“彩虹”圖層移到“草地”圖層下面。彩虹的繪制可采用“擴(kuò)展填充”來實(shí)現(xiàn)。

3.2對象的優(yōu)化

操作步驟(5)繪制彩虹

另外一種繪制彩虹的方法可以使用將【將線條轉(zhuǎn)換為填充】來實(shí)現(xiàn)繪制彩虹。3.2對象的優(yōu)化

操作步驟(5)繪制陽光

陽光的繪制主要使用矩形工具來繪制光束，使用【選擇工具】調(diào)整節(jié)點(diǎn)調(diào)整為梯形。填充顏色為白色，填充效果為線性漸變。3.2對象的優(yōu)化

(5)繪制陽光光束繪制好后，使用【任意變形工具】將變形的控制點(diǎn)移到光束的右側(cè)10像素左右的距離，選擇【變形】面板，將旋轉(zhuǎn)角度設(shè)置為—15度，點(diǎn)擊變形面板右下角的【復(fù)制選區(qū)和變形】按鈕，進(jìn)行變復(fù)制變旋轉(zhuǎn)變化，形成放射性的光束效果。3.2對象的優(yōu)化

(5)繪制花3.2對象的優(yōu)化

(5)繪制花3.2對象的優(yōu)化

(5)繪制花3.2對象的優(yōu)化

舉一反三3.2對象的優(yōu)化

3.2.2優(yōu)化曲線優(yōu)化曲線功能能將線條或者填充的輪廓加以改進(jìn)，減少用于定義圖形的曲線數(shù)量，是的減少Flash文件的大小。具體操作：選擇需要優(yōu)化的形狀，執(zhí)行【修改】—【形狀】—【優(yōu)化】命令，在彈出的【優(yōu)化曲線】對話框中設(shè)置優(yōu)化的強(qiáng)度，范圍為0~100，值越大，優(yōu)化越好，曲線數(shù)會減少更多。3.2對象的優(yōu)化

3.2.3將線條轉(zhuǎn)換為填充在繪制矢量圖形時(shí)，會發(fā)現(xiàn)繪制的線條在進(jìn)行放大縮小時(shí)，它的粗細(xì)是不變化的，而使用【將線條轉(zhuǎn)換為填充】命令可以將繪制的矢量線條轉(zhuǎn)換為填充色塊。

具體操作：選擇需要變化的線條，執(zhí)行【修改】—【形狀】—【將線條轉(zhuǎn)換為填充】命令，即可將線條轉(zhuǎn)換為填充。3.2對象的優(yōu)化

3.2.4擴(kuò)展填充擴(kuò)展填充的主要功能是將填充顏色向外擴(kuò)展或向內(nèi)收縮。執(zhí)行【修改】—【形狀】—【擴(kuò)展填充】命令，在彈出的對話框中，可以設(shè)置擴(kuò)展的距離是多少像素，擴(kuò)展的方向是“擴(kuò)展”或“插入”。3.2對象的優(yōu)化

3.2.5柔化填充邊緣

柔化填充邊緣與擴(kuò)展填充類似，不同的是柔化填充邊緣會在填充方向上產(chǎn)生多個(gè)逐漸透明的圖形。3.2對象的優(yōu)化

3.2.5柔化填充邊緣

與擴(kuò)展填充相比較，柔化填充邊緣制作的圖形效果更加朦朧，可以制作月光、燈光等效果。3.2對象的優(yōu)化

3.2.6變形面板【變形面板】的主要功能是對選擇對象進(jìn)行變形處理。通常情況下，使用【任意變形工具】可對選擇對象進(jìn)行粗略變形，而【變形面板】可以精準(zhǔn)的設(shè)置變形的比例