中職教材二維動畫

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

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

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

3.1.1課堂實例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課堂實例1—繪制椰子樹案例綜述

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

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

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

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

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

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

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

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

3.1對象的編輯

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

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

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

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

3.1.4組合對象

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

3.1.4組合對象

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.2.1課堂實例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)處樹木

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

操作步驟(4)繪制小路

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

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

3.2對象的優(yōu)化

操作步驟(5)繪制彩虹

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

操作步驟(5)繪制陽光

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

(5)繪制陽光光束繪制好后，使用【任意變形工具】將變形的控制點移到光束的右側(cè)10像素左右的距離，選擇【變形】面板，將旋轉(zhuǎn)角度設(shè)置為—15度，點擊變形面板右下角的【復(fù)制選區(qū)和變形】按鈕，進行變復(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)化曲線功能能將線條或者填充的輪廓加以改進，減少用于定義圖形的曲線數(shù)量，是的減少Flash文件的大小。具體操作：選擇需要優(yōu)化的形狀，執(zhí)行【修改】—【形狀】—【優(yōu)化】命令，在彈出的【優(yōu)化曲線】對話框中設(shè)置優(yōu)化的強度，范圍為0~100，值越大，優(yōu)化越好，曲線數(shù)會減少更多。3.2對象的優(yōu)化

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

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

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

3.2.5柔化填充邊緣

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

3.2.5柔化填充邊緣

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

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