用flash繪制太陽(yáng)圖形.ppt

1、圖2 太陽(yáng)笑臉圖形,繪制太陽(yáng)圖形,要點(diǎn)：,本例將繪制一個(gè)太陽(yáng)笑臉圖形，如圖2 所示。通過(guò)本例的學(xué)習(xí)，讀者應(yīng)掌握利用 （橢圓工具）繪制正圓形、利用 （選擇工具）改變圖形的形狀，利用 （任意變形工具）調(diào)整圖形的中心點(diǎn)，輔助線和旋轉(zhuǎn)復(fù)制的綜合應(yīng)用。,1）啟動(dòng)Flash CS5 軟件，新建一個(gè)Flash 文件（ActionScript 2.0）。 2）設(shè)置文檔大小和背景顏色。方法：執(zhí)行菜單中的“修改| 文檔”（快捷鍵Ctrl+J） 命令，在彈出的“文檔屬性”對(duì)話框中設(shè)置“尺寸”為550 像素400 像素，“背景顏色” 為藍(lán)色（#0000FF），如圖2-1所示，然后單擊“確定”按鈕。,操作步驟：,圖2-

2、1 設(shè)置文檔大小和背景顏色,3）繪制黃色正圓形。方法：選擇工具箱中的 （橢圓工具），設(shè)置筆觸顏色為無(wú)色， 填充顏色為黃色（#FFFF00），然后在舞臺(tái)中配合鍵盤上的Shift鍵繪制一個(gè)正圓形。接著在“屬性”面板中設(shè)置正圓形的“寬”和“高”均為220。最后在“對(duì)齊”面板中勾選“與舞臺(tái)對(duì)齊”選項(xiàng)，再單擊 （水平中齊）和 （垂直中齊）按鈕，將正圓形中心對(duì)齊，效果如圖2-2 所示。 4）繪制紅色正圓形。方法：?jiǎn)螕魰r(shí)間軸中的 （插入圖層）按鈕，新建一個(gè)“圖層2”， 然后利用工具箱中的 （橢圓工具）繪制一個(gè)筆觸顏色為無(wú)色，填充色為紅色（#FF0000）， “寬”和“高”均為80 的正圓形。接著將其放置到前

3、面繪制的黃色正圓形的上方，再在“對(duì)齊”面板中單擊 （水平中齊）按鈕，效果如圖2-3 所示。,圖2-3 繪制紅色正圓形,圖2-2 繪制黃色正圓形,5）調(diào)整圖層順序。方法：將時(shí)間軸中的“圖層2”移動(dòng)到“圖層1”的下方，如圖2-4 所示，效果如圖2-5 所示。,圖2-4 將“圖層2”移動(dòng)到“圖層1”的下方,圖2-5 調(diào)整圖層順序后的效果,6）將紅色正圓形轉(zhuǎn)換為圖形元件。方法：選擇紅色正圓形，執(zhí)行菜單中的“修改| 轉(zhuǎn)換為元件”命令，然后在彈出的“轉(zhuǎn)換為元件”對(duì)話框中設(shè)置參數(shù)如圖2-6 所示，單擊“確定”按鈕。,圖2-6 設(shè)置“轉(zhuǎn)換為元件”參數(shù),7）調(diào)整紅色正圓形中心點(diǎn)的位置。方法：執(zhí)行菜單中的“視圖

4、| 標(biāo)尺”命令，顯示出標(biāo)尺， 然后在利用工具箱中的 （任意變形工具）選擇舞臺(tái)中的黃色正圓形，此時(shí)可以清楚的看到黃色正圓形的中心點(diǎn)的位置。接著從標(biāo)尺處各拉出一條水平和垂直參考線，使它們的交點(diǎn)正好為黃色中心點(diǎn)的位置，如圖2-7 所示。最后利用 （任意變形工具）選擇舞臺(tái)中的黃色正圓形，再將其中心點(diǎn)移動(dòng)到參考線交叉點(diǎn)處，如圖2-8 所示。,圖2-7 拉出水平和垂直參考線,圖2-8 調(diào)整黃色正圓形中心點(diǎn)的位置,8）旋轉(zhuǎn)復(fù)制紅色正圓形。方法：選擇舞臺(tái)中的紅色正圓形，然后進(jìn)入“變形”面板，將“旋轉(zhuǎn)”角度設(shè)置為45 度，如圖2-9 所示。接著單擊“變形”面板下方的 （重制選區(qū)和變形） 按鈕7 次，效果如圖2-

5、10所示。,圖2-9 將“旋轉(zhuǎn)”角度設(shè)置為45 度,圖2-10 旋轉(zhuǎn)復(fù)制紅色正圓形的效果,9）繪制太陽(yáng)圖形的眼睛。方法：在“圖層1”的上方新建一個(gè)“圖層3”，然后利用工具箱中的 （橢圓工具）繪制一個(gè)筆觸顏色為無(wú)色，填充色為黑色（#000000），“寬”和“高”均為30 的正圓形，接著將其放置到圖2-11 所示的位置。最后利用工具箱中的 （工具）選擇黑色正圓形，配合鍵盤上的Shift和Alt鍵將其復(fù)制到另一側(cè)，效果如圖2-12 所示。,圖2-11 繪制黑色正圓形,圖2-12 復(fù)制黑色正圓形,10）繪制太陽(yáng)的嘴部圖形。方法：利用工具箱中的 （橢圓工具）繪制一個(gè)筆觸顏色為無(wú)色，填充色為桔黃色（#FF6600），“寬”為75，“高”均為45 的橢圓形，然后將其放置到圖2-13 所示的位置。接著執(zhí)行菜單中的“視圖| 輔助線| 清除輔助線”命令，清除輔助線。