酷知百科網

位置:首頁 > 母嬰教育 > 學習交流

實例講解flash逐幀動畫的原理

flash是一款動畫製作軟件,像是我們經常看的動畫片也可以用flash來製作,由於軟件的介面簡潔明瞭,因此深受大衆的歡迎,在動畫中幀的意思類似於我們生活中的時間“秒”的意思。現在我們以實際例子出發,看看flash動畫的逐幀原理。

實例講解flash逐幀動畫的原理

操作方法

(01)新建文檔雙擊開啟flash工具欄中的【檔案】--【新建】--【ActionScript 2.0】即可創建一個大小爲550*400像素的舞臺。

實例講解flash逐幀動畫的原理 第2張

(02)矩形圖形選擇【矩形工具】繪製一個適當大小的矩形。

實例講解flash逐幀動畫的原理 第3張

(03)線型漸變更改矩形框的顏色,選擇【顏色】圖標,使用【線性漸變】,顏色從【黑-白-黑】,然後使用【漸變變形工具】更改顏色的漸變方向,結果如下所示。

實例講解flash逐幀動畫的原理 第4張

(04)新建圖層右擊圖層1,選擇【插入圖層】,新建圖層2。記得新建完成之後要鎖住圖層1。

實例講解flash逐幀動畫的原理 第5張
實例講解flash逐幀動畫的原理 第6張

(05)添加文字使用【文字工具】在矩形框中寫上一個文字,比如我們就隨便寫個簡單的漢字【心】。記得要修改字型的大小&顏色&位置。

實例講解flash逐幀動畫的原理 第7張

(06)插入幀然後在圖層2的第20幀插入【關鍵幀】,同時在圖層1的第20幀位置插入幀。

實例講解flash逐幀動畫的原理 第8張

(07)打散選中文字【心】,按快速鍵【ctrl+B】將文字打散。

實例講解flash逐幀動畫的原理 第9張

(08)第15幀在第15幀的位置,將文字打散,然後使用【橡皮擦】工具】,擦掉文字的最後一筆畫。

實例講解flash逐幀動畫的原理 第10張

(09)同上述的方法,依次每隔5個幀插入關鍵幀,然後擦掉文字的一個筆畫,結果如下圖所示。

實例講解flash逐幀動畫的原理 第11張

(10)插入傳統補間,在2個點之間的距離插入【傳統補間動畫】。

實例講解flash逐幀動畫的原理 第12張

(11)預覽效果其實可以適當調大幀與幀的距離。結果如下圖所示。

實例講解flash逐幀動畫的原理 第13張

特別提示

逐幀動畫是幀與幀之間的動態變化,通常我們會在幀與幀之間創建傳統補間。如果沒有創建傳統補間動畫的話,動畫的變化會有點生硬。