教你用Flash制作升降國旗動(dòng)畫效果

利用Flash的繪圖工具、按鈕組件、動(dòng)作腳本來制作一個(gè)簡單的升旗效果。下面看一下制作方法吧。
工具/原料
Flash CS3
步驟/方法
1、新建一Flash文檔,尺寸為550×400像素,背景色為灰色,幀頻12fps。
2、“Ctrl+F8”,新建元件,名稱為“底座”,類型為“影片剪輯”
3、用“矩形工具”畫兩個(gè)矩形作為底座,設(shè)矩形為無邊框,“白—黑”線性漸變。
4、“Ctrl+F8”,新建元件,名稱為“旗桿”,類型為“影片剪輯”
5、用“矩形工具”畫一個(gè)豎長矩形作為旗桿,設(shè)矩形為無邊框,“白—黑”線性漸變。
6、“Ctrl+F8”,新建元件,名稱為“旗子”,類型為“圖形”
7、用“矩形工具”畫一個(gè)矩形作為旗子,設(shè)矩形為無邊框,填充色為“紅色”。
8、“Ctrl+F8”,新建元件,名稱為“升按鈕”,類型為“按鈕”。
9、選擇“彈起”,用“矩形工具”畫一個(gè)矩形,設(shè)矩形為無邊框,填充色為“深灰色”。
10、選中“指針經(jīng)過”,右鍵選擇“插入關(guān)鍵幀”。
11、把矩形顏色改為無邊框,填充色為“紅色”。
12、選中“按下”,右鍵選擇“插入關(guān)鍵幀”。
13、把矩形顏色改為無邊框,填充色為“黃色”。
14、新建“圖層2”
15、選擇“文本工具”在矩形上面輸入文字“升旗”,再設(shè)置文字的“字體”、“字號(hào)”、“顏色”。返回場景。
16、在庫里,選中“升按鈕”右鍵選擇“直接復(fù)制”。
17、設(shè)名稱為“降按鈕”,類型為“按鈕”。
18、選中“圖層2”用“文字工具”把文字改為“降旗”,返回場景。
19、再新建兩個(gè)圖層,給現(xiàn)有的三個(gè)圖層起名為“底坐”、“旗桿”、“按鈕”
20、把“底座”放在底坐層,把“旗桿”放在旗桿層、把“升按鈕”、“降按鈕”放在按鈕層。并調(diào)整好各自的位置。
21、再新建兩個(gè)圖層,起名為“升旗”、“降旗”。
22、“Shift+選擇工具”,選擇“底坐”、“旗桿”、“按鈕”三個(gè)層的第40幀,右鍵選擇“插入幀”。
23、選中“升旗”層第1幀,把“旗子”元件拖到場景中,放在旗桿最下面。
24、選中“升旗”層第20幀,右鍵選擇“插入關(guān)鍵幀”。
25、選中“升旗”層第20幀,把“旗子”移到旗桿最上面。
26、選中“升旗”層第1幀至第20幀中的任意一幀,在屬性面板里,設(shè)補(bǔ)間為“動(dòng)畫”,旋轉(zhuǎn)為“自動(dòng)”,并選中“調(diào)整到路徑”、“同步”、“貼緊”。
27、選中“降旗”層第20幀,右鍵選擇“插入空白關(guān)鍵幀”。
28、選中“降旗”層第20幀,把“旗子”元件拖到場景中,放在旗桿最上面。
29、選中“降旗”層第40幀,右鍵選擇“插入關(guān)鍵幀”。
30、選中“降旗”層第40幀,把“旗子”移到旗桿最下面。
31、選中“降旗”層第20幀至第40幀中的任意一幀,在屬性面板里,設(shè)補(bǔ)間為“動(dòng)畫”,旋轉(zhuǎn)為“自動(dòng)”,并選中“調(diào)整到路徑”、“同步”、“貼緊”。
32、選中“升旗”層第1幀,在“動(dòng)作面板”里寫上代碼:stop();
33、選中“升旗”層第20幀,在“動(dòng)作面板”里寫上代碼:stop();
34、選中“升旗”層按鈕,在“動(dòng)作面板”里寫上代碼:on (press) { play(); }
35、選中“降旗”層按鈕,在“動(dòng)作面板”里寫上代碼:on (press) { gotoAndPlay(21); }
36、完成了,按CTRL+ENTER,可以測試一下效果了。
END
小提示:
1、按鈕可以設(shè)計(jì)自己喜歡的形狀。
2、旗子也可以做飄動(dòng)的,總之方法就這樣,可按自己的想法可以再做的漂亮點(diǎn)。
以上就是用Flash制作升降國旗動(dòng)畫效果過程,希望對(duì)大家有所幫助,謝謝大家閱讀!
相關(guān)文章
flash如何制作形狀補(bǔ)間動(dòng)畫?flash創(chuàng)建補(bǔ)間形狀技巧
flash一款功能強(qiáng)大的動(dòng)畫制作軟件,制作動(dòng)畫很非常的方便,但動(dòng)畫過程使用的都是形狀補(bǔ)間功能。今天小編就來給大家介紹一下flash形狀補(bǔ)間動(dòng)畫制作方法,感興趣的快來看看吧2022-05-11- flash cs6怎么做花朵成長的逐幀動(dòng)畫?flash中想要繪制一個(gè)花開的動(dòng)畫,該怎么畫出各個(gè)圖形然后做逐幀動(dòng)畫呢?下面我們就來看看詳細(xì)的教程,需要的朋友可以參考下2021-03-09
Flash怎么將動(dòng)畫復(fù)制為ActionScript3.0并使用?
Flash怎么將動(dòng)畫復(fù)制為ActionScript3.0并使用?Flash中制作的動(dòng)畫想要直接粘貼到另一個(gè)對(duì)象中,我們可以使用復(fù)制腳本代碼的方式復(fù)制動(dòng)畫,下面我們就來看看詳細(xì)的教程,需2017-12-08- flash怎么制作漫畫人物行走的動(dòng)畫?flash中想要制作一段行走的動(dòng)畫,該怎么設(shè)計(jì)呢?下面我們就來看看詳細(xì)的教程,很簡單,需要的朋友可以參考下2017-04-18
- 這篇教程是向腳本之家的朋友分享flash逐幀動(dòng)畫制作全過程,教程非?;A(chǔ),很適合新手來學(xué)習(xí),推薦過來,有興趣的朋友可以過來學(xué)習(xí)2016-01-15
- 下面小編就為大家介紹利用Flash正確的口型吻合動(dòng)畫技巧,教程很不錯(cuò),非常適合新手來學(xué)習(xí),推薦到腳本之家,喜歡的朋友一起來學(xué)習(xí)吧2015-01-15
Flash動(dòng)畫制作技巧 圖形元件相關(guān)知識(shí)介紹
這篇教程是向腳本之家的朋友介紹Flash動(dòng)畫制作技巧:圖形元件相關(guān)知識(shí),教程很基礎(chǔ),但很實(shí)用,推薦到腳本之家,喜歡的朋友可以過來學(xué)習(xí)一下,希望能對(duì)大家有所幫助2015-01-05Flash動(dòng)畫制作小黑人經(jīng)典動(dòng)畫效果技巧介紹(圖文)
本教程是向大家介紹Flash動(dòng)畫制作小黑人經(jīng)典動(dòng)畫效果技巧,教程很經(jīng)典,介紹的非常詳細(xì),相信對(duì)學(xué)習(xí)Flash朋友有一定的幫助。轉(zhuǎn)發(fā)過來,希望對(duì)大家有所幫助2014-08-05Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫教程
本教程是向大家介紹利用Flash制作旋轉(zhuǎn)的3D立體盒動(dòng)畫教程,制作出來的效果非常好看,教程介紹的很詳細(xì),希望大家通過本篇教程能學(xué)習(xí)Flash制作3D動(dòng)畫的方法,這樣以后就可以2014-07-22- 本教程向大家介紹了Flash cs3制作人物行走動(dòng)畫技巧,并做了詳細(xì)的介紹,覺得教程很不錯(cuò),轉(zhuǎn)發(fā)過來,希望給朋友們帶來幫助2014-07-15