當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > Flash > 用Flash繪制向日葵教程

用Flash繪制向日葵教程

2021/9/11 15:39:37作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端
Flash8電腦版v8.0官方版

大?。?22.7MB語(yǔ)言:

類型:媒體制作等級(jí):

案例描述:

本案例是用Flash繪制向日葵的教程,主要介紹“橢圓工具”跟變形功能的使用方法,通過(guò)本案例的制作,可以掌握繪圖工具跟變形功能之間的配合思路和方法。
用Flash繪制向日葵教程

學(xué)習(xí)要點(diǎn):

基本繪圖工具的使用方法,色彩的調(diào)節(jié)方法,矢量圖形的編輯方法。

本例思路:

使用“多角星形工具”繪制出五邊形。
使用“線條工具”將5個(gè)角連接起來(lái),然后刪除五邊形得到五角星輪廓。
在五角星正面與側(cè)光面填充紅色和暗紅色,使五角星具有立體感。
使用“線條工具”繪制出一條直線,然后用變形面板復(fù)制出多條直線,并填充漸變色制作出放射光線。
使用濾鏡添加特效。

步驟一、繪制花瓣

1、啟動(dòng)F1ash CS4,新建一個(gè)空白文檔,單擊“工具箱”中的“橢圓工具”按鈕,然后在舞臺(tái)中繪制一個(gè)如圖的橢圓。

繪制一個(gè)橢圓

2、單擊“工具箱”中的“選擇工具”按鈕,然后按住Ctrl鍵的同時(shí)在橢圓兩端拖曳出兩個(gè)端點(diǎn),如圖所示。

編輯橢圓

3、選中填充物,然后單擊“工具箱”中的“填充顏色”按鈕,將顏色設(shè)置為黃色,如圖:

顏色填充線條無(wú)填充

4、選擇填充物外面的線條,然后設(shè)置其顏色為(R:255,G:204,B:0),效果如圖:

橢圓填充黃色

步驟二、繪制花朵

1、單擊“工具箱”中的“線條工具”按鈕,然后在舞臺(tái)中繪制出如圖所示的十字線作為輔助線。

輔助線

2、在不選中任何圖形的情況下按Ctrl+G組合鍵建立一個(gè)空白組,然后按住Shift+Alt組合鍵的同時(shí)使用“橢圓工具”在十字線上繪制一個(gè)圓,雙擊空白處返回到主場(chǎng)景,再將圓的中心點(diǎn)對(duì)齊十字輔助線的交叉點(diǎn),如圖:

 

輔助線

3、選擇花瓣,然后按Ctrl+G組合鍵建立一個(gè)組.單擊“工具箱”中的“任意變形工具”按鈕。再將旋轉(zhuǎn)中心點(diǎn)調(diào)整到花瓣的下部,如圖:

準(zhǔn)備旋轉(zhuǎn)花瓣

4、將花瓣拖曳到圓的上面,并將旋轉(zhuǎn)中心點(diǎn)放置在十字輔助線的交叉處,如圖:

把花瓣拖到圓上

5、按Ctrl+T打開(kāi)“變形”面板,然后設(shè)置旋轉(zhuǎn)角度為60°,如圖所示。再連續(xù)單擊5次“重制選區(qū)和變形”按鈕,復(fù)制出5朵花瓣,效果如圖:

第一次旋轉(zhuǎn)花瓣

6、選中所有花瓣,按ctrl+G為其建立一個(gè)組,再按ctrl+D組合鍵原位復(fù)制出一份花瓣,然后單擊“工具箱”中的“任意變形工具”按鈕,并將其作適當(dāng)?shù)恼{(diào)整,最后采用相同的方法復(fù)制出多個(gè)花瓣,如圖:

第二次旋轉(zhuǎn)花瓣

7、單擊“工具箱”中的“橢圓工具”按鈕,然后在屬性面板中設(shè)置線的樣式為“極細(xì)線”,“內(nèi)徑”為80。

8、不選中任何圖形按Ctrl+G組合鍵建立一個(gè)空白組,再將光標(biāo)放置在十字線交叉點(diǎn)上,然后按住Shift+Alt組合鍵繪制一個(gè)如圖所示的三個(gè)圓環(huán)。

圓環(huán)

9、把圓環(huán)拖到花瓣的中心點(diǎn)上使其在花瓣的中心,然后調(diào)整圓的大小,如圖:

花朵完成

10、使用“線條工具”和“橢圓工具”繪制出莖和葉子,完成后的效果如圖:

向日葵完成

11、選擇向日葵,按ctrl+G組合鍵建立一個(gè)組,然后復(fù)制出多個(gè)向日葵到不同的位置,并調(diào)整其大小,再制作出背景效果,如圖:

讓多個(gè)向日葵不滿整個(gè)畫面

步驟三、添加云朵

1、單擊“工具箱”中的“橢圓工具”按鈕劊,再單擊“工具箱”中的“筆觸顏色”按鈕,并在彈出的面板中禁用線條顏色,然后在舞臺(tái)中繪制出云朵效果,如圖:

繪制云朵

2、采用相同的方法再繪制出其他的云朵,最終效果如圖:

最終效果

如果你對(duì)這處動(dòng)畫制作感興趣可以下載源碼進(jìn)行學(xué)習(xí)研究。

用Flash繪制向日葵教程源碼下載

 

標(biāo)簽: FLASH教程  向日葵