建立互動動畫

2022-11-29 21:00:03 字數 3780 閱讀 4448

1、選擇文字工具,在工作區輸入「flash 影片的互動」幾個文字,文字大小為20磅,字型為「華文中宋」,如見圖所示。

2、在文字上右擊滑鼠,在彈出的快捷選單中選擇【轉換為元件…】命令。

3、在【轉換為元件】對話方塊中,把名稱項修改為「文字」,「型別」項選擇「圖形」選項,如圖所示。

4、在【視窗】選單中選擇【庫】命令(ctrl+l),這時在flash mx介面上會彈出【庫】面板。

5、在【庫】面板的左下角選擇「新建元件」按鈕 (ctrl+f8),彈出的【建立新元件】對話方塊,。在「名稱」項後面的輸入區域輸入「文字擴充套件」,在「行為」項單擊「影片剪輯」前面的單選框,我們把這個元件的型別指定為「影片剪輯」型別。然後單擊【確定】按鈕,如圖所示。

6、把第1步建立的「文字」元件拖放到當前「文字擴充套件」影片剪輯的工作區的中心位置。

7、在時間軸第8幀按【f6】插入關鍵幀,單擊工作區中的「flash 影片的互動」幾個文字,然後選擇「任意變形工具」 ,把「文字」元件適當的放大。並且把工作區下方【屬性】面板中「顏色」項列表中的「alpha」一項設為0%,使當前文字完全透明。

8、在時間軸上第1幀到第8幀之間的任意一幀上右擊滑鼠,在彈出的選單中選擇【建立補間動畫】命令。

9、按【回車】鍵預覽動畫,可以看到文字逐漸變大並消失的效果。

10、在時間軸上用滑鼠左鍵點選並拖動,選擇第1幀到第8幀之間的所有幀(包括第1幀和第8幀),在選擇的幀上右擊滑鼠,在彈出的選單中選擇【拷貝幀】命令。

11、新建圖層,在第3幀處右擊滑鼠,在彈出的快捷選單中選擇【貼上幀】命令。

12、把「圖層1」的幀複製到了「圖層2」 上,預覽動畫,發現「圖層1」的動畫效果也應用到了「圖層2」 上。文字的擴充套件效果完成,如圖所示。

13、新建乙個「影片剪輯」元件,名稱為「文字顏色」,我們來製作另一段顏色變化的動畫。

14、把第1步建立的「文字」元件拖放到當前「文字顏色」影片剪輯的工作區的中心位置。

15、在「文字顏色」元件的時間軸的第5 幀、第10幀、第15 幀、第20幀、第25幀、第30幀分別插入關鍵幀。

16、選擇第5幀,單擊工作區中的文字,在工作區下方的【屬性】面板中「顏色」列表裡的色彩項調整文字的顏色,設定為綠色。依次把第10幀、第15 幀、第20幀、第25幀、第30幀也設定為其他的顏色。

17、在時間軸上第1幀到第5幀之間的任意一幀上右擊滑鼠,在彈出的選單中選擇【建立補間動畫】命令,同樣的,也分別把時間軸上各個關鍵幀之間都建立補間動畫,如圖所示。

18、按【回車】鍵預覽動畫,可以看到文字顏色逐漸變化的效果。

19、回到主場景工作區,在時間軸的第11幀插入關鍵幀。把工作區的「文字」元件略微向上移動一段距離,在第1幀到第11幀之間建立補間動畫。

20、在第3幀插入關鍵幀,使用「任意變形工具」把「文字」元件逆時針旋轉3-5度;在第5幀插入關鍵幀,再次使用「任意變形工具」把「文字」元件順時針旋轉6-10度;在第7幀插入關鍵幀,使用「任意變形工具」把「文字」元件逆時針旋轉6-10度;在第9幀插入使用「任意變形工具」把「文字」元件順時針旋轉6-10度。主要為了產生文字上下搖擺的效果。在第14幀插入關鍵幀,把「文字」元件垂直向下移動到工作區以外,在第11幀到第14幀之間,建立補間動畫。

21、在第21幀右擊滑鼠,在彈出的快捷選單中選擇【插入幀】命令,如圖所示。

22、按下按【回車】鍵預覽動畫,可以看到文字左搖右晃向上掙扎,卻突然掉了下去的效果。

23、新建乙個「圖形元件」,名稱為「圓形按鈕」。把輪廓色設定為淺紫色,把填充色設定為藍色漸變,然後選擇「圓形工具」 按鈕,在工作區畫乙個圓形,大小適中即可。如圖所示。

24、新建元件,「名稱」為「形狀」,「行為」為「按鈕」。把我們剛剛新建的「圓形按鈕」圖形元件,拖放到「形狀」按鈕元件的工作區中心位置,選擇「文字工具」,在「圓形按鈕」圖形元件上輸入「形狀」,選擇合適的字型和字型大小。然後單擊當前時間軸上的「點選」幀,按下鍵盤上的「f6」鍵,插入乙個關鍵幀。

確認當前關鍵幀(「點選」關鍵幀)被選擇,選擇「圓形工具」,在按鈕圖形上畫圓,大小以剛好遮蓋下面的圖形和文字為準,這樣我們就指定了按鈕的有效區域,如圖所示。

25、按照同樣的方法,我們再製作兩個按鈕,按鈕的名稱分別是「顏色」、「位置」,我們將要通過這三個按鈕來控制幀和場景的跳轉,如圖所示。

26、單擊工作區左上方的 「場景1」標籤 ,回到主場景工作區。

27、在時間軸上,把「圖層1」的名稱改為「位置」。

28、新建圖層,圖層名稱為「控制面板」,使用「矩形工具」 繪製形並把它轉換為「圖形元件」,元件名稱為「面板」。

29、新建圖層,圖層名稱為「控制按鈕」,把「形狀」、「顏色」、「位置」三個按鈕元件拖放到本層,並與「控制面板」層的面板圖形對齊,調整到合適位置,如圖所示。

30、新建圖層,圖層名稱為「形狀」,把「文字擴充套件」影片剪輯元件拖放到本層,使其與「位置」圖層的文字互相重合。

31、新建圖層,圖層名稱為「顏色」,把「文字顏色」影片剪輯元件拖放到本層,使其與「位置」圖層的文字互相重合。時間軸上應該顯示五個圖層,從上到下分別是:「顏色」、「形狀」、「控制按鈕」、「控制面板」、「位置」。

32、單擊選擇「顏色」層的第1幀,拖動到第32幀的位置。然後選擇第61幀,右擊滑鼠,在彈出的快捷選單中選擇【插入關鍵幀】命令(快捷鍵【f6】)插入關鍵幀。可以看到,本層上兩個關鍵幀恰好相隔30幀,這正是本層上「文字顏色」影片剪輯元件的時間軸範圍。

33、單擊選擇「形狀」層的第1幀,拖動到第22幀的位置。然後選擇第31幀,右擊滑鼠,在彈出的快捷選單中選擇【插入關鍵幀】命令(快捷鍵【f6】)插入關鍵幀。可以看到,本層上兩個關鍵幀恰好相隔10幀,這正是本層上「文字擴充套件」影片剪輯元件的時間軸範圍。

34、我們可以看到,位置、形狀、顏色三個圖層上的動畫區間沒有互相重複。這樣我們就可以利用時間指標的**或者停止來實現動畫的幀跳轉。

35、在「控制面板」和「控制按鈕」層的第61幀的位置,右擊滑鼠,在彈出的快捷選單中選擇【插入幀】命令(快捷鍵【f5】)插入兩個幀,這樣可以使我們的控制面板以及按鈕在整個動畫過程中全程顯示,如圖所示。

36、右擊工作區的「形狀」按鈕,在彈出的快捷選單上選擇【動作】命令。

37、這時將開啟動作工作面板,在**輸入框中輸入以下**。

on (release)

以上這段**的意思是,當滑鼠釋放時,時間指標指向第22幀並開始**,第22幀恰好是「形狀」層文字擴張動畫的開始位置。這樣我們就指定了第乙個按鈕「形狀」的動作。

38、我們再指定「顏色」按鈕的動作,下面是顏色按鈕的指令碼**。與上面「形狀」按鈕有所區別的是,此按鈕是指向第32幀並開始**。

on (release)

39、按上面的方法,再指定最後乙個「位置」按鈕的動作,輸入以下**。

on (release)

40、到此我們三個按鈕的動作全部指定完了。按【ctrl+enter】鍵測試動畫,發現動畫根本沒有聽我們的指揮,而是各種效果紛紛在舞台上出現。下面我們來解決這個問題。

41、單擊「顏色」層的第61幀,右鍵單擊,選擇【動作】命令,開啟動作面板,輸入以下**。

gotoandplay(1);

讓時間指標指向時間軸的第1幀,如圖所示。

42、同樣,我們也為「形狀」層的第31幀和「位置」層的第21幀新增**

gotoandplay(1);

同樣讓時間指標指向時間軸的第1幀。

43、再次測試動畫,我們發現這次「形狀」層和「顏色」層的兩個文字動畫效果不見了,原因是我們把第21幀新增了跳轉到時間軸第1幀並開始**的動作,這樣形成乙個迴圈,自然21幀後面的動畫效果就不能看到了。但是單擊三個按鈕,還是有相應的效果出現。現在我們需要做的是,讓動畫開始就處於靜止狀態,只有在按下按鈕時才**動畫效果。

44、單擊「位置」層的第1幀,用上面的方法新增乙個「停止**」動作,讓動畫在這一幀停止**。**如下:

stop();

45、到此為止,我們整個動畫就完成了,測試一下,可以用三個按鈕分別來控制對應的動畫效果了。最後效果如圖所示。

炒黃金如何建立交易系統

這裡所謂的交易系統包括兩個方面 一是資訊系統,二是技術指標系統。對於資訊系統,無論是新手還是老手都是從這個基本面上判斷出最基本的 走勢,從各種利空 利好訊息中嗅出 的動向。其中,最為重要的是技術指標系統的運用,即投資者為進行交易而設立的幾項技術指標的組合並據此作為執行交易的標準,這些技術指標包括 分...

建立交通安全示範學校匯報材料

牢記交通安全 珍愛如花生命 酒泉市東關二校建立交通安全示範學校材料 交通安全,關係到每個家庭的和睦與幸福,維繫著學校的溫馨平安與社會的和諧穩定。我校以建立 交通安全示範校 為契機,牢固樹立 安全第一,預防為主 的工作理念,把建立工作從外部要求轉化為學校發展的內部需要。交通安全教育成了學校新時期德育工...

關於建立交通物流資訊平台的請示

關於設計開發並推廣使用 滕州市交通物流資訊平台的請示 市交通局 滕州市交通汽車運輸有限責任公司是市屬中二型專業運輸企業,具有國家二級客 貨運經營資質,公司下設12個經營實體,所屬各類營運車輛1000餘部。目前,在上級領導的帶領下,經過全體員工的努力,全力打造我市物流行業優秀品牌,現定型由專業運輸向從...