Dreamweaver和Flash案例教程創(chuàng)建和編輯對(duì)象

會(huì)計(jì)學(xué)1Dreamweaver和Flash案例教程創(chuàng)建和編輯對(duì)象

工具箱中的工具一部分是只用于繪制和編輯線的，例如，線條工具、鉛筆工具、鋼筆工具和墨水瓶工具；一部分是只用于繪制和編輯填充的，例如，刷子工具、顏料桶工具和填充變形工具。另外，有一些工具可以繪制和編輯線及填充，例如，橢圓工具、矩形工具、多角星形工具、橡皮擦工具、滴管工具、任意變形工具和套索工具等。第1頁/共156頁9.1.1學(xué)習(xí)目標(biāo)

“夢幻仙境”動(dòng)畫播放后的兩幅畫面如圖9-1-1所示?？梢钥吹剑谝环利惖娘L(fēng)景圖像（風(fēng)景圖像上遮蓋著七彩的透明彩虹）上，兩個(gè)不同顏色的透明彩球在移動(dòng)，一個(gè)小仙女在專注地望著它們，想著更美好的心愿。9.1【案例29】“夢幻仙境”動(dòng)畫第2頁/共156頁圖9-1-1“夢幻仙境”動(dòng)畫播放后的兩幅畫面第3頁/共156頁

通過制作該案例，重點(diǎn)掌握“混色器”面板的使用方法。另外，還進(jìn)一步掌握使用套索工具，裁切圖形、打碎的文字和位圖圖像的方法。9.1.2操作過程第4頁/共156頁1．“混色器”面板的使用方法單擊“窗口”→“混色器”菜單命令，可調(diào)出“混色器”面板，如圖9-1-12所示。利用該面板可以調(diào)整筆觸顏色、填充顏色和多色漸變的填充色?！盎焐鳌泵姘鍍?nèi)部分選項(xiàng)的作用如下。9.1.3相關(guān)知識(shí)第5頁/共156頁（1）“類型”下拉列表框：它也叫“填充樣式”下拉列表框，從“混色器”面板的“填充樣式”下拉列表框中選擇一個(gè)選項(xiàng)，即可改變填充樣式。選擇不同選項(xiàng)后，“混色器”面板會(huì)發(fā)生相應(yīng)的變化，選擇各選項(xiàng)的作用如下。第6頁/共156頁

“無”填充樣式：刪除填充。

“純色”填充樣式：提供一種純正的填充單色。

“線性”填充樣式：產(chǎn)生沿線性軌跡變化的顏色漸變，其“混色器”面板如圖9-1-17所示。

第7頁/共156頁

圖9-1-17“混色器”（線性）面板中各選項(xiàng)名稱第8頁/共156頁

“放射狀”填充樣式：表示產(chǎn)生從一個(gè)中心焦點(diǎn)出發(fā)沿環(huán)形放射狀軌跡的顏色漸變，其“混色器”面板如圖9-1-15所示。

“位圖”填充樣式：表示用可選的位圖圖像平鋪所選的填充區(qū)域，其“混色器”面板如圖9-1-18所示。第9頁/共156頁圖9-1-18“混色器”（位圖）面板

第10頁/共156頁（2）“紅”、“綠”和“藍(lán)”文本框：用來設(shè)置填充色中紅色、藍(lán)色和綠色的濃度?？梢酝ㄟ^輸入或使用文本框的滑條來改變“紅”、“綠”和“藍(lán)”文本框內(nèi)的十進(jìn)制數(shù)，調(diào)整顏色。另外，還可以在面板內(nèi)右下角的文本框內(nèi)輸入16進(jìn)制的顏色代碼數(shù)據(jù)來調(diào)整顏色。第11頁/共156頁（3）Alpha文本框：可以在Alpha文本框內(nèi)輸入百分?jǐn)?shù)，以調(diào)整顏色（純色和漸變色）的透明度。如果Alpha值為0%，則創(chuàng)建的填充完全透明；如果Alpha值為100%，則創(chuàng)建的填充完全不透明。第12頁/共156頁（4）兩個(gè)調(diào)色板（顏色選擇區(qū)域）：它們也叫“顏色選擇器”，如圖9-1-17所示。利用它們可以給線和填充設(shè)置顏色。通常，先在調(diào)色板①中單擊，粗略選擇一種顏色，再在調(diào)色板②中單擊，拖曳十字準(zhǔn)線指針，選擇不同飽和度的顏色。第13頁/共156頁（5）“填充顏色”按鈕：它和工具箱“顏色”欄和“屬性”面板中的“填充顏色”按鈕作用一樣，單擊它可以調(diào)出顏色面板，利用它可以給填充設(shè)置顏色。第14頁/共156頁（6）“筆觸顏色”按鈕工具箱“顏色”欄和“屬性”面板中的“筆觸顏色”按鈕作用一樣，單擊它可以調(diào)出顏色面板，利用它可以給筆觸設(shè)置顏色。第15頁/共156頁（7）按鈕組：它們的作用和工具箱“顏色”欄內(nèi)相應(yīng)的按鈕組作用一樣，從左到右，分別為設(shè)置筆觸顏色為黑色，填充顏色為白色；取消顏色；筆觸顏色與填充顏色互換。第16頁/共156頁（8）“溢出”下拉列表框：用來選擇溢出模式，如圖9-1-19所示。它用來控制超出線性或放射狀漸變限制的顏色。溢出模式有以下幾種。注意：僅FlashPlayer8支持溢出模式。第17頁/共156頁圖9-1-19“溢出”下拉列表框第18頁/共156頁擴(kuò)展模式：將所指定的顏色應(yīng)用于漸變末端之外，它是默認(rèn)模式。鏡像模式：漸變顏色以反射鏡像效果來填充形狀。指定的漸變色從漸變的開始到結(jié)束，再以相反的順序從漸變的結(jié)束到開始，然后再從漸變的開始到結(jié)束，直到填充完畢。采用這種模式填充，可以獲得鏡像的效果。重復(fù)模式：漸變的開始到結(jié)束重復(fù)變化，直到選定的形狀填充完畢為止。第19頁/共156頁（9）“線性”復(fù)選框：選中該復(fù)選框后，可以創(chuàng)建與SVG（可伸縮的矢量圖形）兼容的線性或放射狀漸變。第20頁/共156頁

對(duì)于“線性”和“放射狀”填充樣式，用戶可以自己使用“混色器”面板，設(shè)計(jì)顏色漸變的效果。下面以圖9-1-17所示“混色器”（線形）面板為例，介紹其設(shè)計(jì)的方法如下。2．設(shè)置漸變色效果第21頁/共156頁（1）移動(dòng)關(guān)鍵點(diǎn)：所謂關(guān)鍵點(diǎn)就是在確定漸變時(shí)起始和終止顏色的點(diǎn)，以及顏色的轉(zhuǎn)折點(diǎn)。用鼠標(biāo)拖曳調(diào)整條下邊的滑塊，可以改變關(guān)鍵點(diǎn)的位置，改變顏色漸變的狀況。第22頁/共156頁（2）改變關(guān)鍵點(diǎn)的顏色：單擊選中調(diào)整條下邊的關(guān)鍵點(diǎn)處的滑塊，再單擊按鈕，彈出顏色板，單擊選中某種顏色，即可改變關(guān)鍵點(diǎn)的顏色。另外，還可以在“混色器”面板內(nèi)右邊的文本框中設(shè)置顏色和不透明度。第23頁/共156頁（3）增加關(guān)鍵點(diǎn)：單擊調(diào)整條下邊要加入關(guān)鍵點(diǎn)處，即可增加一個(gè)新的滑塊，即增加一個(gè)關(guān)鍵點(diǎn)。這樣，可以增加多個(gè)關(guān)鍵點(diǎn)，如圖9-1-17所示。但最多不可以超過15個(gè)。用鼠標(biāo)水平拖曳關(guān)鍵點(diǎn)滑塊，可以調(diào)整這些關(guān)鍵點(diǎn)滑塊的位置。第24頁/共156頁（4）刪除關(guān)鍵點(diǎn)：用鼠標(biāo)向下拖曳關(guān)鍵點(diǎn)滑塊，即可刪除被拖曳的關(guān)鍵點(diǎn)滑塊。第25頁/共156頁

如果沒有給“庫”面板中導(dǎo)入位圖，則第一次選擇“填充樣式”下拉列表框中的“位圖”選項(xiàng)后，會(huì)彈出一個(gè)“導(dǎo)入到庫”對(duì)話框。利用該對(duì)話框?qū)胍环鶊D像后，即可在“混色器”面板中加入一個(gè)要填充的位圖。“庫”面板內(nèi)可以看到導(dǎo)入的縮小圖像，如圖9-1-18所示。3．設(shè)置填充圖像第26頁/共156頁

單擊其中一個(gè)圖像，即可選中該圖像為填充圖像。另外，單擊“文件”→“導(dǎo)入”→“導(dǎo)入到庫”菜單命令，或單擊“混色器”面板中的“導(dǎo)入”按鈕，可調(diào)出“導(dǎo)入”對(duì)話框，選擇文件后，再單擊“確定”按鈕，即可在“庫”面板和“混色器”面板內(nèi)導(dǎo)入相應(yīng)的位圖圖像。第27頁/共156頁

利用這種方法，可以給“庫”面板和“混色器”面板中導(dǎo)入多幅位圖圖像。第28頁/共156頁

顏料桶工具的作用是對(duì)填充屬性進(jìn)行修改。填充的屬性有純色（即單色）填充、線性漸變填充、放射狀漸變填充和位圖填充等。使用顏料桶工具的方法如下。4．顏料桶工具第29頁/共156頁（1）設(shè)置填充的新屬性，再單擊工具箱內(nèi)的“顏料桶工具”按鈕，此時(shí)鼠標(biāo)指針呈狀。再單擊舞臺(tái)工作區(qū)中的某填充，即可用新設(shè)置的填充屬性修改被單擊的填充。另外，對(duì)于線性漸變填充、放射狀漸變填充，可以用鼠標(biāo)在填充內(nèi)拖曳出一條直線來修改填充。第30頁/共156頁（2）單擊工具箱中的“顏料桶工具”按鈕后，“選項(xiàng)”欄會(huì)出現(xiàn)兩個(gè)按鈕。這兩個(gè)按鈕的作用如下。第31頁/共156頁

“空隙大小”按鈕：單擊它可彈出一個(gè)菜單，如圖9-1-20所示。它用來選擇對(duì)沒有空隙（即有缺口）和有不同大小空隙的圖形進(jìn)行填充。對(duì)有空隙圖形的填充效果如圖9-1-21所示。第32頁/共156頁

圖9-1-20圖標(biāo)菜單第33頁/共156頁圖9-1-21填充有缺口的區(qū)域第34頁/共156頁“鎖定填充”按鈕：該按鈕彈起時(shí)，為非鎖定填充模式；單擊按下該按鈕，即進(jìn)入鎖定填充模式。在非鎖定填充模式下，用刷子繪制一條灰度漸變的線條，設(shè)定漸變色中的關(guān)鍵點(diǎn)滑塊顏色映射到線條上，如圖9-1-22上邊兩條線條所示，無論長短都是左邊淺右邊深。第35頁/共156頁圖9-1-22非鎖定與鎖定填充模式第36頁/共156頁

而在鎖定填充模式下，關(guān)鍵點(diǎn)滑動(dòng)條映射到背景上，就好像背景已經(jīng)涂上了漸變色，但是被蓋上了一層?xùn)|西，因而看不到背景色，這時(shí)用畫筆畫一條線，就好像剝?nèi)ミ@層覆蓋物，顯示出了背景的顏色，如圖9-1-22下邊兩條線條所示。第37頁/共156頁

在有填充的圖形沒被選中的情況下，單擊按下“填充變形工具”按鈕，再用鼠標(biāo)單擊填充的內(nèi)部，即可在填充之上出現(xiàn)一些圓形、方形和三角形的控制柄，以及線條或矩形框，如圖9-1-23所示。5．填充變形工具第38頁/共156頁圖9-1-23填充調(diào)整第39頁/共156頁

用鼠標(biāo)拖曳這些控制柄，可以調(diào)整填充的填充狀態(tài)。調(diào)整焦點(diǎn)，可以改變放射狀漸變的焦點(diǎn)；調(diào)整中心點(diǎn)，可以改變漸變的中心點(diǎn)；調(diào)整寬度，可以改變漸變的寬度；調(diào)整大小，可以改變漸變的大?。徽{(diào)整旋轉(zhuǎn)，可以改變漸變的旋轉(zhuǎn)角度。第40頁/共156頁（1）改變線性填充：單擊“填充變形工具”按鈕，再單擊線性填充。線性填充中會(huì)出現(xiàn)2個(gè)控制柄和1個(gè)中心標(biāo)記，如圖9-1-24所示。用鼠標(biāo)拖曳這些控制柄，可以調(diào)整線性填充的狀態(tài)。第41頁/共156頁圖9-1-24調(diào)整線性填充

第42頁/共156頁（2）改變放射狀填充：單擊“填充變形工具”按鈕，再單擊放射狀填充。放射狀填充中會(huì)出現(xiàn)4個(gè)控制柄和1個(gè)中心標(biāo)記，如圖9-1-23所示。用鼠標(biāo)拖曳這些控制柄，可以調(diào)整放射狀填充的狀態(tài)。第43頁/共156頁（3）改變位圖填充：單擊“填充變形工具”按鈕，再單擊位圖填充。位圖填充中會(huì)出現(xiàn)7個(gè)控制柄和1個(gè)中心標(biāo)記，如圖9-1-25所示。用鼠標(biāo)拖曳控制柄，可以調(diào)整填充的狀態(tài)。第44頁/共156頁

圖9-1-25調(diào)整位圖填充第45頁/共156頁9.2.1學(xué)習(xí)目標(biāo)

“轉(zhuǎn)圈的翡翠項(xiàng)鏈”動(dòng)畫播放后的兩幅畫面如圖9-2-1所示。通過制作該案例，重點(diǎn)掌握線屬性的設(shè)置方法，繪制各種線條的方法，掌握墨水瓶工具和滴管工具的使用方法。

9.2.2操作過程9.2【案例30】“轉(zhuǎn)圈的翡翠項(xiàng)鏈”動(dòng)畫

第46頁/共156頁圖9-2-1“轉(zhuǎn)圈的翡翠項(xiàng)鏈”圖形第47頁/共156頁1．線屬性的設(shè)置線屬性包括線的形狀、粗細(xì)（叫線型）和顏色等。線屬性可以利用線的“屬性”面板來設(shè)置。單擊工具箱內(nèi)的“鉛筆工具”按鈕、“鋼筆工具”按鈕、“橢圓工具”按鈕或“矩形工具”按鈕，繪制圖形后使用選擇工具選中圖形中的線條或輪廓線，則“屬性”面板如圖9-2-8所示。9.2.3相關(guān)知識(shí)第48頁/共156頁

利用線的“屬性”面板設(shè)置線條、矩形和橢圓形輪廓線屬性的方法如下。圖9-2-8形狀的“屬性”面板第49頁/共156頁（1）線粗細(xì)和位置的調(diào)整：線是對(duì)象，因此也可以利用“屬性”面板左下角的4個(gè)文本框或“信息”面板來精確調(diào)整線對(duì)象的粗細(xì)和位置。第50頁/共156頁（2）筆觸高度（粗細(xì)）的設(shè)定：在“屬性”面板中的“筆觸高度”文本框內(nèi)輸入線粗細(xì)的數(shù)值（數(shù)值在0.1到10之間，單位為pts），再按回車鍵。還可以單擊文本框右邊的箭頭按鈕，彈出一個(gè)垂直的滑條，如圖9-2-9所示。用鼠標(biāo)拖曳滑條上的滑塊來改變線的粗細(xì)。第51頁/共156頁圖9-2-9筆觸高度調(diào)整第52頁/共156頁（3）筆觸樣式的設(shè)定：單擊線“屬性”面板上的“筆觸樣式”下拉列表框右邊的箭頭按鈕，彈出筆觸樣式（即線形狀）列表（有實(shí)線、虛線等）如圖9-2-10所示。選中其中一種，即可設(shè)定線的一種形狀。第53頁/共156頁圖9-2-10“筆觸樣式”下拉列表框

第54頁/共156頁（4）單擊“屬性”面板中的“自定義”按鈕，彈出“筆觸樣式”對(duì)話框，如圖9-2-11所示。利用該對(duì)話框即可自定義筆觸樣式（線樣式）?！肮P觸樣式”對(duì)話框中各選項(xiàng)的作用如下。第55頁/共156頁圖9-2-11“筆觸樣式”（點(diǎn)描）對(duì)話框第56頁/共156頁

由圖9-2-11所示可以看出，它有許多可以設(shè)置的下拉列表框，讀者沒有必要去對(duì)這些下拉列表框和它們選項(xiàng)的作用一一進(jìn)行了解。因?yàn)樵诟淖兙€型后，其左邊的顯示窗口內(nèi)會(huì)顯示出所設(shè)置線型的形狀和粗細(xì)，可以形象地看到各個(gè)選項(xiàng)的作用。第57頁/共156頁“類型”下拉列表框：用來選擇線的類型，它有6種類型，如圖9-2-12所示。選擇不同類型時(shí)，其下邊會(huì)顯示出不同的文本框與下拉列表框，利用它們可以修改線條的形狀。例如，選擇“點(diǎn)描”選項(xiàng)時(shí)的“筆觸樣式”對(duì)話框，如圖9-2-11所示。第58頁/共156頁圖9-2-12“類型”下拉列表框第59頁/共156頁

“4倍縮放”復(fù)選框：選中它后，會(huì)將它上邊的顯示窗口內(nèi)的線條的觀察縮放放大到原來的4倍。但實(shí)際的線條并沒有放大?！按旨?xì)”下拉列表框：用來輸入或選擇線條的寬度，數(shù)值范圍是0.1pts到10pts。

“銳化轉(zhuǎn)角”復(fù)選框：選中它后，會(huì)使線條的轉(zhuǎn)折明顯。此選項(xiàng)對(duì)繪制直線無效。第60頁/共156頁（5）線顏色的設(shè)置：單擊“屬性”面板或工具箱內(nèi)的“筆觸顏色”按鈕，可以彈出筆觸顏色的顏色板。可以看到，該顏色板內(nèi)有各種漸變色，可以給線直接著漸變色。如果沒有選中“橢圓工具”或“矩形工具”等繪圖工具，則顏色板中沒有（沒有顏色）按鈕。線顏色的設(shè)定還可以通過“混色器”面板來完成。利用它們設(shè)置線顏色的方法如下。第61頁/共156頁“顏色板的使用方法：一是將鼠標(biāo)指針移到面板的某一個(gè)色塊之上單擊；二是在其文本框內(nèi)輸入顏色的代碼。顏色代碼的格式是#RRGGBB。其中RR、GG、BB可以分別表示顏色中的紅、綠、藍(lán)顏色成分的大小，取值為00～FF的十六進(jìn)制數(shù)，數(shù)值越大，顏色越深。第62頁/共156頁

單擊顏色板中按鈕，可以彈出一個(gè)Windows的“顏色”面板。該“顏色”面板是Windows提供的，利用它也可以設(shè)置線條顏色。第63頁/共156頁利用如圖9-1-27所示的“顏色樣本”面板也可以調(diào)整線顏色，方法與使用顏色板一樣。在選中工具箱“顏色”欄中的“筆觸顏色”按鈕后，“混色器”面板左邊分三欄，它們與“工具箱”內(nèi)的“顏色”欄一樣，使用方法也一樣，可用來設(shè)置線和填充的顏色。第64頁/共156頁

此時(shí)，利用“混色器”面板內(nèi)下邊的“顏色”面板，也可以給線設(shè)置顏色，方法與前面所述一樣。對(duì)于線的顏色也可以設(shè)置不同的漸變色和透明度，還可以設(shè)置填充位圖圖像，這是Flash8新增的功能。第65頁/共156頁（1）使用線條工具繪制直線：單擊“線條工具”按鈕，利用它的“屬性”面板，設(shè)置線的線型和線的顏色，再在舞臺(tái)工作區(qū)內(nèi)拖曳鼠標(biāo)，即可繪制各種長度和角度的直線。按住Shift鍵，同時(shí)在舞臺(tái)工作區(qū)內(nèi)拖曳鼠標(biāo)，可以繪制出水平、垂直和45°角的線條（這也適用于鉛筆工具）。2．線條工具和鉛筆工具第66頁/共156頁（2）使用鉛筆工具繪制線條圖形：使用鉛筆工具繪制圖形，就像真的在用一支鉛筆畫圖一樣，可以繪制任意形狀的曲線矢量圖形。繪制完一條線后，F(xiàn)lash8可以自動(dòng)對(duì)其進(jìn)行加工，例如變直、平滑等。第67頁/共156頁

使用鉛筆工具的方法是：單擊工具箱中的“鉛筆工具”按鈕，利用它的“屬性”面板，設(shè)置線的線型和線的顏色。這時(shí)工具箱下邊的“選項(xiàng)”欄內(nèi)會(huì)顯示一個(gè)按鈕。單擊該按鈕，可彈出3個(gè)按鈕供選擇。3個(gè)按鈕是用來設(shè)置鉛筆模式的，它們的作用如下。第68頁/共156頁“伸直”按鈕：它是規(guī)則模式，適用于繪制規(guī)則線條，并且繪制的線條會(huì)分段轉(zhuǎn)換成與直線、圓、橢圓、矩形等規(guī)則線條中最接近的線條。

“平滑”按鈕：它是平滑模式，適用于繪制平滑曲線。

“墨水”按鈕：它是徒手模式，適用于繪制接近徒手畫出的線條。第69頁/共156頁（1）將線轉(zhuǎn)換成填充：選中一幅圓形線圖形，如圖9-2-13所示。然后單擊“修改”→“形狀”→“將線條轉(zhuǎn)換為填充”菜單命令。這時(shí)選中的圓形線就被轉(zhuǎn)換為填充了。以后，可以使用顏料桶工具，改變填充的樣式（例如，漸變色或位圖等），可實(shí)現(xiàn)一些特殊效果。圖9-2-14顯示的是一幅七彩漸變色圓形線圖形。3．修改圖形形狀第70頁/共156頁圖9-2-13一幅圓形線圖形圖9-2-14七彩圓形線圖形

第71頁/共156頁（2）擴(kuò)展填充大?。哼x擇一個(gè)填充，例如圖9-2-14所示的漸變色七彩圓形線。然后單擊“修改”→“形狀”→“擴(kuò)展填充”菜單命令，彈出“擴(kuò)展填充”對(duì)話框，如圖9-2-15所示。該對(duì)話框內(nèi)各選項(xiàng)的含義如下。

第72頁/共156頁圖9-2-15“擴(kuò)展填充”對(duì)話框第73頁/共156頁

“距離”文本框：輸入擴(kuò)充量，單位為像素。

“方向”欄：“擴(kuò)展”表示向外擴(kuò)充，“插入”表示向內(nèi)擴(kuò)充。第74頁/共156頁

設(shè)置完后，單擊“確定”按鈕，即可使如圖9-2-14所示的圖形變?yōu)槿鐖D9-2-16所示的圖形。如果填充有輪廓線，則向外擴(kuò)展填充時(shí)，輪廓線不會(huì)變大，會(huì)被擴(kuò)展的部分覆蓋掉。第75頁/共156頁

圖9-2-16擴(kuò)展填充效果第76頁/共156頁（3）柔化填充邊緣：選擇一個(gè)填充，然后單擊“修改”→“形狀”→“柔化填充邊緣”菜單命令，彈出“柔化填充邊緣”對(duì)話框，如圖9-2-17所示。該對(duì)話框內(nèi)各選項(xiàng)的含義如下。第77頁/共156頁

圖9-2-17“柔化填充邊緣”對(duì)話框第78頁/共156頁“距離”文本框：輸入柔化邊緣的寬度，單位為像素。

“步驟數(shù)”文本框：輸入柔化邊緣的階梯數(shù)，取值在0～50之間。

“方向”欄：用來確定柔化邊緣的方向是向內(nèi)還是向外。第79頁/共156頁

設(shè)置完后，單擊“確定”按鈕，即可使如圖9-2-16所示的圖形變?yōu)槿鐖D9-2-18所示的圖形。圖9-2-18柔化填充效果第80頁/共156頁

注意上邊兩個(gè)對(duì)話框中的“距離”和“步驟數(shù)”文本框中的數(shù)據(jù)不可以太大，否則會(huì)產(chǎn)生原圖形被擦除的效果。另外，在使用柔化時(shí)，“距離”和“步驟數(shù)”文本框內(nèi)輸入的數(shù)值如果太大，會(huì)使計(jì)算機(jī)處理的時(shí)間太長。第81頁/共156頁9.3.1學(xué)習(xí)目標(biāo)

“荷塘月色”動(dòng)畫播放后的兩幅畫面如圖9-3-1所示?？梢钥闯?，在漆黑的深夜，圓圓的月亮慢慢地移動(dòng)，月亮映照在湖水中，倒掛的垂柳，深藍(lán)色的湖面上飄浮著片片荷葉，給人一種美麗、幽靜的感覺。9.3【案例31】“荷塘月色”動(dòng)畫第82頁/共156頁圖9-3-1“荷塘月色”動(dòng)畫播放后的兩幅畫面第83頁/共156頁

通過制作該案例，重點(diǎn)掌握刷子工具、橢圓工具、矩形工具和多角星形工具的使用方法，進(jìn)一步掌握柔化圖形邊緣的方法，了解將圖形轉(zhuǎn)換為元件實(shí)例的方法。9.3.2操作過程第84頁/共156頁1．刷子工具單擊工具箱內(nèi)的“刷子工具”按鈕后，“選項(xiàng)”欄內(nèi)會(huì)出現(xiàn)兩個(gè)按鈕和兩個(gè)下拉列表框，用它們可以設(shè)置刷子工具的參數(shù)。（1）設(shè)置刷子大?。簡螕粝吕斜砜蛴疫叺募^按鈕，會(huì)彈出各種畫筆寬度示意圖，單擊選擇其中一種，即可設(shè)置刷子的大小。9.3.3相關(guān)知識(shí)第85頁/共156頁（2）設(shè)置刷子形狀：單擊下拉列表框右邊的箭頭按鈕，會(huì)彈出各種刷子形狀示意圖，單擊選擇其中一種，即可設(shè)置刷子的形狀。刷子的形狀有圓頭、方頭等。第86頁/共156頁（3）設(shè)置刷子模式：單擊按鈕，彈出刷子模式圖標(biāo)菜單，它有5種選擇，單擊其中一個(gè)按鈕，即可完成相應(yīng)的刷子模式設(shè)置。第87頁/共156頁

用刷子工具繪制的一些圖形如圖9-3-6所示。圖9-3-6用刷子工具繪制的一些圖形第88頁/共156頁（1）單擊工具箱內(nèi)的“橢圓工具”按鈕，再在舞臺(tái)工作區(qū)內(nèi)拖曳鼠標(biāo)，即可繪制出一個(gè)橢圓圖形。如果在拖曳鼠標(biāo)時(shí)，按住Shift鍵，即可繪制出圓形圖形。2．用橢圓工具繪圖第89頁/共156頁（2）如果希望只繪制圓形輪廓線而不要填充，只需在設(shè)置填充顏色時(shí)，選中顏色板中右上角的按鈕，或者單擊按下工具箱內(nèi)“顏色”欄中的“沒有顏色”按鈕即可。如果希望只繪制填充不要輪廓線時(shí)，只需在設(shè)置輪廓線顏色時(shí)，選中顏色板中右上角的按鈕，或者單擊按下工具箱內(nèi)“顏色”欄中的“沒有顏色”按鈕即可。繪制其他圖形也是如此。第90頁/共156頁（1）單擊工具箱內(nèi)的“矩形工具”按鈕，再在舞臺(tái)工作區(qū)內(nèi)拖曳鼠標(biāo)，即可繪制出一個(gè)矩形圖形。如果在拖曳鼠標(biāo)時(shí)，按住Shift鍵，即可繪制出正方形圖形。3．用矩形工具繪圖第91頁/共156頁（2）在單擊工具箱內(nèi)的“矩形工具”按鈕后，工具箱“選項(xiàng)”欄內(nèi)會(huì)增加一個(gè)按鈕。單擊它，可彈出一個(gè)“矩形設(shè)置”對(duì)話框，如圖9-3-7所示。在該對(duì)話框的“邊角半徑”文本框內(nèi)輸入邊角半徑值（默認(rèn)值為0，即直角），單擊“確定”按鈕后，可繪制相應(yīng)邊角的矩形。第92頁/共156頁

圖9-3-7“矩形設(shè)置”對(duì)話框第93頁/共156頁（1）單擊工具箱內(nèi)的“多角星形工具”按鈕，單擊“屬性”面板內(nèi)的“選項(xiàng)”按鈕，可以彈出“工具設(shè)置”對(duì)話框，如圖9-3-8所示。4．用多角星形工具繪圖第94頁/共156頁圖9-3-8“工具設(shè)置”對(duì)話框第95頁/共156頁

在“樣式”下拉列表框中選擇“多邊形”或“星形”選項(xiàng)，用來設(shè)置圖形樣式；在“邊數(shù)”文本框中輸入多邊形或星形圖形的邊數(shù)；在“星形頂點(diǎn)大小”文本框中輸入星形圖形頂點(diǎn)張角大小，該文本框的數(shù)據(jù)只在繪制星形圖形時(shí)有效。第96頁/共156頁（2）在舞臺(tái)工作區(qū)內(nèi)拖曳鼠標(biāo)，即可繪制出一個(gè)多角星形或多邊形圖形。如果在拖曳鼠標(biāo)時(shí)，按住Shift鍵，即可畫出正多角星形或正多邊形，如圖9-3-9所示。第97頁/共156頁圖9-3-9繪制的各種圖形

第98頁/共156頁

通常在使用橢圓、矩形和多角星形工具繪圖前應(yīng)先設(shè)置筆觸屬性。注意：使用鉛筆和線條工具繪制出的是一個(gè)對(duì)象，而用橢圓、矩形和多角星形工具繪制出的有填充的圖形由兩個(gè)對(duì)象組成：一個(gè)是輪廓線，另一個(gè)是填充。這兩個(gè)對(duì)象是獨(dú)立的，可以分離，分別操作。第99頁/共156頁

例如畫完一個(gè)多邊形圖形后，使用工具箱中的選擇工具按鈕，再將鼠標(biāo)指針移到橢圓內(nèi)，選中填充后拖曳鼠標(biāo)，即可把填充移開，如圖9-3-10所示（第1行是原圖形，第2行是分開的圖形）。用類似方法還可以選中輪廓線，來分離圖形。采用不同線型、線顏色、不同填充繪制的矩形、橢圓、多角星形和多邊形圖形如圖9-3-9所示。第100頁/共156頁圖9-3-10將輪廓線與填充移開第101頁/共156頁

組成組合就是將多個(gè)對(duì)象（圖形、位圖和文字等）組成一個(gè)對(duì)象。（1）組合的方法：選擇所有要組成組合的對(duì)象，再單擊“修改”→“組合”菜單命令。組合可以嵌套，就是說幾個(gè)組合對(duì)象還可以組成一個(gè)新的組合。5．組合和取消組合第102頁/共156頁（2）組合對(duì)象和一般對(duì)象的區(qū)別：把一些圖形組成組合后，這些圖形可以把它作為一個(gè)對(duì)象來進(jìn)行操作，例如復(fù)制、移動(dòng)、旋轉(zhuǎn)與傾斜等。第103頁/共156頁

前面介紹過，在同一層中，后畫的圖形會(huì)覆蓋先畫的圖形，在移出后畫的圖形時(shí)，會(huì)將覆蓋部分的圖形擦除。但是對(duì)象組合后，將后畫的組合對(duì)象移出后，不會(huì)將覆蓋部分的圖形擦除。另外，也不能用橡皮擦工具擦除。（3）取消組合的方法：選擇組合的對(duì)象，再單擊“修改”→“取消組合”菜單命令。第104頁/共156頁9.4.1學(xué)習(xí)目標(biāo)

“青竹月圓”動(dòng)畫播放后的兩幅畫面如圖9-4-1所示。一輪明月當(dāng)空，慢慢從青竹林中移出。通過制作該案例，重點(diǎn)掌握鋼筆工具、部分選取工具的使用方法，了解優(yōu)化曲線的方法。

9.4.2操作過程9.4【案例32】“青竹月圓”動(dòng)畫第105頁/共156頁圖9-4-1“青竹月圓”動(dòng)畫播放后的兩幅畫面第106頁/共156頁1．鋼筆工具利用鋼筆工具可以繪制矢量直線與曲線。繪制直線時(shí)，只要單擊直線的起點(diǎn)與終點(diǎn)即可。繪制曲線采用貝賽爾繪圖方式，它通常有兩種方法，介紹如下。9.4.3相關(guān)知識(shí)第107頁/共156頁（1）先繪曲線再定切線：單擊工具箱中的“鋼筆工具”按鈕，在舞臺(tái)工作區(qū)中，單擊要繪制的曲線的起點(diǎn)處，松開鼠標(biāo)左鍵；再單擊下一個(gè)節(jié)點(diǎn)處，則在兩個(gè)節(jié)點(diǎn)之間會(huì)產(chǎn)生一條線段；在不松開鼠標(biāo)左鍵的情況下拖曳鼠標(biāo)，會(huì)出現(xiàn)兩個(gè)控制點(diǎn)和它們之間的藍(lán)色直線，如圖9-4-21所示，藍(lán)色直線是曲線的切線；再拖曳鼠標(biāo)，可改變切線的位置，以確定曲線的形狀。第108頁/共156頁圖9-4-21貝賽爾繪圖方式之一

第109頁/共156頁

如果曲線有多個(gè)節(jié)點(diǎn)，則應(yīng)依次單擊下一個(gè)節(jié)點(diǎn)，并在不松開鼠標(biāo)左鍵的情況下拖曳鼠標(biāo)以產(chǎn)生兩個(gè)節(jié)點(diǎn)之間的曲線，如圖9-4-22所示。直線或曲線繪制完后，雙擊鼠標(biāo)，即可結(jié)束該線的繪制。繪制完的曲線如圖9-4-23所示。第110頁/共156頁圖9-4-22繪圖步驟

圖9-4-23繪制完的曲線第111頁/共156頁（2）先定切線再繪曲線：單擊工具箱中的“鋼筆工具”按鈕，在舞臺(tái)工作區(qū)中，單擊要繪制曲線的起點(diǎn)處，不松開鼠標(biāo)左鍵，拖曳鼠標(biāo)以形成方向合適的藍(lán)色直線切線，然后松開鼠標(biāo)左鍵，此時(shí)會(huì)產(chǎn)生一條直線切線。第112頁/共156頁

再單擊下一個(gè)節(jié)點(diǎn)處，則該節(jié)點(diǎn)與起點(diǎn)節(jié)點(diǎn)之間會(huì)產(chǎn)生一條曲線，如圖9-4-24所示。按住鼠標(biāo)左鍵不放，拖曳鼠標(biāo)，即可產(chǎn)生第2個(gè)節(jié)點(diǎn)的切線，如圖9-4-25所示。松開鼠標(biāo)左鍵，即可繪制一條曲線，如圖9-4-26所示。第113頁/共156頁圖9-4-24貝賽爾繪圖方式之二圖9-4-25繪圖步驟圖9-4-26繪制完的曲線第114頁/共156頁

如果曲線有多個(gè)節(jié)點(diǎn)，則應(yīng)依次單擊下一個(gè)節(jié)點(diǎn)，并在不松開鼠標(biāo)左鍵的情況下拖曳鼠標(biāo)以產(chǎn)生兩個(gè)節(jié)點(diǎn)之間的曲線。曲線繪制完后，雙擊即可結(jié)束該曲線的繪制。第115頁/共156頁

另外，在沒有選中曲線的情況下，單擊工具箱中的“鋼筆工具”按鈕，然后將鼠標(biāo)指針移到曲線條上時(shí)，鼠標(biāo)指針會(huì)增加一個(gè)“+”號(hào)，此時(shí)單擊可以增加一個(gè)節(jié)點(diǎn)。將鼠標(biāo)指針移到曲線條上的節(jié)點(diǎn)時(shí)，鼠標(biāo)指針會(huì)增加一個(gè)“?”號(hào)，此時(shí)單擊可以減少一個(gè)節(jié)點(diǎn)。第116頁/共156頁（1）選中矢量圖形：部分選取工具可以改變矢量圖形的形狀。單擊工具箱中的“部分選取工具”按鈕，再單擊線條或輪廓線，選中它們，如圖9-4-27所示?？梢钥吹剑€的上邊會(huì)出現(xiàn)一些綠色亮點(diǎn)，這些綠色亮點(diǎn)是矢量線的節(jié)點(diǎn)。用鼠標(biāo)拖曳節(jié)點(diǎn)，會(huì)改變線和輪廓線的形狀，如圖9-4-28所示。2．部分選取工具第117頁/共156頁圖9-4-27矢量線的節(jié)點(diǎn)圖9-4-28改變圖形形狀第118頁/共156頁（2）鼠標(biāo)拖曳選取矢量圖形：單擊工具箱中的“部分選取工具”按鈕，再用鼠標(biāo)拖曳出一個(gè)矩形框，將矢量圖形全部圍起來，松開鼠標(biāo)左鍵后，會(huì)顯示出矢量曲線的節(jié)點(diǎn)（切點(diǎn)）和節(jié)點(diǎn)的切線。再用鼠標(biāo)拖曳節(jié)點(diǎn)或調(diào)整控制柄即可改變圖形的形狀。另外，按住Alt鍵，同時(shí)用鼠標(biāo)拖曳調(diào)整控制柄，就可以單獨(dú)調(diào)整控制柄的一端，如圖9-4-29所示。第119頁/共156頁

圖9-4-29矢量圖形的節(jié)點(diǎn)和切線第120頁/共156頁9.5.1學(xué)習(xí)目標(biāo)

“迎接2008年奧運(yùn)”動(dòng)畫播放后的兩幅畫面如圖9-5-1所示。一圈“中國體育沖向世界參加2008年北京奧運(yùn)會(huì)”文字環(huán)繞著地球轉(zhuǎn)圈，文字“迎接2008年北京奧運(yùn)會(huì)”是透視的套封文字。9.5【案例33】“迎接2008年奧運(yùn)”動(dòng)畫第121頁/共156頁圖9-5-1“迎接2008年奧運(yùn)”動(dòng)畫播放后的2幅畫面第122頁/共156頁

通過制作該案例，重點(diǎn)掌握對(duì)象的調(diào)整方法，以及如何使用“變形”面板精確調(diào)整對(duì)象形狀。9.5.2操作過程第123頁/共156頁1．對(duì)象調(diào)整單擊工具箱“選擇工具”按鈕，選中對(duì)象。單擊“修改”→“變形”菜單命令，彈出其子菜單，如圖9-5-12所示。利用該菜單，可將選中的對(duì)象進(jìn)行各種變形等。注意：對(duì)于文字、組合和實(shí)例等，菜單中的“扭曲”和“封套”是不可以使用的。9.5.3相關(guān)知識(shí)第124頁/共156頁

圖9-5-12轉(zhuǎn)換菜單第125頁/共156頁

另外，使用工具箱中的任意變形工具，也可進(jìn)行封套、縮放、旋轉(zhuǎn)與傾斜等變形。選中對(duì)象后，再單擊任意變形工具，此時(shí)工具箱的“選項(xiàng)”欄如圖9-5-13所示。對(duì)象的轉(zhuǎn)換通常是先選中對(duì)象，再進(jìn)行對(duì)象轉(zhuǎn)換的操作。下面介紹對(duì)象的轉(zhuǎn)換方法。第126頁/共156頁圖9-5-13任意變形工具“選項(xiàng)”欄第127頁/共156頁（1）旋轉(zhuǎn)與傾斜對(duì)象：單擊“修改”→“變形”→“旋轉(zhuǎn)與傾斜”菜單命令，或單擊任意變形工具，再單擊“選項(xiàng)”欄中的“旋轉(zhuǎn)與傾斜”按鈕。此時(shí)，選中的對(duì)象四周會(huì)出現(xiàn)8個(gè)黑色方形控制柄，中間有一個(gè)圓形的中心標(biāo)記。將鼠標(biāo)指針移到四角的控制柄處，當(dāng)鼠標(biāo)指針呈轉(zhuǎn)圈箭頭狀時(shí)，拖曳鼠標(biāo)，可圍繞中心標(biāo)記旋轉(zhuǎn)對(duì)象。第128頁/共156頁

用鼠標(biāo)拖曳中心標(biāo)記，可改變它的位置。將鼠標(biāo)指針移到四角的控制柄處，當(dāng)鼠標(biāo)指針呈旋轉(zhuǎn)的單箭頭狀時(shí)，拖曳鼠標(biāo)，可使對(duì)象旋轉(zhuǎn)，如圖9-5-14所示。將鼠標(biāo)指針移到四邊的控制柄處，當(dāng)鼠標(biāo)指針呈兩個(gè)平行的單箭頭狀時(shí)，拖曳鼠標(biāo)，可使對(duì)象傾斜，如圖9-5-15所示。第129頁/共156頁圖9-5-14旋轉(zhuǎn)對(duì)象

第130頁/共156頁

圖9-5-15傾斜對(duì)象第131頁/共156頁（2）縮放對(duì)象：單擊“修改”→“變形”→“縮放”菜單命令，或單擊任意變形工具，再單擊“選項(xiàng)”欄中的“縮放”按鈕。選中的對(duì)象四周會(huì)出現(xiàn)8個(gè)黑色方形控制柄。第132頁/共156頁

將鼠標(biāo)指針移到四角的控制柄處，當(dāng)鼠標(biāo)指針呈雙箭頭狀時(shí)，拖曳鼠標(biāo)，即可按原縮放調(diào)整對(duì)象的大小，如圖9-5-16所示。將鼠標(biāo)指針移到四邊的控制柄處，當(dāng)鼠標(biāo)指針變成雙箭頭狀時(shí)，拖曳鼠標(biāo)，即可在一個(gè)方向調(diào)整對(duì)象的大小，如圖9-5-17所示。第133頁/共156頁圖9-5-16等比例縮放調(diào)整對(duì)象大小第134頁/共156頁

圖9-5-17單方向調(diào)整對(duì)象大小第135頁/共156頁（3）扭曲對(duì)象：單擊“修改”→“變形”→“扭曲”菜單命令，或單擊任意變形工具，此時(shí)，選中的對(duì)象四周會(huì)出現(xiàn)8個(gè)黑色方形控制柄。再單擊“選項(xiàng)”欄內(nèi)的“扭曲”按鈕。第136頁/共156頁

將鼠標(biāo)指針移到四周的控制柄處，當(dāng)鼠標(biāo)指針呈白色箭頭狀時(shí)，拖曳鼠標(biāo)，可使對(duì)象扭曲，如圖9-5-18所示（左圖和中圖）。按住Shift鍵，用鼠標(biāo)拖曳四角的控制柄，可以對(duì)稱地進(jìn)行扭曲調(diào)整（也叫做透視調(diào)整）。第137頁/共156頁圖9-5-18扭曲對(duì)象第138頁/共156頁（4）封套對(duì)象：單擊“修改”→“變形”→“封套”菜單命令，或單擊任意變形工具。此時(shí)，選中的對(duì)象四周會(huì)出現(xiàn)8個(gè)黑色方形控制柄。再單擊“選項(xiàng)”欄內(nèi)的“封套”按鈕。第139頁/共156頁

將鼠標(biāo)指針移到四周