《Flash 8動(dòng)畫(huà)制作案例教程》課件第3章

第3章圖形編輯與優(yōu)化3.1選擇對(duì)象3.2編輯對(duì)象3.3組合對(duì)象3.4對(duì)象的位置管理3.5針對(duì)線條與填充的特殊編輯課堂實(shí)踐疑難解析課外拓展 3.1.1選取工具

1．選擇功能

選取工具選擇對(duì)象的操作方式有三種：?jiǎn)螕?、雙擊和拖曳框選。

①單擊：把鼠標(biāo)移到想選擇的對(duì)象上，單擊可以選中單獨(dú)的線條、填充、文本框、群組、實(shí)例或圖形對(duì)象。

②雙擊：把鼠標(biāo)移到填充區(qū)域，雙擊可以選中填充及外部輪廓線條；如果把鼠標(biāo)移到線條上，雙擊可以選中連接線。

③框選：?jiǎn)螕舨⑼蟿?dòng)鼠標(biāo)拉出一個(gè)矩形選取框，可以選中矩形框中所有的對(duì)象。

2．移動(dòng)功能

選擇選取工具，選中要移動(dòng)的對(duì)象，然后直接把它拖放到目標(biāo)位置即可。

提示：選中要移動(dòng)的對(duì)象，按方向鍵，可以以一個(gè)像素為單位精確移動(dòng)對(duì)象。

3．整形功能

使用選取工具在不選中圖形的情況下，直接用鼠標(biāo)拖放對(duì)象上的任意點(diǎn)，都可以改變圖形的形狀。使用鼠標(biāo)拖放對(duì)象的操作有以下三種方式。

1)拖放角點(diǎn)

把鼠標(biāo)移近角點(diǎn)，當(dāng)鼠標(biāo)指針變形為時(shí)，拖動(dòng)鼠標(biāo)，可以縮短或拉伸連接角點(diǎn)的線條，調(diào)整效果如圖3-2所示。

2)拖放線條

把鼠標(biāo)移近線條，當(dāng)鼠標(biāo)指針變形為時(shí)，拖動(dòng)鼠標(biāo)，可調(diào)整線條的形狀，調(diào)整效果如圖3-3所示。圖3-2拖放角點(diǎn)圖3-3拖放線條

3)添加角點(diǎn)

按住Ctrl或Alt鍵再拖放線條，可以為圖形添加角點(diǎn)。調(diào)整效果如圖3-4所示。圖3-4添加角點(diǎn)

案例3-1：紅雨傘

案例展示與任務(wù)

靈活運(yùn)用選取工具的整形功能，繪制如圖3-5所示的紅雨傘，實(shí)例最終效果參見(jiàn)隨書(shū)光盤(pán)中“第3章/案例1/紅雨傘.fla”。圖3-5紅雨傘制作分析

“紅雨傘”傘蓋近似三角形，所以首先繪制一個(gè)三角形，利用選取工具的整形功能將它整形為傘蓋；再使用線條工具制作傘把。制作過(guò)程中要注意調(diào)整視圖方式，利用網(wǎng)格和輔助線，開(kāi)啟貼緊功能，便于圖形的編輯處理。操作步驟

(1)新建文檔，命名為“紅雨傘.fla”，顯示網(wǎng)格和標(biāo)尺，開(kāi)啟網(wǎng)格和輔助線的貼緊功能。

(2)單擊多角星形工具，設(shè)置無(wú)筆觸屬性，紅色填充，使用“對(duì)象繪制”模型在舞臺(tái)上繪制三角形。

(3)選擇選取工具，把鼠標(biāo)移近三角形的邊線，通過(guò)拖放三角形的三條邊，對(duì)三角形進(jìn)行線條整形，效果如圖3-6所示。圖3-6三角形整形效果

(4)從標(biāo)尺上拉出一條通過(guò)三角形兩個(gè)底角的水平輔助線，按住Alt鍵，以一個(gè)網(wǎng)格為單位拖放三角形的底邊，添加角點(diǎn)，形成波浪傘檐，效果如圖3-7所示。

(5)選擇選取工具，把鼠標(biāo)移近三角形上端頂點(diǎn)，再往下拖動(dòng)，壓扁傘蓋。

(6)單擊線條工具，設(shè)置紅色筆觸，高度為6，使用“對(duì)象繪制”模型繪制傘把，效果如圖3-8所示。

(7)選擇選取工具，把鼠標(biāo)移近傘勾線條，整形傘勾為彎弧形狀，再使用次選工具作細(xì)致調(diào)整，效果如圖3-5所示。

(8)繪制完成，保存文件。圖3-7制作傘檐圖3-8制作傘把

3.1.2次選工具

如果在選擇對(duì)象的同時(shí)要編輯修改對(duì)象，可以使用次選工具。次選工具配合鋼筆工具對(duì)圖形的整形方法詳見(jiàn)2.2.4節(jié)。3.1.3套索工具

選取工具用于對(duì)整個(gè)對(duì)象的選取，如果只是要選取對(duì)象的局部，則可以使用套索工具。套索工具通過(guò)手繪的方式來(lái)選擇不規(guī)則的區(qū)域，包括兩種選擇模式。

1)任意形狀模式

選擇套索工具，沿要選擇對(duì)象的邊緣單擊并拖動(dòng)鼠標(biāo)，釋放鼠標(biāo)后，F(xiàn)lash會(huì)自動(dòng)連接起始點(diǎn)形成封閉選區(qū)，選擇效果如圖3-9所示。

2)多邊形模式

選擇套索工具，單擊工具箱選項(xiàng)區(qū)中的“多邊形模式”按鈕，然后在對(duì)象的頂點(diǎn)上單擊，在終點(diǎn)處雙擊鼠標(biāo)結(jié)束選擇，F(xiàn)lash會(huì)將各頂點(diǎn)用直線連接起來(lái)形成多邊形選區(qū)，選擇效果如圖3-10所示。圖3-9選擇任意形狀的區(qū)域圖3-10選擇多邊形區(qū)域在套索工具的選項(xiàng)區(qū)中，除了“多邊形模式”工具按鈕外，還有“魔術(shù)棒”和“魔術(shù)棒設(shè)置”兩個(gè)工具按鈕，它們用來(lái)選擇位圖中顏色相似的區(qū)域，但要注意在選擇之前必須把位圖打散分離。其使用方法如下：

(1)選擇套索工具。

(2)單擊“魔術(shù)棒設(shè)置”按鈕，彈出“魔術(shù)棒設(shè)置”對(duì)話框，如圖?3-11?所示，設(shè)置魔術(shù)棒屬性參數(shù)，其中“閾值”越小，選擇的顏色區(qū)域越小，顏色越相近。

(3)單擊要選擇的對(duì)象。圖3-11“魔術(shù)棒設(shè)置”對(duì)話框 3.2編輯對(duì)象

3.2.1對(duì)象的復(fù)制與刪除

1．對(duì)象的復(fù)制

在Flash中，復(fù)制對(duì)象的方法很多，可以使用菜單命令，例如復(fù)制、剪切、粘貼等，還可以使用工具按鈕。此外，靈活使用快捷鍵和快捷菜單會(huì)使用戶的工作更方便。

使用快捷鍵復(fù)制對(duì)象是最常用的方式，有兩種不同的操作方式。

(1)按Alt鍵：選擇選取工具，選中要復(fù)制的對(duì)象，按住Alt鍵拖放鼠標(biāo)進(jìn)行復(fù)制。

(2)按Ctrl+D鍵或執(zhí)行“直接復(fù)制”命令：選中要復(fù)制的對(duì)象，按Ctrl+D鍵，復(fù)制出來(lái)的對(duì)象與源對(duì)象自動(dòng)間隔12像素，如圖3-12所示。

圖3-12直接復(fù)制效果

2．對(duì)象的刪除

對(duì)象的刪除非常簡(jiǎn)單，選中要?jiǎng)h除的對(duì)象，選擇【編輯】→【清除】命令，或者按Delete或Backspace鍵即可。

對(duì)象的刪除還可以使用橡皮擦工具來(lái)完成，通過(guò)調(diào)整橡皮擦的大小和形狀可以精確地刪除對(duì)象的線條或填充的局部或整體。在橡皮擦工具的選項(xiàng)區(qū)中有三個(gè)工具按鈕，它們的功能如下。3.2.2對(duì)象的變形

任意變形工具是最容易控制和最容易使用的變形方法。使用任意變形工具改變圖形的形狀，其整形效果與選取工具的整形功能有所不同。選取工具的整形效果是針對(duì)圖形的局部來(lái)進(jìn)行的，而任意變形工具是把圖形作為一個(gè)整體對(duì)象來(lái)對(duì)待的，這使得用戶很容易在整體上重塑圖形。

單擊任意變形工具，選中要變形的圖形，這時(shí)在圖形的四周出現(xiàn)變形框，如圖3-13所示。拖動(dòng)變形框上的控制柄，可以對(duì)圖形進(jìn)行縮放、旋轉(zhuǎn)、傾斜、扭曲、變形等操作。中心點(diǎn)

控制柄

圖3-13變形框

1．縮放

將鼠標(biāo)移到變形框四條邊的控制柄上，當(dāng)鼠標(biāo)指針變形成雙向箭頭時(shí)，拖動(dòng)鼠標(biāo)即可改變圖形的寬度或高度。

將鼠標(biāo)移到變形框四個(gè)頂角的控制柄上，當(dāng)鼠標(biāo)指針變形成雙向傾斜箭頭時(shí)，拖動(dòng)鼠標(biāo)即可縮放整個(gè)圖形。

拖動(dòng)鼠標(biāo)的同時(shí)按住Shift鍵，可以對(duì)圖形進(jìn)行等比例縮放。

2．旋轉(zhuǎn)

將鼠標(biāo)移到變形框四個(gè)頂角的控制柄外側(cè)，當(dāng)鼠標(biāo)指針變形為時(shí)，拖動(dòng)鼠標(biāo)即可旋轉(zhuǎn)圖形。默認(rèn)情況下，圖形是以自己的中心點(diǎn)為參考點(diǎn)進(jìn)行旋轉(zhuǎn)的。如果希望圖形繞某個(gè)指定點(diǎn)旋轉(zhuǎn)，只要把圖形中心點(diǎn)(小圓圈)拖放到該指定點(diǎn)即可。其操作方法是：

(1)選擇任意變形工具。

(2)將鼠標(biāo)移近圖形的中心點(diǎn)(小圓圈)，當(dāng)鼠標(biāo)指針變形成時(shí)，即可拖動(dòng)中心點(diǎn)至指定點(diǎn)。

圖形繞指定點(diǎn)旋轉(zhuǎn)的效果如圖3-14所示。圖3-14繞指定點(diǎn)旋轉(zhuǎn)圖形提示：按住Shift鍵的同時(shí)拖放鼠標(biāo)旋轉(zhuǎn)圖形，圖形將以45ｏ角為單位進(jìn)行旋轉(zhuǎn)。

如果要對(duì)圖形進(jìn)行精確的縮放和旋轉(zhuǎn)，可以使用“變形”面板(如圖3-15所示)，或者執(zhí)行【修改】→【變形】→【縮放和旋轉(zhuǎn)】命令，在彈出的“縮放和旋轉(zhuǎn)”對(duì)話框(如圖3-16所示)中設(shè)置相關(guān)參數(shù)。圖3-15“變形”面板圖3-16“縮放和旋轉(zhuǎn)”對(duì)話框

3．傾斜

將鼠標(biāo)移到變形框的四條邊上，當(dāng)鼠標(biāo)指針變形為時(shí)，拖動(dòng)鼠標(biāo)即可傾斜圖形，如圖3-17所示。圖3-17傾斜圖形

4．扭曲

使用任意變形工具對(duì)圖形進(jìn)行縮放、旋轉(zhuǎn)和傾斜時(shí)，所做的變形是針對(duì)整個(gè)圖形的；如果使用“扭曲”和“封套”功能，則會(huì)讓變形更集中于圖形的某些局部。

如果想對(duì)圖形的某個(gè)局部進(jìn)行扭曲，可以單擊“扭曲”按鈕，然后拖放靠近扭曲部位的手柄，如圖3-18所示。

5．封套

如果想對(duì)圖形的局部進(jìn)行強(qiáng)度更大的扭曲變形，可以使用“封套”功能，它具有更多的控制柄。其操作方法與扭曲相同。封套效果如圖3-19所示。圖3-18扭曲變形圖3-19封套變形

6．翻轉(zhuǎn)

圖形的翻轉(zhuǎn)就是創(chuàng)建一種鏡面反射的效果。執(zhí)行【修改】→【變形】→【水平翻轉(zhuǎn)】或【垂直翻轉(zhuǎn)】命令，可以輕松實(shí)現(xiàn)圖形對(duì)象的水平或垂直翻轉(zhuǎn)效果，如圖3-20所示。原圖

垂直翻轉(zhuǎn)圖

水平翻轉(zhuǎn)圖3-20翻轉(zhuǎn)圖形

案例3-2：太陽(yáng)花

案例展示與任務(wù)

使用“變形”面板，制作如圖3-21所示的太陽(yáng)花，實(shí)例最終效果參見(jiàn)隨書(shū)光盤(pán)中“第3章/案例2/太陽(yáng)花.fla”。圖3-21太陽(yáng)花制作分析

“太陽(yáng)花”每片花瓣都是一樣的，首先繪制出一片花瓣，利用“變形”面板上“復(fù)制并應(yīng)用變形”按鈕可以對(duì)花瓣進(jìn)行復(fù)制的同時(shí)產(chǎn)生旋轉(zhuǎn)，即可得到一朵美麗的太陽(yáng)花。

操作步驟

(1)新建文檔，命名為“太陽(yáng)花.fla”。

(2)在“混色器”面板中調(diào)配花的填充顏色為黃(#FFFF66)、桔紅(#FF9933)、紅(#FF6633)的線性漸變。選擇橢圓工具，使用“對(duì)象繪制”模型，繪制出一片花瓣。

(3)選擇任意變形工具，把鼠標(biāo)移近花瓣的中心點(diǎn)，當(dāng)鼠標(biāo)變形時(shí)拖動(dòng)花瓣的中心點(diǎn)至花瓣的底部，如圖3-22所示。

(4)打開(kāi)“變形”面板，設(shè)置“旋轉(zhuǎn)”角度為“45.0度”，如圖3-23所示。

提示：把旋轉(zhuǎn)角度設(shè)為45°，這是因?yàn)榭偣灿?片花瓣，8片花瓣圍成360°，所以每片花瓣需要旋轉(zhuǎn)45°。圖3-22移動(dòng)中心點(diǎn)

圖3-23“變形”面板參數(shù)設(shè)置

(5)連續(xù)單擊“屬性”面板上的“復(fù)制并應(yīng)用變形”按鈕7次，復(fù)制出7片花瓣，就得到了一朵美麗的太陽(yáng)花。

(6)制作完成，保存文件。 3.3組合對(duì)象

使用Flash繪圖工具“合并繪制”模型繪制出來(lái)的矢量圖形是由筆觸和填充兩部分組成的，如果要編輯整個(gè)圖形對(duì)象，必須將這兩部分同時(shí)選中，這給操作帶來(lái)了不便。使用Flash中的組合功能，可以將多個(gè)動(dòng)畫(huà)對(duì)象組合起來(lái)，作為一個(gè)整體進(jìn)行編輯，這樣可以簡(jiǎn)化某些操作。

組合對(duì)象首先選中要進(jìn)行群組的對(duì)象，然后執(zhí)行【修改】→【組合】命令或按Ctrl+G鍵。這時(shí)再選定對(duì)象，對(duì)象周圍會(huì)出現(xiàn)一個(gè)矩形選擇框，如圖3-24所示。圖3-24組合對(duì)象選擇效果對(duì)比 3.4對(duì)象的位置管理

3.4.1排列對(duì)象

在同一圖層中，F(xiàn)lash導(dǎo)入對(duì)象或創(chuàng)建對(duì)象時(shí)，各個(gè)對(duì)象是按照創(chuàng)建的先后順序?qū)盈B排列的，即最先創(chuàng)建的對(duì)象在最下面，最后創(chuàng)建的對(duì)象在最上面。用戶可以通過(guò)執(zhí)行【修改】→【排列】菜單下的命令對(duì)對(duì)象的層疊順序進(jìn)行調(diào)整?！芭帕小泵钭硬藛稳鐖D3-25所示，排列效果如圖3-26所示。圖3-25“排列”命令子菜單圖3-26排列效果3.4.2對(duì)齊對(duì)象

使用“對(duì)齊”面板，可以快速實(shí)現(xiàn)對(duì)象的自動(dòng)對(duì)齊?！皩?duì)齊”面板如圖3-27所示。

“對(duì)齊”面板包括對(duì)齊、分布、匹配大小和間隔四種功能類型，共18個(gè)功能按鈕。這些按鈕圖標(biāo)很直觀地體現(xiàn)了它所具有的功能。圖3-27“對(duì)齊”面板3.5針對(duì)線條與填充的特殊編輯原圖

平滑效果

伸直效果

圖3-28平滑與伸直效果3.5.2將線條轉(zhuǎn)換為填充

執(zhí)行【修改】→【形狀】→【將線條轉(zhuǎn)換為填充】命令，可以把選中的線條轉(zhuǎn)換為填充屬性。3.5.3擴(kuò)展填充

執(zhí)行【修改】→【形狀】→【擴(kuò)展填充】命令，彈出“擴(kuò)展填充”對(duì)話框，如圖3-29所示。圖3-29“擴(kuò)展填充”對(duì)話框?qū)υ捒蛑械膮?shù)的含義如下：

①距離：擴(kuò)展的寬度，以像素為單位。

②方向：選擇“擴(kuò)展”表示向外擴(kuò)展，選擇“插入”則表示向內(nèi)擴(kuò)展。

注意：用于“擴(kuò)展填充”的對(duì)象必須是填充屬性，如果在執(zhí)行“擴(kuò)展填充”命令時(shí)，選擇了線條，F(xiàn)lash會(huì)自動(dòng)把線條刪除。3.5.4柔化填充邊緣

柔化填充邊緣是繪圖和動(dòng)畫(huà)設(shè)計(jì)中經(jīng)常會(huì)用到的一個(gè)功能，它可以使填充的邊緣逐漸模糊淡化，可用來(lái)制作光暈、雪花、霓虹等效果。

執(zhí)行【修改】→【形狀】→【柔化填充邊緣】命令，彈出“柔化填充邊緣”對(duì)話框，如圖3-30所示。對(duì)話框中參數(shù)的含義如下：①距離：柔化的寬度，以像素為單位。

②步驟數(shù)：柔化填充漸近過(guò)渡的級(jí)數(shù)，數(shù)值越大，過(guò)渡效果越柔和，創(chuàng)建的文件也就越大，繪制速度也越慢。

③方向：選擇“擴(kuò)展”表示向外柔化，選擇“插入”表示向內(nèi)柔化。

使用柔化填充邊緣得到的柔化效果如圖3-31所示。圖3-30“柔化填充邊緣”對(duì)話框圖3-31柔化效果案例3-3：晶瑩雪花

案例展示與任務(wù)

繪制雪花圖案，使用線條與填充的特殊編輯命令，制作晶瑩剔透的雪花效果，如圖3-32所示，實(shí)例最終效果參見(jiàn)隨書(shū)光盤(pán)中“第3章/案例3/晶瑩雪花.fla”。圖3-32晶瑩雪花制作分析

使用線條工具和多角星工具繪制出一瓣雪花圖案，運(yùn)用“變形”面板制作一朵完整的雪花，晶瑩剔透的雪花效果通過(guò)多次使用“柔化填充邊緣”來(lái)實(shí)現(xiàn)。

操作步驟

(1)新建文檔，命名為“晶瑩雪花.fla”，設(shè)置舞臺(tái)背景為天藍(lán)色(#3333CC)。

(2)選擇線條工具和多角星工具，使用“對(duì)象繪制”模型，繪制出一瓣雪花圖案，編輯調(diào)整其效果，如圖3-33所示。

(3)選中整瓣雪花，按Ctrl+G鍵組合。選擇任意變形工具，把雪花的中心點(diǎn)拖到雪花組合對(duì)象的底部，如圖3-34所示。

(4)選中雪花圖案，打開(kāi)“變形”面板，設(shè)置其參數(shù)，如圖3-35所示。圖3-33雪花瓣

圖3-34移動(dòng)中心點(diǎn)圖3-35“變形”面板參數(shù)設(shè)置

(5)單擊“變形”面板上的“復(fù)制并應(yīng)用變形”按鈕5次，復(fù)制出一朵雪花。

(6)框選整朵雪花，執(zhí)行【修改】→【形狀】→【將線條轉(zhuǎn)換為填充】命令，把線條轉(zhuǎn)換為填充。

(7)框選整朵雪花，執(zhí)行【修改】→【分離】命令，把雪花打散。

(8)執(zhí)行【修改】→【形狀】→【柔化填充邊緣】命令，設(shè)置“距離”為“10”，“步驟數(shù)”為“3”，選擇“插入”方式。連續(xù)運(yùn)用兩次柔化效果，得到圖3-32所示的晶瑩雪花。

(9)制作完成，保存文件。

課堂實(shí)踐

(1)使用繪圖工具繪制圖形的基本外觀，再利用選取工具和次選工具的整形處理功能，繪制如圖3-36所示的綠葉，實(shí)例最終效果參見(jiàn)隨書(shū)光盤(pán)中“第3章/案例4/綠葉.fla”。

(2)使用橢圓工具、填充變形工具和“變形”面板，繪制如圖3-37所示風(fēng)車，實(shí)例最終效果參見(jiàn)隨書(shū)光盤(pán)中“第3章/案例5/風(fēng)車.fla”。

(3)使用橢圓工具、填充變形工具和線條與填充的特殊編輯命令，繪制如圖3-38所示的發(fā)光七彩環(huán)，實(shí)例最終效果參見(jiàn)隨書(shū)光盤(pán)中“第3章/案例6/七彩環(huán).fla”。圖3-36綠葉圖3-37風(fēng)車圖3-38七彩環(huán)

疑難解析

問(wèn)：在繪制圖形時(shí)，運(yùn)用圖層和使用“排列”命令都可以改變圖形的疊放順序，它們