怎樣自制flash動畫模板?

Tags: 動畫, 模板,

  經常做flash動畫,就會感到畫面上有一些元素比較“穩定”,總要用到,比如:標題、開始按鈕、logo、重新開始按鈕、作者資訊等。如果我們把這些元素加工好,做成flash模板,就會收到一勞永逸的效果。

工具/原料

flash cs 5.5+as3

步驟/方法

構思螢幕分割槽。

螢幕大小以450*400為宜。分為上中下三個區域:

上部高80畫素:左邊為題目,右邊為作者資訊(70畫素黑條+2畫素空地+8畫素灰條);

中部高240畫素:是動畫區,中間位置有開始按鈕和開始畫面;

下部高80畫素:左邊為logo,中間可顯示歌詞,右邊到動畫結尾時顯示Replay按鈕。

怎樣自制flash動畫模板

繪製一個矩形,將用它的五個例項,做屏幕布局。

首先:繪製一個矩形,純白色,大小450*160,就是動畫區的大小,轉換為剪輯元件。為什麼要和動畫區同樣大小呢?因為它的一個例項將佔據動畫區,作為一節一節的動畫的容器,不進行縮放,就不會意外改變載入的動畫片斷的比例尺。畫矩形,這個簡單,不示例了。

然後:從庫中拖入矩形剪輯的一個例項:在屬性面板中設定引數,使之成為“黑條”。放在頂部。再複製一個副本放在底部。

接著:插入矩形剪輯的另一個例項,設定高為8畫素,顏色為灰色。左上角位於(0,80)處。與頂部的黑條中間有2畫素的 空地。再複製一個副本,移動下方(0,320)處。

最後:再拖入矩形剪輯的一個例項,什麼都不用改變,定位於(0,80)處。效果:

怎樣自制flash動畫模板

怎樣自制flash動畫模板

新增顯示標題的動態文字框。

字型、大小適度就好。顏色建議用白色。文字框命名:title_txt。時間軸上寫上程式碼:

stop();

title_txt.text=”思念母親”

這樣,標題將在動畫執行時顯示。

怎樣自制flash動畫模板

新增作者資訊動畫或者圖形。

本經驗示例,我用的是自己的Q:5376924的圖形元件。白色藝術字。

怎樣自制flash動畫模板

新增標誌logo動畫。

我的創意是:“閃藝室”三個字的動畫和白色氣泡的動畫。看,是不是有點個性?

怎樣自制flash動畫模板

播放按鈕和重播按鈕。

播放按鈕:初始畫面上一個人在捕蝴蝶,捕呀捕的,蝴蝶亦成了“play”按鈕。

重播按鈕:我做的是幀動畫,一個小白球,來回穿梭,“Replay”單詞的每個字母都及時躲避它。開始幀 是空的,也是說在不需要的時候,它是隱身的。動畫到了片尾,它才開始播放動畫,在第3幀和第34幀之間迴圈。

怎樣自制flash動畫模板

把文件儲存動畫模板,文件屬性設定為“只讀”。這樣可以防止今後使用不小心把模板破壞掉。

在文件圖示上右鍵,在彈出來的對話方塊中勾選“只讀”,確定一下就可以了。

怎樣自制flash動畫模板

我的一個應用的例子:母親節動畫賀卡《思念母親》部分截圖

A.動畫做成450*240大小。

  風雨中母親送我上學:

  夜晚,母親燈下為我縫縫補補:

  一日三餐,母親為我操勞:

B、再看“片斷動畫”被模板載入後的效果:

 標題被載入。雨紛紛。幾個字會躲避雨傘!logo動畫也炫。

 燈光柔和。螢火蟲來訪。幾個字也會和螢火蟲捉迷藏。

 米飯的香味,讓人懷戀!被蒸汽拖動的字,勿上勿下……饞涎欲滴的紅豆!

 看,紛紛揚揚的雪花,竟然聚成五個字,真是天知我心:媽媽我愛您!這時在美麗、思念、深沉的音樂聲中,活潑可愛的重播按鈕出現了……

這個例子足以證明我的經驗有一定的實用價值!

來自實踐的體會 絕對原創的經驗

  作者:張志晨

   2012.5.22

怎樣自制flash動畫模板

怎樣自制flash動畫模板

怎樣自制flash動畫模板

怎樣自制flash動畫模板

怎樣自制flash動畫模板

怎樣自制flash動畫模板

怎樣自制flash動畫模板

相關問題答案