Flash MX基本操作與圖形繪制課件

第2章FlashMX基本操作與圖形繪制2.1FlashMX的工作界面與基本操作2.2FlashMX圖形繪制與編輯2.3圖形繪制與編輯實例本章學(xué)習(xí)目標(biāo)FlashMX窗口的基本組成FlashMX各種工具的使用方法FlashMX中圖形繪制、填充、編輯的方法與技巧FlashMX中文本的創(chuàng)建與編輯技術(shù)FlashMX中對象的移動、復(fù)制、縮放、旋轉(zhuǎn)、翻轉(zhuǎn)、鏡像和組合等技術(shù)2.1FlashMX的工作界面與基本操作2.1.1FlashMX的啟動2.1.2FlashMX的工作界面2.1.3FlashMX影片屬性設(shè)置實例返回首頁2.1.2FlashMX的工作界面啟動FlashMX之后，將自動打開FlashMX的工作界面，如圖2-2所示。

1．菜單欄2．工具欄(如圖2-3、2-4所示）3．繪圖工具箱（如圖2-5所示）4．時間軸（如圖2-6所示）5．工作區(qū)6．屬性面板（如圖2-7所示）

7．面板容器（如圖2-8所示）8．圖符庫（如圖2-9所示）

“縮放控制”

下拉列表框面板容器工作區(qū)屬性面板工具箱時間軸窗口工具欄菜單欄圖2-2FlashMX的工作界面圖2-3標(biāo)準(zhǔn)工具欄圖2-4控制工具欄圖2-5繪圖工具箱圖2-7屬性面板圖2-8面板容器2.1.3FlashMX影片屬性設(shè)置實例【實例】：創(chuàng)建一個800px×600px的新電影文件，并設(shè)置其背景色屬性?！静僮鞑襟E】（1）單擊“文件”→“新建”命令，或單擊工具欄中的“新建”按鈕，創(chuàng)建一個新電影文件。（2）單擊工作區(qū)下方屬性面板中的“大小”按鈕，或單擊“修改”→“影片”命令，打開“文檔屬性”對話框，如圖2-10所示。（3）在“尺寸”文本框中輸入影片的寬度和高度為800px×600px。（4）單擊“背景色”右側(cè)的色塊按鈕，從彈出的顏色選項板中選取需要設(shè)置的背景顏色，這里設(shè)置為天藍(lán)色。（5）單擊“確定”按鈕，結(jié)束影片屬性設(shè)置。（6）為了給工作區(qū)留出更大的編輯空間，可單擊“屬性”控制面板左上角的圖標(biāo)，將屬性控制面板折疊；為了便于觀察影片的整體布局，可單擊工作區(qū)右上角處的“縮放控制”下拉列表框，設(shè)置為“顯示幀”。返回本節(jié)2.2FlashMX圖形繪制與編輯2.2.1繪圖工具及應(yīng)用2.2.2填充工具及應(yīng)用2.2.3文本的創(chuàng)建與編輯2.2.4對象編輯工具及應(yīng)用2.2.5查看工具使用返回首頁2.2.1繪圖工具及應(yīng)用1．鉛筆工具【功能】：可隨意繪制線條和圖形，但所繪線條或圖形并不一定是鉛筆的實際軌跡，F(xiàn)lashMX會根據(jù)用戶所選定的繪圖模式自動調(diào)整相應(yīng)的直線度或平滑度?！臼褂梅椒ā浚海?）用鼠標(biāo)單擊工具箱中的鉛筆工具按鈕

。（2）此時工作區(qū)下方的屬性控制面板自動更改為“鉛筆工具”屬性面板，如圖2-11所示。

圖2-11鉛筆工具屬性面板圖2-12“鉛筆模式”選項（3）在“鉛筆屬性面板”中分別設(shè)置線型、顏色和線寬。

（4）在工具箱的“選項”區(qū)中，單擊“鉛筆模式”按鈕，將彈出包括3種鉛筆模式的下拉菜單，如圖2-12所示，用戶可從中選擇一種鉛筆模式。（5）在工作區(qū)中拖動鼠標(biāo)，繪制線條。圖2-13所示為在3種不同鉛筆模式下的畫線效果。（a）伸直

（b）平滑

（c）

墨水圖2-13使用伸直、平滑和墨水三種鉛筆模式繪制的線條2．直線工具【功能】：繪制直線段?！臼褂梅椒ā浚海?）選取工具箱中的直線工具。（2）“屬性”控制面板自動更改為“直線工具”屬性面板，如圖2-15所示。（3）在該控制面板中，分別設(shè)置直線的線型、顏色和寬度（方法同鉛筆工具）。（4）在工作區(qū)中拖動鼠標(biāo)繪制直線，如圖2-16所示。圖2-16繪制直線3．橢圓工具【功能】：繪制圓、橢圓等基本圖形。【使用方法】：（1）選取工具箱中的橢圓工具。（2）“屬性”控制面板自動更改為“橢圓工具”屬性面板，如圖2-18所示。（3）在該控制面板中，分別設(shè)置邊框線型、顏色和線寬以及填充色彩。（4）在工作區(qū)中拖動鼠標(biāo)繪制橢圓，如圖2-20所示。圖2-20繪制橢圓和圓4．矩形工具【功能】：繪制矩形、正方形、圓角矩形等基本圖形?！臼褂梅椒ā浚海?）選取工具箱中的矩形工具。（2）設(shè)置“矩形工具”屬性面板，方法同“橢圓工具”屬性面板。（3）在工作區(qū)中拖動鼠標(biāo)，繪制矩形。（4）如果需要繪制圓角矩形，可單擊“選項”區(qū)中的按鈕，如圖2-22所示。（5）矩形、正方形和圓角矩形繪制完成的效果如圖2-23所示。

圖2-22設(shè)置矩形圓角半徑

圖2-23繪制矩形、正方形和圓角矩形

5．鋼筆工具【功能】：繪制多節(jié)點曲線，并可以通過調(diào)節(jié)節(jié)點來修改和編輯這些曲線。【使用方法】：（1）選取工具箱中的鋼筆工具

。（2）在“鋼筆工具”屬性面板中，分別設(shè)置線型、顏色和線寬。（3）如果需要繪制一條直線，可以使用鋼筆工具先點擊起點位置，再雙擊終點位置；如圖2-25（a）所示。（4）如果需要繪制曲線，可以先在起點位置單擊鼠標(biāo)并沿曲線的切線方向拖曳控制柄，再依次點擊其他各拐點位置，同樣沿該點曲線的切線方向拖曳控制柄，效果如圖2-25（b）所示。（a）鋼筆工具繪制直線

（b）鋼筆工具繪制曲線圖2-25鋼筆工具繪線6．橡皮工具【功能】：有選擇性地擦除當(dāng)前場景中的圖形?！臼褂梅椒ā浚海?）選取工具箱中的橡皮擦工具，此時工具箱中的“選項”區(qū)如圖2-26所示。

（2）單擊“擦除模式”按鈕，將彈出包括5種擦除模式的快捷菜單，如圖2-27所示，用戶可從中選擇一種擦除模式。圖2-26橡皮工具選項圖2-27擦除模式選擇菜單圖2-28五種擦除模式的擦除效果（3）單擊“橡皮外形”下拉列表框，從中選擇一種橡皮的形狀和大小。（4）在工作區(qū)中拖動鼠標(biāo)擦除圖形，5種擦除模式的擦除效果如圖2-28所示。（5）單擊工具箱“選項”區(qū)中的水龍頭按鈕，在工作區(qū)中的圖形上點擊鼠標(biāo)，可擦除整條線段或填充色塊。圖2-28五種擦除模式的擦除效果7．畫筆工具【功能】：創(chuàng)建特殊效果，或?qū)L制圖形涂抹顏色?！臼褂梅椒ā浚海?）選取工具箱中的畫筆工具，此時工具箱中的“選項”區(qū)如圖2-29所示。（2）單擊“畫筆模式”按鈕，將會彈出包括5種畫筆模式的快捷菜單，如圖2-30所示，用戶可從中選擇一種畫筆模式。畫筆模式畫筆寬度畫筆形狀鎖定填充圖2-29畫筆工具選項圖2-30畫筆模式選擇菜單圖2-315種畫筆模式下的涂抹效果（3）在“畫筆工具”屬性面板中或在顏色填充選區(qū)中，設(shè)置純色或漸變填充顏色。（4）單擊“畫筆大小”和“畫筆形狀”下拉列表框，選擇一種畫筆寬度和畫筆外形。（5）在工作區(qū)中拖動鼠標(biāo)涂抹圖形，5種畫筆模式下的涂抹效果如圖2-31所示。圖2-315種畫筆模式下的涂抹效果返回本節(jié)2.2.2填充工具及應(yīng)用1．顏料桶工具【功能】：可以使用單色、漸變色或位圖圖像為封閉圖形填充顏色?！臼褂梅椒ā浚海?）選取工具箱中的顏料桶工具。（2）“屬性”控制面板自動更改為“顏料桶工具”屬性面板，如圖2-32所示。圖2-32顏料桶工具屬性面板圖2-33缺口封閉模式選項純色填充

線性漸變填充

放射漸變填充

位圖填充圖2-34不同填充顏色模式的填充效果（3）在該控制面板中單擊顏色填充按鈕，或在工具箱中單擊圖標(biāo)右側(cè)的顏色填充按鈕，打開顏色選擇面板，從中選取純色或漸變色作為填充色。（4）單擊工具箱底部“選項”區(qū)中的按鈕，將彈出包括4種缺口封閉模式的菜單，如圖2-33所示，根據(jù)圖形缺口大小適當(dāng)選擇一種封閉模式。（5）在已繪制的圖形上單擊鼠標(biāo)左鍵，即可填充選定的顏色。不同顏色填充模式的填充效果如圖2-34所示。圖2-33缺口封閉模式選項純色填充

線性漸變填充

放射漸變填充

位圖填充圖2-34不同填充顏色模式的填充效果2．墨水瓶工具【功能】：對已有圖形的輪廓線設(shè)置顏色、線型和線寬，為一個區(qū)域添加封閉的邊線?！臼褂梅椒ā浚海?）選取工具箱中的墨水瓶工具。（2）“屬性”控制面板自動更改為“墨水瓶工具”

屬性面板，如圖2-47所示。

（3）在該控制面板中，分別設(shè)置邊框線型、顏色和線寬。（4）在已經(jīng)繪制的圖形上分別單擊鼠標(biāo)，即可按設(shè)定參數(shù)更改圖形輪廓或添加邊框。使用墨水瓶工具的效果如圖2-48所示。圖2-47墨水瓶工具屬性面板

圖2-48使用墨水瓶工具效果圖2-48使用墨水瓶工具效果3．滴管工具【功能】：滴管工具可以通過點擊各種對象，獲得相應(yīng)的顏色、線型等信息，供其他繪圖工具使用?！臼褂梅椒ā浚海?）選取工具箱中的滴管工具。（2）將滴管工具移到第一個圖形的邊線上，單擊鼠標(biāo)左鍵，此時滴管工具自動變?yōu)槟抗ぞ?，將墨水瓶工具移動到第二個圖形的邊線或填充區(qū)上再次點擊鼠標(biāo)，于是第一個圖形的邊線屬性被應(yīng)用到了第二個圖形中。（3）將滴管工具移到第一個圖形的填充區(qū)域中單擊鼠標(biāo)左鍵，此時滴管工具自動變?yōu)轭伭贤肮ぞ?，將顏料桶工具移動到第二個圖形填充區(qū)域上再次單擊鼠標(biāo)左鍵，于是第一個圖形的填充屬性被應(yīng)用到了第二個圖形中。4．填充轉(zhuǎn)換工具【功能】：用于調(diào)整漸變色和位圖填充的效果。【使用方法】：（1）選取工具箱中的填充轉(zhuǎn)換工具。（2）如果選擇一個線性漸變填充效果的圖形，則此時所選圖形的周邊會顯示出3個控制點，如圖2-49所示。圖2-49線性漸變控制點（a）調(diào)整漸變線中心位置

（b）調(diào)整漸變線的間距

（c）調(diào)整漸變傾斜方向圖2-50調(diào)整線性漸變填充效果（3）用鼠標(biāo)拖曳各控制點，可以相應(yīng)調(diào)整漸變線中心的位置、漸變線間的距離和漸變傾斜的方向，如圖2-50所示。（4）如果選擇一個放射漸變填充效果的圖形，則此時所選圖形的周邊會顯示出4個控制點，如圖2-51所示。（5）用鼠標(biāo)拖曳各控制點，可以相應(yīng)調(diào)整漸變圓中心的位置、漸變圓的長寬比、漸變圓的大小和漸變圓的傾斜方向，如圖2-52所示。（a）調(diào)整漸變線中心位置

（b）調(diào)整漸變線的間距

（c）調(diào)整漸變傾斜方向圖2-50調(diào)整線性漸變填充效果圖2-51放射漸變控制點（a）調(diào)整漸變圓長寬比

（b）調(diào)整漸變圓大小

（c）調(diào)整漸變圓傾斜方向圖2-52調(diào)整放射漸變填充效果（6）如果選中一個位圖填充效果的圖像，則此時所選圖像的周邊會顯示出7個控制點，如圖2-53所示。（7）用鼠標(biāo)拖曳中心控制點，可以調(diào)整填充位圖的位置，部分調(diào)整后的效果如圖2-54所示。圖2-53位圖填充控制點（a）調(diào)整位圖中心位置

（b）調(diào)整位圖比例縮放

（c）調(diào)整位圖傾斜圖2-54調(diào)整位圖填充效果返回本節(jié)2.2.3文本的創(chuàng)建與編輯1．文本工具【功能】：用于創(chuàng)建和編輯文本。在處理Actions時，文本工具也可用來處理變量的輸入和輸出?！臼褂梅椒ā浚海?）選取工具箱中的文本工具。（2）“屬性”控制面板自動更改為“文本工具屬性”控制面板，如圖2-62所示。

（3）在“文本屬性面板”中分別設(shè)置文本類型和格式。

（4）在工作區(qū)中按住鼠標(biāo)左鍵拖曳一個文本輸入框，在其中輸入文本內(nèi)容，其效果如圖2-63所示。圖2-62文本工具屬性面板圖2-63輸入文本2．文本編輯【實例】

制作描邊字和空心字藝術(shù)效果?！静僮鞑襟E】（1）新建一個文件，將背景色設(shè)置為淡藍(lán)色。（2）選取文本工具，在工作區(qū)中輸入文字FlashMX，設(shè)置字體為黑體、字號為150，文字顏色為紅色，效果如圖2-64所示。（3）在文字上單擊鼠標(biāo)左鍵選中輸入的文字，按兩次【Ctrl+B】快捷鍵，將文字打碎。如圖2-65所示。

圖2-64輸入文字圖2-65“擴(kuò)散填充”對話框

（4）在對話框中設(shè)置距離為3px，方向為擴(kuò)散，將文字的筆劃變粗。（5）選擇墨水瓶工具，在屬性面板中設(shè)置邊框為白色、線寬為2，依次單擊各文字，使其描上白色邊框，效果如圖2-66所示。（6）選擇所有文字，將其復(fù)制、粘貼后，放在工作區(qū)的適當(dāng)位置。（7）選用箭頭工具，分別點選文字的填充色，按【Delete】鍵將其刪除，此時文字即可變成空心字，效果如圖2-67所示。圖2-66描繪文字邊框效果圖2-67空心文字效果返回本節(jié)2.2.4對象編輯工具及應(yīng)用1．箭頭工具【功能】：用于選擇和移動對象，調(diào)整線條或圖形的形狀?！臼褂梅椒ā浚海?）選取工具箱中的箭頭工具。（2）在工作區(qū)中單擊鼠標(biāo)或拖曳鼠標(biāo)選取不同的對象。選取不同對象的效果如圖2-71所示。（3）將鼠標(biāo)指針移到已選取的對象上，然后按下鼠標(biāo)左鍵并拖動，可將選取的對象移動到工作區(qū)的任何位置。圖2-71選擇對象（4）如果希望在移動對象時能夠準(zhǔn)確定位，可以單擊“選項”區(qū)中的“緊貼對齊”按鈕，如圖2-72所示。（5）如果希望所繪制的曲線更平滑或直線化，可用箭頭選中這條曲線，反復(fù)單擊“選項”區(qū)中的“平滑”按鈕或“拉直”按鈕。（6）使用箭頭工具還可以實現(xiàn)對線條或圖形輪廓形狀的調(diào)整，拖曳線段的任一位置可改變其形狀，如圖2-73所示。圖2-72使用“緊貼對齊”功能移動對象（a）調(diào)整形狀

（b）調(diào)整線段長短

（c）增加角點圖2-73使用箭頭工具調(diào)整線條和圖形2．選擇工具【功能】：用于移動對象或改變線條和圖形的外形。【使用方法】：（1）選取工具箱中的選擇工具

。（2）單擊繪制的曲線，這時曲線上將會顯示出節(jié)點，如圖2-76所示。（3）在曲線上按住鼠標(biāo)左鍵，然后拖動，可以移動曲線，如圖2-77所示。圖2-76使用“選擇工具”選取曲線

圖2-77使用“選擇工具”移動曲線（4）用鼠標(biāo)直接拖動節(jié)點，可以改變節(jié)點的位置，同時也改變了曲線的形狀，如圖2-78所示。（5）在節(jié)點上單擊鼠標(biāo)左鍵，這時將出現(xiàn)節(jié)點控制柄，調(diào)整控制柄的端點改變其長短和方位，從而改變曲線的形狀，如圖2-79所示。

圖2-78直接拖動節(jié)點

圖2-79調(diào)整控制柄3．套索工具【功能】：用于選擇圖形和圖像編輯區(qū)域?！臼褂梅椒ā浚海?）單擊“文件”→“導(dǎo)入”命令，打開“導(dǎo)入”對話框，選擇一幅圖像將其導(dǎo)入到場景中。（2）單擊“修改”→“分解”命令，將導(dǎo)入的圖像打碎。（3）選取工具箱中的套索工具，這時的“選項”區(qū)如圖2-80所示。圖2-80套索工具選項（4）默認(rèn)情況下，各按鈕均處于未選中狀態(tài)，此時在圖像上任意拖動鼠標(biāo)，可繪制出自由曲線，當(dāng)釋放鼠標(biāo)時，曲線所包圍的區(qū)域?qū)⒈贿x中。（5）單擊“魔術(shù)棒”按鈕，可以選擇位圖中顏色相似的區(qū)域。（6）單擊“魔術(shù)棒屬性”按鈕，可打開“魔術(shù)棒設(shè)置”對話框，從中可設(shè)置魔術(shù)棒的相近顏色識別度（取值0～200）及平滑選項，如圖2-81所示。（7）單擊多邊形選擇按鈕，沿圖像選區(qū)的邊界逐段單擊和拖動鼠標(biāo)，可以選定一個多邊形區(qū)域。

圖2-81“魔術(shù)棒設(shè)置”對話框

4．自由轉(zhuǎn)換工具【功能】：用于圖形、實例、文本框等對象的變形調(diào)整，包括縮放、旋轉(zhuǎn)、傾斜、扭曲和修邊。【使用方法】：（1）選取工具箱中的自由轉(zhuǎn)換工具，選中一個和多個變形對象，此時所選對象的周邊顯示出8個控制點、中心顯示出一個小圓圈，如圖2-84所示。

（2）工具箱的“選項”區(qū)如圖2-85所示。圖2-84使用自由轉(zhuǎn)換工具選取對象圖2-85自由轉(zhuǎn)換工具選項（3）單擊“旋轉(zhuǎn)和傾斜”按鈕，用鼠標(biāo)拖動對象四個角的控制點，可使對象繞旋轉(zhuǎn)中心的小圓圈旋轉(zhuǎn)，如圖2-86所示。（4）單擊“縮放”按鈕，用鼠標(biāo)拖動對象角上的控制點，可使對象按比例縮放，如圖2-87所示。（5）單擊“扭曲”按鈕，用鼠標(biāo)拖動對象四邊中間的控制點，可產(chǎn)生平行變形，如圖2-88所示。（6）單擊“修邊”按鈕，此時所選對象的周邊顯示出24個控制點，如圖2-89所示。

（a）旋轉(zhuǎn)變形

（b）傾斜變形圖2-86旋轉(zhuǎn)變形與傾斜變形（a）比例縮放

（b）任意調(diào)整尺寸圖2-87對象縮放

（a）平行變形

（b）任意扭曲變形

（c）對稱調(diào)整圖2-88對象扭曲

（a）修邊前

（b）修邊后圖2-89對象修邊返回本節(jié)2.2.5查看工具使用1．手形工具【功能】：用于移動工作區(qū)中的顯示圖像?！臼褂梅椒ā浚海?）選取工具箱中的手形工具

。（2）在工作區(qū)中的顯示圖像上按住鼠標(biāo)左鍵拖曳即可移動圖像顯示位置。（3）如果希望整個場景居中并全部顯示，可在工具箱中的“手形”圖標(biāo)上雙擊鼠標(biāo)即可。2．放大鏡工具【功能】：用于工作對象的放大與縮小顯示?！臼褂梅椒ā浚海?）選取工具箱中的放大鏡工具。（2）在工具箱的“選項”區(qū)中，單擊“放大”或“縮小”按鈕，然后單擊圖像上要放縮的位置，每單擊一次就放大或縮小一倍。（3）如果希望放大顯示某一個特定的區(qū)域，可以按住鼠標(biāo)左鍵拖曳一個矩形選區(qū)框，放大鏡就會對這一區(qū)域進(jìn)行放大。返回本節(jié)2.3圖形繪制與編輯實例【實例】

繪制3.5英寸軟盤。3.5英寸軟盤的最終繪制效果如圖2-92所示?！静僮鞑襟E】（1）新建一個影片，選取工具箱中矩形工具。（2）單擊工具箱“選項”區(qū)中的按鈕，打開“矩形設(shè)置”對話框，從中設(shè)置圓角半徑值為10，然后單擊“確定”按鈕。返回首頁圖2-923.5英寸軟盤（3）按下【Shift】鍵，在工作區(qū)的適當(dāng)位置繪制一個圓角正方形，設(shè)置線型為實線、邊框顏色為黑色、寬度為1.5，填充顏色為