第11課 網(wǎng)頁(yè)編輯對(duì)象

本課要點(diǎn)課前導(dǎo)讀課堂講解第十一課編輯對(duì)象本課要點(diǎn)圖形繪制選取對(duì)象顏色填充對(duì)象的自由轉(zhuǎn)換課前導(dǎo)讀基礎(chǔ)知識(shí)重點(diǎn)知識(shí)提高知識(shí)基礎(chǔ)知識(shí)矩形工具、橢圓工具、箭頭工具、套索工具的使用。重點(diǎn)知識(shí)邊框填充、色塊填充、填充轉(zhuǎn)換工具及自由轉(zhuǎn)換工具的使用。提高知識(shí)轉(zhuǎn)換面板的使用。課堂講解圖形繪制選取對(duì)象顏色填充對(duì)象的自由轉(zhuǎn)換圖形繪制規(guī)則圖形的繪制不規(guī)則圖形的繪制規(guī)則圖形的繪制

矩形與橢圓的繪制方法以及屬性設(shè)置相同，只是使用的工具不同，下面主要以矩形的繪制為例進(jìn)行講解。工具箱中的“矩形”按鈕即是矩形繪制工具，它既可繪制長(zhǎng)方形，也可繪制正方形，還可繪制圓角矩形。矩形的繪制方法為：選取“矩形”工具，在要繪制的位置按住鼠標(biāo)左鍵不放并拖動(dòng)即可繪制出任意大小的矩形。繪制矩形時(shí)若按住【Shift】鍵拖動(dòng)鼠標(biāo)即可繪制出正方形。除直角矩形和正方形外，還可繪制圓角矩形。其具體操作如下：（1）在工具箱中選取“矩形”工具，此時(shí)工具箱的“選項(xiàng)”欄中出現(xiàn)“圓角”按鈕如圖所示。（2）單擊“圓角”按鈕，打開(kāi)如圖所示的“矩形設(shè)置”對(duì)話框。雙“矩形”擊工具也可打開(kāi)“矩形設(shè)置”對(duì)話框。（3）在“邊角半徑”文本框中輸入矩形的圓角半徑，單擊“確定”按鈕。（4）按矩形或正方形的繪制方法繪出相應(yīng)的圓角矩形，如圖所示?！斑吔前霃健痹酱?，矩形的圓角弧度也越大。若要精確指定矩形或正方形的大小和在場(chǎng)景中的位置，可以在屬性面板中進(jìn)行設(shè)置。若要繪制無(wú)邊框或無(wú)填充色的矩形或正方形，可在工具箱中選擇工具，并單擊邊框或填充色，然后按【Delete】鍵刪除即可。不規(guī)則圖形的繪制鋼筆工具鉛筆工具畫(huà)筆工具鋼筆工具鋼筆工具可繪制任意形狀的圖形，下面以繪制一個(gè)蝸牛來(lái)講解鋼筆工具的使用方法，其具體操作如下：（1）在工具箱中選取鋼筆工具，鼠標(biāo)變?yōu)殇摴P形狀。（2）在編輯區(qū)中單擊一點(diǎn)確定繪制對(duì)象的起點(diǎn)，此時(shí)出現(xiàn)一個(gè)小圓圈。（3）選擇第二點(diǎn)，按住鼠標(biāo)左鍵不放并拖動(dòng)，出現(xiàn)調(diào)節(jié)桿用于調(diào)整圖形的弧度，如圖所示。用同樣的方法確定圖形以后的各點(diǎn)。（4）當(dāng)鋼筆工具與起始點(diǎn)重合時(shí)變?yōu)樾螤?，單擊起始點(diǎn)閉合圖形，如圖所示。（5）用“箭頭”工具選取外框，然后按【Delete】鍵刪除選中的外框。（6）選取圖形并在屬性面板中設(shè)置填充色為米色。（7）用同樣的方法繪制蝸牛的外殼，如圖所示。（8）將前面繪制的螺旋形放置于蝸牛的外殼面即可，效果如圖所示。鉛筆工具鉛筆工具可以像筆一樣在編輯區(qū)中進(jìn)行繪制，選取工具箱中的按鈕，在“選項(xiàng)”欄中將顯示按鈕，單擊該按鈕彈出如圖所示的按鈕列表。畫(huà)筆工具畫(huà)筆工具用于以填充方式繪制圖形。選取畫(huà)筆工具，在“選項(xiàng)”欄中出現(xiàn)如圖1所示的選項(xiàng)參數(shù)。單擊按鈕彈出畫(huà)筆的繪畫(huà)模式，如圖2所示。圖1圖2畫(huà)筆的各種模式的功能說(shuō)明如下。標(biāo)準(zhǔn)繪畫(huà)：用畫(huà)筆工具繪制的圖形將完全覆蓋所經(jīng)過(guò)的圖形、線段和色塊，如圖所示。

顏料填充：用該模式繪制的圖形只覆蓋色塊不覆蓋線段，如圖所示。

后面繪畫(huà)：用該模式繪制的圖形不會(huì)影響編輯區(qū)中的圖形，而是從圖形的后面穿過(guò)，如圖所示。

顏料選擇：該模式用于在已選取色塊的填充區(qū)域內(nèi)繪制圖形，如圖所示。內(nèi)部繪畫(huà)：用于在封閉的區(qū)域里填色，并且起點(diǎn)必須在封閉圖形的內(nèi)部，如圖所示。在選項(xiàng)中單擊畫(huà)筆大小下拉列表框，設(shè)置畫(huà)筆大小。單擊筆形下拉列表框，設(shè)置畫(huà)筆的形狀。選取對(duì)象箭頭選取工具套索選取工具箭頭選取工具單擊工具箱中的“箭頭”按鈕，此時(shí)“選項(xiàng)”欄中有緊貼對(duì)象、平滑和直線3種模式。若要選取繪制的圖形或打散的位圖、元件等，則應(yīng)使用拖動(dòng)鼠標(biāo)的方式進(jìn)行框選，選取的部分以點(diǎn)的形式顯示，如圖所示。如果是選取元件或組合對(duì)象，則只需在元件上單擊即可，選取后對(duì)象以藍(lán)色的線框顯示，如圖所示。若選擇多個(gè)對(duì)象或多個(gè)色塊時(shí)，應(yīng)按住【Shift】鍵再用鼠標(biāo)依次選取要選擇的對(duì)象或色塊。箭頭工具除可進(jìn)行選取外，還可移動(dòng)對(duì)象、復(fù)制對(duì)象和修改對(duì)象形狀。移動(dòng)對(duì)象其方法為：選取要移動(dòng)的對(duì)象，然后按住鼠標(biāo)左鍵并拖動(dòng)對(duì)象到要放置的位置釋放鼠標(biāo)即可。復(fù)制對(duì)象其方法為：選中對(duì)象后按住【Ctrl】鍵并拖動(dòng)鼠標(biāo)到適當(dāng)?shù)奈恢冕尫偶纯蓮?fù)制對(duì)象。修改對(duì)象形狀其方法為：將鼠標(biāo)移動(dòng)到圖形的邊緣，當(dāng)鼠標(biāo)變成形狀時(shí)拖動(dòng)鼠標(biāo)即可。套索選取工具套索工具用于對(duì)物體進(jìn)行不規(guī)則選取，當(dāng)選取套索工具時(shí)，在“選項(xiàng)”欄中將出現(xiàn)如圖所示的3種工具。各工具的功能說(shuō)明如下：魔術(shù)棒工具：用于任意地圈選色塊或在導(dǎo)入并打散的位圖上選取色彩范圍。當(dāng)鼠標(biāo)移到位圖上并變?yōu)樾螤顣r(shí)，單擊要選取的色彩部分即可，如圖所示。魔術(shù)棒設(shè)置按鈕，用于設(shè)置魔術(shù)棒的色彩容差及平滑度，屬性設(shè)置對(duì)話框如圖所示。多邊形選擇工具：可以沿對(duì)象的邊緣精確選取對(duì)象，如圖所示。顏色填充邊框顏色的設(shè)置填充顏色用填充轉(zhuǎn)換工具編輯漸變色邊框顏色的設(shè)置

墨水瓶工具是邊框填充的專(zhuān)用工具，用于填充線段、圖形的邊框色。利用墨水瓶工具填充邊框的具體操作如下。（1）選取墨水瓶工具，鼠標(biāo)變?yōu)槟啃螤?。?）在工具箱的“顏色”欄中單擊“描繪顏色”按鈕，從彈出的顏色列表中選擇需要的顏色，也可在屬性面板中設(shè)置邊框顏色。（3）將墨水瓶移到要填充邊框的對(duì)象上單擊即可，如圖所示。在屬性面板中還可設(shè)置填充的邊框的粗細(xì)及線型。填充顏色單色填充漸變填充位圖填充單色填充填充顏色分為單色填充、漸變填充和位圖填充3種。當(dāng)選取顏料桶工具時(shí)，“選項(xiàng)”欄如圖1所示。單擊“空隙大小”按鈕，彈出如圖2所示的列表。圖1圖2單色填充方法：選取工具，在“顏色”欄的“填充顏色”列表中選擇需要的顏色，然后單擊對(duì)象即可。漸變填充漸變填充的具體操作如下：（1）若窗口中沒(méi)調(diào)色板，選擇[窗口][調(diào)色板]菜單命令，打開(kāi)調(diào)色板如圖所示。（2）在“線型”下拉列表框中選擇“線性”或“徑向”填充風(fēng)格，出現(xiàn)顏色滑塊，如圖所示。（3）選取一個(gè)滑塊，單擊顏色列表圖標(biāo)，從列表中選擇該滑塊的顏色，用同樣的方法可設(shè)置其他滑塊的顏色。（4）設(shè)置好顏色后，選取顏料桶工具并移到對(duì)象上單擊即可進(jìn)行填充。位圖填充位圖填充的具體操作如下：（1）選擇[文件][導(dǎo)入]菜單命令，導(dǎo)入一幅需要用于填充其他圖形的圖片。（2）按【Ctrl+B】組合鍵打散位圖。（3）選擇工具箱中的吸管工具，將其移到打散的位圖上，此時(shí)鼠標(biāo)變?yōu)樾螤睿鐖D所示。（4）將鼠標(biāo)移到要填充的圖形上，單擊即可填充位圖圖案，如圖所示。用填充轉(zhuǎn)換工具編輯漸變色編輯漸變色的具體操作如下：（1）選取填充轉(zhuǎn)換工具，在要編輯漸變色的對(duì)象上單擊，對(duì)象中將出現(xiàn)修改手柄，如圖所示。（2）將鼠標(biāo)移到中間的修改手柄上，鼠標(biāo)變?yōu)閹?個(gè)箭頭的移動(dòng)柄，移動(dòng)它可改變漸變色的填充位置，如圖所示。（3）拖動(dòng)方形修改手柄，調(diào)整填充色的間距，如圖所示。（4）拖動(dòng)圓環(huán)上的圓形手柄，可使顏色沿中心位置擴(kuò)大或縮小，如圖所示。（5）拖動(dòng)旋轉(zhuǎn)手柄可調(diào)整色彩的填充方向，如圖所示。用同樣的方法可以對(duì)線性漸變的色彩、打散的位圖和位圖填充圖形進(jìn)行編輯，如圖所示。對(duì)象的自由轉(zhuǎn)換自由轉(zhuǎn)換轉(zhuǎn)換工具的使用轉(zhuǎn)換面板的使用自由轉(zhuǎn)換轉(zhuǎn)換工具的使用自由轉(zhuǎn)換工具可直接對(duì)圖形進(jìn)行縮放、旋轉(zhuǎn)、傾斜、翻轉(zhuǎn)、透視、封套等操作。具體操作如下：（1）選取自由轉(zhuǎn)換工具在對(duì)象上單擊，對(duì)象周?chē)霈F(xiàn)如圖所示的8個(gè)控制點(diǎn)。（2）將鼠標(biāo)移到四角的控制點(diǎn)上，按住鼠標(biāo)左鍵拖動(dòng)即可任意改變圖形的大小，如圖所示。（3）用鼠標(biāo)拖動(dòng)橫向和縱向上的四個(gè)控制點(diǎn)，可改變圖形在水平或垂直方向上的大小，也可進(jìn)行翻轉(zhuǎn)，如圖所示。按住【Alt】鍵可使對(duì)象沿中心點(diǎn)進(jìn)行縮放、翻轉(zhuǎn)。（4）將鼠標(biāo)移到控制點(diǎn)的水平或縱向的邊線上，按住鼠標(biāo)向左右或上下拖動(dòng)，可使對(duì)象沿鼠標(biāo)拖動(dòng)方向傾斜，如圖所示。（5）將鼠標(biāo)移到控制點(diǎn)的四角上，拖動(dòng)鼠標(biāo)即可旋轉(zhuǎn)對(duì)象，如圖所示。自由轉(zhuǎn)換工具與“修改”菜單中“轉(zhuǎn)換”子菜單中的命令相同。轉(zhuǎn)換面板的使用在轉(zhuǎn)換面板中也可對(duì)對(duì)象進(jìn)行縮放、旋轉(zhuǎn)和傾斜等操作。選擇[窗口][轉(zhuǎn)換]菜單命令，打開(kāi)轉(zhuǎn)換面板，如圖所示。在“百分比”文本框中設(shè)置對(duì)象的縮放比例，若選中“強(qiáng)制”復(fù)選框，則縱橫比保持一致。若選中“旋轉(zhuǎn)”單選項(xiàng)，即可在右側(cè)的文本框中設(shè)置旋轉(zhuǎn)的角度，若選中“傾斜”單選項(xiàng)，即可在右側(cè)的文本框中設(shè)置水平和垂直方向上的傾斜度。上機(jī)實(shí)戰(zhàn)本課上機(jī)實(shí)戰(zhàn)將制作鼠標(biāo)在桌面上移動(dòng)的動(dòng)畫(huà)效果，涉及到選取工具、套索工具、自由轉(zhuǎn)換工具等的使用。通過(guò)本例的練習(xí)，將使讀者掌握對(duì)圖像進(jìn)行選取、移動(dòng)、設(shè)置大小等操作的方法和技巧。制作時(shí)先導(dǎo)入鼠標(biāo)圖片，然后用套索工具去掉圖片的背景色，在時(shí)間軸上創(chuàng)建多個(gè)關(guān)鍵幀，并在不同的關(guān)鍵幀中對(duì)鼠標(biāo)位置進(jìn)行調(diào)整，最后在各關(guān)鍵幀間創(chuàng)建動(dòng)畫(huà)動(dòng)作。其具體操作如下：（1）新建一個(gè)文件，設(shè)置場(chǎng)景大小為“300px×300px”。（2）選擇[文件][導(dǎo)入]菜單命令，導(dǎo)入“mouse”圖片，如圖所示。（3）在場(chǎng)景右上角的“全部顯示”下拉列表框中選擇“全部顯示”，使圖片完全顯示在可視區(qū)中，如圖所示（4）按【Ctrl+B】組合鍵打散圖片。（5）用“箭頭”工具框選一塊背景，如圖所示。（6）按【Ctrl+C】組合鍵復(fù)制選取的背景。（7）單擊“新建層”圖標(biāo)新建圖層2，按【Ctrl+V】組合鍵粘貼圖片。（8）單擊圖層2“鎖形”圖標(biāo)下的圓點(diǎn)鎖定圖標(biāo)。（9）用“箭頭”工具單擊圖層1中的圖片，再單擊自由轉(zhuǎn)換工具，此時(shí)圖片周?chē)霈F(xiàn)控制點(diǎn)，如圖所示。（10）將鼠標(biāo)移到右上角的控制點(diǎn)上并拖動(dòng)縮小圖片，再移到水平和垂直方向上的控制點(diǎn)上將圖片調(diào)整到與場(chǎng)景相適應(yīng)的大小。（11）單擊“套索”工具，并在“選項(xiàng)”欄中選取工具，將鼠標(biāo)移到位圖中鼠標(biāo)外的區(qū)域勾選背景色，如圖所示。（12）按【Delete】鍵刪除選取的部分，用同樣的方法刪除鼠標(biāo)外的其他背景色，完成后的效果如圖所示。（13）選取圖層2并按住鼠標(biāo)左鍵，將圖層2移到圖層1下方，如圖所示。（14）單擊圖層2上的“鎖形”圖標(biāo)解鎖，用“箭頭”工具將該層上的圖片移到場(chǎng)景，如圖所示。（15）單擊“自由轉(zhuǎn)換”工具，將背景圖片縮小到場(chǎng)景大小，如圖所示。（16）選取鼠標(biāo)，按【F8】鍵將鼠標(biāo)轉(zhuǎn)換為元件。（17）在圖層1的第30、60、90、115幀處插入關(guān)鍵幀。（18）在第1幀中將鼠標(biāo)縮小并放置到場(chǎng)景的左上角，在第60幀處將鼠標(biāo)縮小并放置到場(chǎng)景的右上角。（19）選取第115幀中的鼠標(biāo)，在屬性面板的“顏色”下拉列表框中選擇“Alpha”選項(xiàng)，并設(shè)置其值為“0%”，如圖所示。（16）選取鼠標(biāo)，按【F8】鍵將鼠標(biāo)轉(zhuǎn)換為元件。（17）在圖層1的第30、60、90、115幀處插入關(guān)鍵幀。（18）在第1幀中將鼠標(biāo)縮小并放置到場(chǎng)景的左上角，在第60幀處將鼠標(biāo)縮小并放置到場(chǎng)景的右上角。（19）選取第115幀中的鼠標(biāo)，在屬性面板的“顏色”下拉列表框中選擇“Alpha”選項(xiàng)，并設(shè)置其值為“0%”，如圖所示。

（20）在圖層2的第115幀處按【F5】鍵插入幀。（21）保存文件為“mouse”，按【Ctrl+Enter】組合鍵測(cè)試動(dòng)畫(huà)效果。習(xí)題P164填空題判斷題選擇題上機(jī)操作題填空題

（1）用工具箱中的矩形和橢圓工具繪制出的圖形是

圖形，用鉛筆、鋼筆和畫(huà)筆工具繪制的圖形是

圖形。（2）雙擊工具可打開(kāi)

對(duì)話框。（3）畫(huà)筆工具用于以

方式繪制圖形。規(guī)則不規(guī)則矩形設(shè)置填充判斷題（1）直線工具既可以繪制規(guī)則的矩形，也可繪制不規(guī)則的多邊形。（）（2）繪制圓角矩形時(shí)邊角半徑與圓角弧度成正比。（）（3）用顏料選擇模式繪制的圖形只覆蓋色塊不覆蓋線段。（