Flash制作蝙蝠在月夜里飛翔的動畫
互聯(lián)網(wǎng) 發(fā)布時間:2008-10-06 01:20:24 作者:佚名
我要評論

這個小教程用Flash制作了一個蝙蝠在月夜里飛翔的動畫,用到了Flash的基本繪圖工具以及漸變填充等,操作簡潔,適合練習。
效果圖:
副標題
這個小教程用Flash制作了一個蝙蝠在月夜里飛翔的動畫,用到了Flash的基本繪圖工具以及漸變填
這個小教程用Flash制作了一個蝙蝠在月夜里飛翔的動畫,用到了Flash的基本繪圖工具以及漸變填充等,操作簡潔,適合練習。
效果圖:
這個小教程用Flash制作了一個蝙蝠在月夜里飛翔的動畫,用到了Flash的基本繪圖工具以及漸變填充等,操作簡潔,適合練習。
制作步驟:
1、新建一個默認大小的Flash文檔,用矩形工具畫一個矩形用來作為夜空。
2、選中矩形,在混色器面板中將填充設為由深藍到黑色的漸變,類型為“線性”。用填充變形工具調(diào)整漸變?yōu)橛上轮辽蠌乃{到黑。
3、選中矩形,在對齊面板中按下“相對于舞臺”按鈕,再按“匹配高和寬”,最后按“垂直中齊”和“水平中齊”。這樣矩形就鋪滿了整個畫布。
4、新建一個圖層,命名為“moon”,選擇橢圓工具,按住Shift鍵畫出一個正圓。
5、在混色器面板中將填充設為由黃到白色的漸變,類型為“放射狀”,注意漸變條上黃色色塊的位置。用填充變形工具調(diào)整漸變到如下大小,形成帶著光暈的月亮。
6、畫蝙蝠。Ctrl F8新建一個元件,命名為“bat”,用橢圓工具畫一個黑色的正圓。
7、畫耳朵。先用鋼筆工具畫一個小三角形,鋼筆工具在任意兩點上單擊就可以畫出直線。
8、將三角形填充黑色,并用選取工具調(diào)整到如下形狀。
9、Ctrl D復制一個耳朵,執(zhí)行菜單/修改/變形/水平翻轉。
10、將兩個耳朵對齊后放在蝙蝠的頭上。
11、畫翅膀。用鋼筆工具先畫出如下直線輪廓。
12、將翅膀填充黑色,并用選取工具調(diào)整到如下形狀。
13、選中翅膀,按F8轉換為元件,命名為“wing”。雙擊翅膀進入元件編輯界面,在前4幀上都按F6插入關鍵幀。
14、選擇第2幀,用任意變形工具將翅膀調(diào)整到如下形狀。
15、選擇第4幀,用任意變形工具將翅膀調(diào)整到如下形狀,這就完成了翅膀的動態(tài)。
16、在庫面板中雙擊“bat”元件的預覽圖進入蝙蝠的編輯界面。將翅膀調(diào)整到合適的大小和位置。
17、在庫面板中再次將“wing”元件拖進來,執(zhí)行菜單/修改/變形/水平翻轉后放在另外一邊,完成蝙蝠的繪制。
18、回到“場景1”,新建一個圖層,命名為“bat”,在第100幀處給三個圖層都按F5插入幀。
19、選擇月亮層,在第20幀處插入關鍵幀,并添加動畫補間。
20、選擇月亮層的第1幀,將月亮垂直拖放到畫布以外,完成月亮升起的動畫。
21、選擇蝙蝠層,在第21幀處插入關鍵幀,將“bat”元件拖進來,并調(diào)整到如下大小和位置。在第35幀處也插入關鍵幀,并添加動畫補間。
22、選擇第21幀,將蝙蝠垂直拖放到畫布以外,并用任意變形工具將蝙蝠拉大,完成蝙蝠飛入的動畫。
23、在第45和60幀處分別再插入關鍵幀,并添加動畫補間。
24、選擇第60幀,用任意變形工具將蝙蝠縮小到幾乎看不見為止,代表蝙蝠越飛越遠。
25、在第61幀處按F7插入一個空白關鍵幀,代表蝙蝠完全消失。
26、選擇第60幀,點右鍵選“復制幀”,在第70和90幀處分別再點右鍵選“粘貼幀”,并添加動畫補間。
27、選擇第90幀,將蝙蝠拖到畫布以外如下位置,并用任意變形工具將蝙蝠拉大,完成蝙蝠飛出的動畫。
28、最終效果:
效果圖:
效果圖:
這個小教程用Flash制作了一個蝙蝠在月夜里飛翔的動畫,用到了Flash的基本繪圖工具以及漸變填充等,操作簡潔,適合練習。
制作步驟:
1、新建一個默認大小的Flash文檔,用矩形工具畫一個矩形用來作為夜空。

2、選中矩形,在混色器面板中將填充設為由深藍到黑色的漸變,類型為“線性”。用填充變形工具調(diào)整漸變?yōu)橛上轮辽蠌乃{到黑。

3、選中矩形,在對齊面板中按下“相對于舞臺”按鈕,再按“匹配高和寬”,最后按“垂直中齊”和“水平中齊”。這樣矩形就鋪滿了整個畫布。

4、新建一個圖層,命名為“moon”,選擇橢圓工具,按住Shift鍵畫出一個正圓。

5、在混色器面板中將填充設為由黃到白色的漸變,類型為“放射狀”,注意漸變條上黃色色塊的位置。用填充變形工具調(diào)整漸變到如下大小,形成帶著光暈的月亮。

6、畫蝙蝠。Ctrl F8新建一個元件,命名為“bat”,用橢圓工具畫一個黑色的正圓。

7、畫耳朵。先用鋼筆工具畫一個小三角形,鋼筆工具在任意兩點上單擊就可以畫出直線。

8、將三角形填充黑色,并用選取工具調(diào)整到如下形狀。

9、Ctrl D復制一個耳朵,執(zhí)行菜單/修改/變形/水平翻轉。

10、將兩個耳朵對齊后放在蝙蝠的頭上。

11、畫翅膀。用鋼筆工具先畫出如下直線輪廓。

12、將翅膀填充黑色,并用選取工具調(diào)整到如下形狀。

13、選中翅膀,按F8轉換為元件,命名為“wing”。雙擊翅膀進入元件編輯界面,在前4幀上都按F6插入關鍵幀。

14、選擇第2幀,用任意變形工具將翅膀調(diào)整到如下形狀。

15、選擇第4幀,用任意變形工具將翅膀調(diào)整到如下形狀,這就完成了翅膀的動態(tài)。

16、在庫面板中雙擊“bat”元件的預覽圖進入蝙蝠的編輯界面。將翅膀調(diào)整到合適的大小和位置。

17、在庫面板中再次將“wing”元件拖進來,執(zhí)行菜單/修改/變形/水平翻轉后放在另外一邊,完成蝙蝠的繪制。

18、回到“場景1”,新建一個圖層,命名為“bat”,在第100幀處給三個圖層都按F5插入幀。

19、選擇月亮層,在第20幀處插入關鍵幀,并添加動畫補間。

20、選擇月亮層的第1幀,將月亮垂直拖放到畫布以外,完成月亮升起的動畫。

21、選擇蝙蝠層,在第21幀處插入關鍵幀,將“bat”元件拖進來,并調(diào)整到如下大小和位置。在第35幀處也插入關鍵幀,并添加動畫補間。

22、選擇第21幀,將蝙蝠垂直拖放到畫布以外,并用任意變形工具將蝙蝠拉大,完成蝙蝠飛入的動畫。

23、在第45和60幀處分別再插入關鍵幀,并添加動畫補間。

24、選擇第60幀,用任意變形工具將蝙蝠縮小到幾乎看不見為止,代表蝙蝠越飛越遠。

25、在第61幀處按F7插入一個空白關鍵幀,代表蝙蝠完全消失。

26、選擇第60幀,點右鍵選“復制幀”,在第70和90幀處分別再點右鍵選“粘貼幀”,并添加動畫補間。

27、選擇第90幀,將蝙蝠拖到畫布以外如下位置,并用任意變形工具將蝙蝠拉大,完成蝙蝠飛出的動畫。

28、最終效果:
效果圖:
相關文章
flash如何做雨滴下落的動畫效果? Flash8做一個下雨效果的技巧
flash如何做雨滴下落的動畫效果?想要做一個逼真的雨滴落下的效果,該怎么做雨滴落下水花擴散的效果呢?下面我們就來看看Flash8做一個下雨效果的技巧2022-08-18flash理發(fā)店旋轉彩燈動畫效果怎么做? 理發(fā)店旋轉燈制作技巧
flash理發(fā)店旋轉彩燈動畫效果怎么做?經(jīng)常使用flash制作動畫效果,該怎么制作旋轉燈效果,下面我們就來看看理發(fā)店旋轉燈制作技巧,詳細請看下文介紹2022-07-23flash怎么把形狀變成文字? flash星星變文字動畫的實現(xiàn)方法
flash怎么把形狀變成文字?flash繪制的星星想要慢慢變成文字,該怎么將圖形變文字呢?下面我們就來看看flash星星變文字動畫的實現(xiàn)方法,詳細請看下文介紹2022-06-06flash怎么制作補間動畫? flash變形動畫的實現(xiàn)方法
flash怎么制作補間動畫?flash中想要制作形狀變化的動畫效果,該怎么制作補間動畫呢?下面我們就來就來看看flash變形動畫的實現(xiàn)方法2022-02-06FLASH怎么讓搖曳的荷花更逼著? flash制作風吹荷花動畫的技巧
FLASH怎么讓搖曳的荷花更逼?flash中想要制作風吹荷花的動畫熊愛國,該怎么制作這個效果呢?下面我們就來看看flash制作風吹荷花動畫的技巧2022-02-06flash怎么制作荷花在荷花池里搖擺的動畫? FLASH做擺動荷花的技巧
flash怎么制作荷花在荷花池里搖擺的動畫??flash中想要制作荷花搖擺的動畫,該怎么制作荷花搖曳的動畫呢?下面我們就來看看FLASH做擺動荷花的技巧2022-02-06flash怎么做徑向彩虹文字動畫? 文字添加彩虹動畫效果的技巧
flash怎么做徑向彩虹文字動畫?flash椎間盤買個輸入的文字,想要添加動畫效果,該怎么添加徑向彩虹文字效果呢?下面我們就來看看flash文字添加彩虹動畫效果的技巧,詳細請2021-11-09flash怎么做眨眼動畫效果? flash動漫人物眨眼動畫的做法
flash怎么做眨眼動畫效果?flash中想要制作一個動漫人物的眼睛眨眼動畫,該怎么制作呢?下面我們就來看看flash動漫人物眨眼動畫的做法2021-11-08flash怎么制作火焰文字效果? flash做火焰字體動畫的技巧
flash怎么制作火焰文字效果?flash中想要制作一個熊熊燃燒的活顏文字,該怎么制作這個文字效果呢?下面我們就來看看flash做火焰字體動畫的技巧2021-11-01flash怎么做文字動畫logo? 閃動的片頭動畫flash的實現(xiàn)方法
flash怎么做文字動畫logo?flash中想要制作一個文字logo的動畫,讓文字閃爍,該怎么制作這個效果呢?下面我們就來看看flash制作文字動畫的技巧2021-10-29