邢素萍
基于Flash 8.0的動畫制作
----變幻的文字
邢素萍
利用Flash 8.0的補間動畫功能制作一個文字變換。重主要運用的是補間形狀動畫,并使用混色器面板調配顏色對文本的筆畫進行了填充。使用時間軸窗口創建各種動畫,大大提高創建動畫的效率。
幀;補間;時間軸
本例先在圖層的第1幀書寫一個“變”字,然后使用混色器調配線性混合顏色,對文本“變”進行顏色填充;在第 40幀關鍵幀書寫一個“幻”字,同樣使用混色器調配顏色,并對文本進行顏色填充。最后建立第1幀至第40幀之間的形狀補間動畫。
效果如圖1所示:

圖1
步驟1 啟動Flash 8.0后,單擊【文件】/【新建】,新建一個Flash文件。選擇【修改】/【文檔】命令,調出【文檔屬性】對話框,將舞臺工作區設置為600 px×400px,背景顏色為淡藍色。
步驟2 單擊左鍵選擇繪圖工具箱中的文本工具。選擇【窗口】/【屬性】,調出屬性設置面板,設置文本大小為200,顏色為紅色。在舞臺工作區中輸入文本“變”,如圖2所示:

圖2 輸入“變”字
在舞臺中選擇“變”字,然后選【修改】/【打散】命令或直接按Ctrl+B鍵,將文字打散。
步驟3 選擇【窗口】/【設計面板】/【混色器】命令,調出【混色器】面板,在該面板中選擇線性顏色,并且調整線性顏色,如圖3所示:

圖3 用混色器調配顏色

圖4 填充后的“變”字
注意在補間形狀動畫中可以改變對象的形狀、顏色、大小、透明度以及位置等。補間形狀動畫處理的對象只能是矢量圖形,群組對象和元件都不能直接進行形變動畫。所以必須將文本對象打散成位圖之后,才能創建補間形狀動畫。
步驟4 選擇“圖層1”,在時間軸窗口第40幀右擊鼠標,在彈出的快捷菜單中,選擇【插入關鍵幀】命令,將第40幀設置為關鍵幀。
步驟5 單擊左鍵選擇新添加的關鍵幀,單擊左鍵選擇繪圖工具箱中的文本工具具,在舞臺上輸輸入“幻”字。通過對應的屬性設置面板將該位位置的字體設置為華文行楷,字號設置為300、顏色設置為紫色。
步驟6 單擊選擇時間軸窗口的第第40幀,然后將最先在舞臺中輸入的文字“幻”刪除掉。在舞舞臺中選擇“幻”字,然后選擇【修改】/【打散】命令,將文文字打散。
步驟7 在【混色器】面板中與前面面一樣進行設置置,仍然設置為線性,不同的是改換一下顏色色,以示區別。單單擊左鍵選擇繪圖圖工具箱中的油漆桶工具,在在文本“幻”上單單擊鼠標左鍵,逐逐個填充文本筆筆畫,效果如圖圖5所示:

圖5 設置填充顏色并填充文本
如何使使漸變色和位圖圖填充變形呢,這要通過調整填充的大小、方向或者中心,可可以使漸變填充或位圖填充變形。要使漸變或位圖填充變形,可以使用填充變形工具。
2.1 當漸變或位圖填充進進行編輯時,中心點會顯示出來,并且邊框顯示編輯手柄。當當指針在這些手柄中的任何一個上面時,它會發生變化,顯示示該手柄的功能。按下 Shift 鍵可以將線性漸變填充的方向限限制為 45°的倍數。
2.2 創建補間形狀動畫
步驟1 選中“圖層1”,左鍵單擊選中時間軸窗口的第1幀,然后后打開屬性設置置面板的【補間】下拉列表框,從中選擇【形狀狀】選項,【混合合】選擇為“分布式”,如圖6所示:

圖6 補間動畫的屬性設置
步驟22 此時,可以以在時間軸窗口中看到從第1幀到第40幀之間間有一條帶箭頭的黑色實線,底色為淺綠色,表示設置補間形形狀動畫成功。
步驟3 操作完成后,可以觀察位移移動畫的效果。文字“變”從舞舞臺的左邊向右邊勻速移動,并并且逐漸變形。注注意,補間動畫運運動的速度是通過【屬性】中【緩動】的值來來控制的,數值為為負,表示加速;數值為正,表表示減速;數值為為0,表示勻速。。數值絕對值越大,速度變化化越快。

圖7 拖動洋蔥皮
從打開的下拉菜單中選擇【繪制全部】命令令,就可以看到所有幀的運動軌跡,如圖8所示:

圖8 所有幀的文字變化情況
步驟6 單擊【文件】【導入】【導入到舞臺】,在導入圖圖片對話框中,選擇一張圖片導入。選中圖片,在對應的圖片片屬性面板中,設置圖片大小為600 px×400px,并移動到場場景中央。
步驟7 選擇圖層“背景”,在對應的時間軸第40幀單擊鼠鼠標右鍵,選擇【插入幀】,插插入一個普通幀,讓運動過程中中始終有背景陪襯。
步驟8 至此文字變換的Flash制作完畢,可以按Ctrl+EEnter鍵測試一下。最終效果如圖9所示:

圖9 文字變換的效果圖
時間軸控制區區中各個工具按鈕的功能如下:
單擊時間軸上上顯示多幀圖標標按鈕,在播放頭的兩側出現洋蔥蔥皮標記,它包包括了多個連續續的幀,系統默認的是第 5幀,用戶可以通過過拖曳來改變這這些連續幀的數目。一些幀是在當當前幀的前面,一些幀是在當當前幀的后面,當當前幀是唯一可以以編輯的幀,在在舞臺上突出顯顯示。洋蔥皮標記記的幀是不可編輯輯的幀。
播放頭位于第36幀,單擊顯示多幀圖標按鈕后,在第10幀到20幀之間出現洋蔥皮標記。此時,舞臺上顯示的是第1幀到第35幀之間的動畫外觀,而第36幀突出顯示,表示可可編輯,其他幀作為編輯該幀的的參照物。
本文主要運用的是補間形狀動畫。補間動畫的兩個對象是文本“變”字和文本“幻”字,分別在補間動畫的開始和最后書寫這兩個文本,并且把它們打散成位圖,并使用混色器面板調配顏色對文本的筆畫進行了填充。這里還應該注意區分幀、普通幀、關鍵幀、空白關鍵幀以及空白幀等基本概念。完全掌握這些概念的區別后,才能更好地使用時間軸窗口創建各種動畫。本文還介紹了一下時間軸窗口的各個工具按鈕,熟練地使用時間軸快捷菜單可以大大提高創建動畫的效率。
另外注意形狀補間動畫畫的創建,可以直接在時間軸上上單擊鼠標右鍵鍵,選擇【創建補補間動畫】,然后在該補間動畫的屬性面板中選擇【動作】選選項為【形狀】;也可以直接在在某一幀的屬性性面板中,設定補補間的選項為【形狀】。讀者可可以制作從文字的一種格式到另另一種格式的變換,也可以制作作不同文字之間的變換。
[1] 《Flash 8 中文版實用教程》李敏 [M]機械工業出版社2011年年2月
[2] 《Flassh 8動畫與交互動畫制作教程》潘明寒[M]北京航空航航天大學出版社 2008年1月
[3] 《Flassh8.0中文版動畫制作》林華 姜靈敏 [M]華南理工大學學出版社 2008年8月
Animation Based on Flash 8.0—Transform Text
Xing Suping
(School of Computer and Software, Nanjing Institute of Industry Technology,Nanjing210046, China)
In this paper, using tween animation function of Flash 8.0 to make a text transformation. It Mainly uses shape tween animation, and uses mixer panel color to fill color for the text strokes. It uses the timeline window to create a variety of animation. It greatly improves the efficiency of creating animations.
Time Frame; Complement; Shaft
TP311
:A
1007-757X(2014)04-0062-03
2014.02..28)
邢素萍,(1957-),女,南京工業職業技術學院,教授,研究方向:軟件開發、計算機輔助設計,南京,210046