這個(gè)小教程用Flash制作了一個(gè)蝙蝠在月夜里飛翔的動(dòng)畫(huà)，用到了Flash的基本繪圖工具以及漸變填充等，操作簡(jiǎn)潔，適合練習(xí)。
　　效果圖：

　　

　　這個(gè)小教程用Flash制作了一個(gè)蝙蝠在月夜里飛翔的動(dòng)畫(huà)，用到了Flash的基本繪圖工具以及漸變填充等，操作簡(jiǎn)潔，適合練習(xí)。

　　制作步驟：

　　1、新建一個(gè)默認(rèn)大小的Flash文檔，用矩形工具畫(huà)一個(gè)矩形用來(lái)作為夜空。

　　


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

　　


　　3、選中矩形，在對(duì)齊面板中按下“相對(duì)于舞臺(tái)”按鈕，再按“匹配高和寬”，最后按“垂直中齊”和“水平中齊”。這樣矩形就鋪滿了整個(gè)畫(huà)布。

　　


　　4、新建一個(gè)圖層，命名為“moon”，選擇橢圓工具，按住Shift鍵畫(huà)出一個(gè)正圓。

　　


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

　　


　　6、畫(huà)蝙蝠。Ctrl F8新建一個(gè)元件，命名為“bat”，用橢圓工具畫(huà)一個(gè)黑色的正圓。

　　


　　7、畫(huà)耳朵。先用鋼筆工具畫(huà)一個(gè)小三角形，鋼筆工具在任意兩點(diǎn)上單擊就可以畫(huà)出直線。

　　


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

　　


　　9、Ctrl D復(fù)制一個(gè)耳朵，執(zhí)行菜單/修改/變形/水平翻轉(zhuǎn)。

　　


　　10、將兩個(gè)耳朵對(duì)齊后放在蝙蝠的頭上。

　　


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

　　

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

　　


　　13、選中翅膀，按F8轉(zhuǎn)換為元件，命名為“wing”。雙擊翅膀進(jìn)入元件編輯界面，在前4幀上都按F6插入關(guān)鍵幀。

　　


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

　　


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

　　


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

　　


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

　　

　　18、回到“場(chǎng)景1”，新建一個(gè)圖層，命名為“bat”，在第100幀處給三個(gè)圖層都按F5插入幀。

　　


　　19、選擇月亮層，在第20幀處插入關(guān)鍵幀，并添加動(dòng)畫(huà)補(bǔ)間。

　　


　　20、選擇月亮層的第1幀，將月亮垂直拖放到畫(huà)布以外，完成月亮升起的動(dòng)畫(huà)。

　　


　　21、選擇蝙蝠層，在第21幀處插入關(guān)鍵幀，將“bat”元件拖進(jìn)來(lái)，并調(diào)整到如下大小和位置。在第35幀處也插入關(guān)鍵幀，并添加動(dòng)畫(huà)補(bǔ)間。

　　


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

　　

　　23、在第45和60幀處分別再插入關(guān)鍵幀，并添加動(dòng)畫(huà)補(bǔ)間。

　　


　　24、選擇第60幀，用任意變形工具將蝙蝠縮小到幾乎看不見(jiàn)為止，代表蝙蝠越飛越遠(yuǎn)。

　　


　　25、在第61幀處按F7插入一個(gè)空白關(guān)鍵幀，代表蝙蝠完全消失。

　　


　　26、選擇第60幀，點(diǎn)右鍵選“復(fù)制幀”，在第70和90幀處分別再點(diǎn)右鍵選“粘貼幀”，并添加動(dòng)畫(huà)補(bǔ)間。

　　


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

　　

　　28、最終效果：

　　效果圖：

　　

最新評(píng)論