flash中怎么做兩個(gè)三角形拼成菱形的動(dòng)畫?

五年級(jí)數(shù)學(xué)課中,三角形轉(zhuǎn)換為平行四邊形的一個(gè)課件。完全相同的兩個(gè)三角形,將其中一個(gè)移動(dòng)、旋轉(zhuǎn)、重新排列后,組合成平行四邊形。老師的講解過(guò)程會(huì)有提問(wèn)、啟發(fā)等必要的停頓,所以動(dòng)畫不可以是一氣呵成的,而是要在每點(diǎn)擊一次后完成一個(gè)動(dòng)作。所以設(shè)置了一個(gè)按鈕完成這個(gè)過(guò)程。
1、工具欄中選擇多角星形工具,屬性面板中點(diǎn)開“選項(xiàng)”按鈕,在出現(xiàn)的面板中,樣式一欄里選擇“多邊形”,邊數(shù)3。確定。
2、禁用線條色,填充色自定。如圖拉出一個(gè)三角形。
3、N鍵調(diào)出線條工具,工具欄中勾選上“貼緊至對(duì)象”,顏色自定,樣式選虛線。如圖用線條標(biāo)出底和高。
4、新建一層,復(fù)制三角形,按下F8鍵,轉(zhuǎn)換為圖形元件。放置在原圖右側(cè)。
5、第10幀F(xiàn)6鍵插入關(guān)鍵幀(兩個(gè)關(guān)鍵幀之間間隔按需而定),將該元件移至左側(cè),與原圖對(duì)齊。然后回到第一幀創(chuàng)建補(bǔ)間動(dòng)畫。完成第一步圖形移動(dòng)。
6、制作第二次移動(dòng):第15幀插入關(guān)鍵幀,間隔10幀,再插入一個(gè)關(guān)鍵幀。
7、25幀的元件選中狀態(tài),Q鍵調(diào)出變形工具,將變形點(diǎn)移至右下角。
8、然后,修改——變形——水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)。使元件移至如圖位置。
9、回到第15幀創(chuàng)建補(bǔ)間動(dòng)畫,旋轉(zhuǎn)設(shè)為“自動(dòng)”,完成第二次移動(dòng)。
10、第30幀插入關(guān)鍵幀,40幀插入關(guān)鍵幀。將40幀元件上移,與原圖邊線對(duì)齊。如圖。30幀創(chuàng)建補(bǔ)間動(dòng)畫。完成第三次移動(dòng)。至此,動(dòng)畫過(guò)程完成。
11、完成的動(dòng)畫在影片中會(huì)不停地循環(huán)播放,完全不由人們控制。對(duì)于邊講解、邊演示的講課過(guò)程,顯然很不方便。所以,我們制作一個(gè)按鈕,有它來(lái)控制動(dòng)畫的三步移動(dòng)。flash中有自帶的很多按鈕元件,使用起來(lái)很方便:窗口——公用庫(kù)——按鈕。
12、庫(kù)中每一個(gè)文件夾是一種按鈕樣式,里面包含了該類樣式的多種顏色按鈕,雙擊打開,即可選擇。我選擇了arcade button - yellow。
13、為按鈕添加動(dòng)作腳本:on (release) {play();}
14、按鈕添加了腳本,動(dòng)畫依然自動(dòng)播放。因?yàn)闆](méi)有為動(dòng)畫設(shè)置停止命令。為了便于理解,單獨(dú)建一層,將停止命令寫入。注意,每一大步寫入一個(gè),使動(dòng)畫每播放一步會(huì)在下一處停止。如圖。
15、最終效果。
相關(guān)推薦:
FLASH怎么制作一個(gè)七彩折扇開合的動(dòng)畫?
flash怎么制作很多蝴蝶在在花層中翩翩起舞的動(dòng)畫?
FLASH中怎么制作用按鈕控制一個(gè)動(dòng)畫的播放/暫停?
相關(guān)文章
flash中怎么制作紅黑兩色逐漸變成兩色太極圖像的動(dòng)畫?
flash中怎么制作紅黑兩色逐漸變成兩色太極圖像的動(dòng)畫?在看動(dòng)畫片的時(shí)候,經(jīng)常能看到很神秘的太極圖形,今天我們就來(lái)看看有紅黑兩股顏色,慢慢扭曲變成太極圖形的動(dòng)畫制作2016-07-05- flash怎么制作圖片慢慢縮小的動(dòng)畫?flash制作動(dòng)畫很簡(jiǎn)單,今天我們就來(lái)看看一個(gè)比較簡(jiǎn)單的的動(dòng)畫,就是圖片慢慢變小的動(dòng)畫,下面我們就來(lái)看看flash中圖片慢慢縮小的動(dòng)畫的2016-07-04
FLASH怎么繪制植物大戰(zhàn)僵尸中的移動(dòng)僵尸動(dòng)畫?
FLASH怎么繪制植物大戰(zhàn)僵尸中的移動(dòng)僵尸動(dòng)畫?經(jīng)常玩植物大戰(zhàn)僵尸,游戲中的僵尸是會(huì)移動(dòng)的,該怎么做這個(gè)效果呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-07-01- flash怎么制作交互動(dòng)畫?今天我們來(lái)給大家介紹一個(gè)實(shí)例教程,關(guān)于交互動(dòng)畫的制作方法,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下2016-06-29
flash中怎么制作鼠標(biāo)特效效果動(dòng)畫?
flash中怎么制作鼠標(biāo)特效效果動(dòng)畫?想做一個(gè)鼠標(biāo)特效的動(dòng)畫,該怎么制作呢?下面我們就來(lái)看看flash制作一個(gè)漂亮的鼠標(biāo)特效的教程,需要的朋友可以參考下2016-06-29FLASH中怎么制作小球的螺旋運(yùn)動(dòng)動(dòng)畫?
FLASH中怎么制作小球的螺旋運(yùn)動(dòng)動(dòng)畫?想制作一個(gè)小球按照螺旋線運(yùn)動(dòng)的動(dòng)畫,該怎么做呢?下面我們就來(lái)看看flash制作小球螺旋動(dòng)畫的教程,需要的朋友可以參考下2016-06-27FLASH怎么制作一顆蘋果樹上的蘋果從青到紅的動(dòng)畫?
FLASH怎么制作一顆蘋果樹上的蘋果從青到紅的一個(gè)過(guò)程動(dòng)畫?想制作一個(gè)蘋果樹從沒(méi)有果實(shí)到果實(shí)成熟的一個(gè)過(guò)程,就是蘋果紅了的教程,需要的朋友可以參考下2016-06-26FLASH各自旋轉(zhuǎn)的多層圓形盤動(dòng)畫?
FLASH各自旋轉(zhuǎn)的多層圓形盤動(dòng)畫?FLASH想模擬一個(gè)多層旋轉(zhuǎn)盤子,每層都各自旋轉(zhuǎn)的動(dòng)畫,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的制作教程,需要的朋友可以參考下2016-06-26- Flash CS3怎么制作幻燈片輪播的動(dòng)畫?我們?cè)陂_會(huì)這個(gè)發(fā)布會(huì)經(jīng)常能看到幻燈片的身影,我們知道ppt中制作幻燈片很方便,但是flash中怎么制作幻燈片呢?下面我們就來(lái)看看詳細(xì)2016-06-24
FLASH怎么制作一個(gè)小蝌蚪自由游泳的動(dòng)畫?
FLASH怎么制作一個(gè)小蝌蚪自由游泳的動(dòng)畫?像制作一個(gè)小蝌蚪在自由游泳的動(dòng)畫,該怎么制作呢?今天我們就來(lái)看看FLASH制作小蝌蚪動(dòng)畫的詳細(xì)教程,需要的朋友可以參考下2016-06-23