基于Flash 8.0的動(dòng)畫(huà)制作
----變幻的文字

邢素萍

基于Flash 8.0的動(dòng)畫(huà)制作
----變幻的文字

邢素萍

利用Flash 8.0的補(bǔ)間動(dòng)畫(huà)功能制作一個(gè)文字變換。重主要運(yùn)用的是補(bǔ)間形狀動(dòng)畫(huà)，并使用混色器面板調(diào)配顏色對(duì)文本的筆畫(huà)進(jìn)行了填充。使用時(shí)間軸窗口創(chuàng)建各種動(dòng)畫(huà)，大大提高創(chuàng)建動(dòng)畫(huà)的效率。

幀；補(bǔ)間；時(shí)間軸

0 引言

本例先在圖層的第1幀書(shū)寫(xiě)一個(gè)“變”字，然后使用混色器調(diào)配線(xiàn)性混合顏色，對(duì)文本“變”進(jìn)行顏色填充；在第 40幀關(guān)鍵幀書(shū)寫(xiě)一個(gè)“幻”字，同樣使用混色器調(diào)配顏色，并對(duì)文本進(jìn)行顏色填充。最后建立第1幀至第40幀之間的形狀補(bǔ)間動(dòng)畫(huà)。

效果如圖1所示：

圖1

1 輸入文本

步驟1 啟動(dòng)Flash 8.0后，單擊【文件】/【新建】，新建一個(gè)Flash文件。選擇【修改】/【文檔】命令，調(diào)出【文檔屬性】對(duì)話(huà)框，將舞臺(tái)工作區(qū)設(shè)置為600 px×400px，背景顏色為淡藍(lán)色。

步驟2 單擊左鍵選擇繪圖工具箱中的文本工具。選擇【窗口】/【屬性】，調(diào)出屬性設(shè)置面板，設(shè)置文本大小為200，顏色為紅色。在舞臺(tái)工作區(qū)中輸入文本“變”，如圖2所示：

圖2 輸入“變”字

在舞臺(tái)中選擇“變”字，然后選【修改】/【打散】命令或直接按Ctrl＋B鍵，將文字打散。

步驟3 選擇【窗口】/【設(shè)計(jì)面板】/【混色器】命令，調(diào)出【混色器】面板，在該面板中選擇線(xiàn)性顏色，并且調(diào)整線(xiàn)性顏色，如圖3所示：

圖3 用混色器調(diào)配顏色

圖4 填充后的“變”字

注意在補(bǔ)間形狀動(dòng)畫(huà)中可以改變對(duì)象的形狀、顏色、大小、透明度以及位置等。補(bǔ)間形狀動(dòng)畫(huà)處理的對(duì)象只能是矢量圖形，群組對(duì)象和元件都不能直接進(jìn)行形變動(dòng)畫(huà)。所以必須將文本對(duì)象打散成位圖之后，才能創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)。

步驟4 選擇“圖層1”，在時(shí)間軸窗口第40幀右擊鼠標(biāo)，在彈出的快捷菜單中，選擇【插入關(guān)鍵幀】命令，將第40幀設(shè)置為關(guān)鍵幀。

步驟5 單擊左鍵選擇新添加的關(guān)鍵幀，單擊左鍵選擇繪圖工具箱中的文本工具具，在舞臺(tái)上輸輸入“幻”字。通過(guò)對(duì)應(yīng)的屬性設(shè)置面板將該位位置的字體設(shè)置為華文行楷，字號(hào)設(shè)置為300、顏色設(shè)置為紫色。

步驟6 單擊選擇時(shí)間軸窗口的第第40幀，然后將最先在舞臺(tái)中輸入的文字“幻”刪除掉。在舞舞臺(tái)中選擇“幻”字，然后選擇【修改】/【打散】命令，將文文字打散。

步驟7 在【混色器】面板中與前面面一樣進(jìn)行設(shè)置置，仍然設(shè)置為線(xiàn)性，不同的是改換一下顏色色，以示區(qū)別。單單擊左鍵選擇繪圖圖工具箱中的油漆桶工具，在在文本“幻”上單單擊鼠標(biāo)左鍵，逐逐個(gè)填充文本筆筆畫(huà)，效果如圖圖5所示：

圖5 設(shè)置填充顏色并填充文本

2 知識(shí)詳解

如何使使?jié)u變色和位圖圖填充變形呢，這要通過(guò)調(diào)整填充的大小、方向或者中心，可可以使?jié)u變填充或位圖填充變形。要使?jié)u變或位圖填充變形，可以使用填充變形工具。

2.1 當(dāng)漸變或位圖填充進(jìn)進(jìn)行編輯時(shí)，中心點(diǎn)會(huì)顯示出來(lái)，并且邊框顯示編輯手柄。當(dāng)當(dāng)指針在這些手柄中的任何一個(gè)上面時(shí)，它會(huì)發(fā)生變化，顯示示該手柄的功能。按下 Shift 鍵可以將線(xiàn)性漸變填充的方向限限制為 45°的倍數(shù)。

2.2 創(chuàng)建補(bǔ)間形狀動(dòng)畫(huà)

步驟1 選中“圖層1”，左鍵單擊選中時(shí)間軸窗口的第1幀，然后后打開(kāi)屬性設(shè)置置面板的【補(bǔ)間】下拉列表框，從中選擇【形狀狀】選項(xiàng)，【混合合】選擇為“分布式”，如圖6所示：

圖6 補(bǔ)間動(dòng)畫(huà)的屬性設(shè)置

步驟22 此時(shí)，可以以在時(shí)間軸窗口中看到從第1幀到第40幀之間間有一條帶箭頭的黑色實(shí)線(xiàn)，底色為淺綠色，表示設(shè)置補(bǔ)間形形狀動(dòng)畫(huà)成功。

步驟3 操作完成后，可以觀察位移移動(dòng)畫(huà)的效果。文字“變”從舞舞臺(tái)的左邊向右邊勻速移動(dòng)，并并且逐漸變形。注注意，補(bǔ)間動(dòng)畫(huà)運(yùn)運(yùn)動(dòng)的速度是通過(guò)【屬性】中【緩動(dòng)】的值來(lái)來(lái)控制的，數(shù)值為為負(fù)，表示加速；數(shù)值為正，表表示減速；數(shù)值為為0，表示勻速。。數(shù)值絕對(duì)值越大，速度變化化越快。

圖7 拖動(dòng)洋蔥皮

從打開(kāi)的下拉菜單中選擇【繪制全部】命令令，就可以看到所有幀的運(yùn)動(dòng)軌跡，如圖8所示：

圖8 所有幀的文字變化情況

步驟6 單擊【文件】【導(dǎo)入】【導(dǎo)入到舞臺(tái)】，在導(dǎo)入圖圖片對(duì)話(huà)框中，選擇一張圖片導(dǎo)入。選中圖片，在對(duì)應(yīng)的圖片片屬性面板中，設(shè)置圖片大小為600 px×400px，并移動(dòng)到場(chǎng)場(chǎng)景中央。

步驟7 選擇圖層“背景”，在對(duì)應(yīng)的時(shí)間軸第40幀單擊鼠鼠標(biāo)右鍵，選擇【插入幀】，插插入一個(gè)普通幀，讓運(yùn)動(dòng)過(guò)程中中始終有背景陪襯。

步驟8 至此文字變換的Flash制作完畢，可以按Ctrl＋EEnter鍵測(cè)試一下。最終效果如圖9所示：

圖9 文字變換的效果圖

3 知識(shí)詳解

時(shí)間軸控制區(qū)區(qū)中各個(gè)工具按鈕的功能如下：

單擊時(shí)間軸上上顯示多幀圖標(biāo)標(biāo)按鈕，在播放頭的兩側(cè)出現(xiàn)洋蔥蔥皮標(biāo)記，它包包括了多個(gè)連續(xù)續(xù)的幀，系統(tǒng)默認(rèn)的是第 5幀，用戶(hù)可以通過(guò)過(guò)拖曳來(lái)改變這這些連續(xù)幀的數(shù)目。一些幀是在當(dāng)當(dāng)前幀的前面，一些幀是在當(dāng)當(dāng)前幀的后面，當(dāng)當(dāng)前幀是唯一可以以編輯的幀，在在舞臺(tái)上突出顯顯示。洋蔥皮標(biāo)記記的幀是不可編輯輯的幀。

播放頭位于第36幀，單擊顯示多幀圖標(biāo)按鈕后，在第10幀到20幀之間出現(xiàn)洋蔥皮標(biāo)記。此時(shí)，舞臺(tái)上顯示的是第1幀到第35幀之間的動(dòng)畫(huà)外觀，而第36幀突出顯示，表示可可編輯，其他幀作為編輯該幀的的參照物。

4 總結(jié)

本文主要運(yùn)用的是補(bǔ)間形狀動(dòng)畫(huà)。補(bǔ)間動(dòng)畫(huà)的兩個(gè)對(duì)象是文本“變”字和文本“幻”字，分別在補(bǔ)間動(dòng)畫(huà)的開(kāi)始和最后書(shū)寫(xiě)這兩個(gè)文本，并且把它們打散成位圖，并使用混色器面板調(diào)配顏色對(duì)文本的筆畫(huà)進(jìn)行了填充。這里還應(yīng)該注意區(qū)分幀、普通幀、關(guān)鍵幀、空白關(guān)鍵幀以及空白幀等基本概念。完全掌握這些概念的區(qū)別后，才能更好地使用時(shí)間軸窗口創(chuàng)建各種動(dòng)畫(huà)。本文還介紹了一下時(shí)間軸窗口的各個(gè)工具按鈕，熟練地使用時(shí)間軸快捷菜單可以大大提高創(chuàng)建動(dòng)畫(huà)的效率。

另外注意形狀補(bǔ)間動(dòng)畫(huà)畫(huà)的創(chuàng)建，可以直接在時(shí)間軸上上單擊鼠標(biāo)右鍵鍵，選擇【創(chuàng)建補(bǔ)補(bǔ)間動(dòng)畫(huà)】，然后在該補(bǔ)間動(dòng)畫(huà)的屬性面板中選擇【動(dòng)作】選選項(xiàng)為【形狀】；也可以直接在在某一幀的屬性性面板中，設(shè)定補(bǔ)補(bǔ)間的選項(xiàng)為【形狀】。讀者可可以制作從文字的一種格式到另另一種格式的變換，也可以制作作不同文字之間的變換。

[1] 《Flash 8 中文版實(shí)用教程》李敏 [M]機(jī)械工業(yè)出版社2011年年2月

[2] 《Flassh 8動(dòng)畫(huà)與交互動(dòng)畫(huà)制作教程》潘明寒[M]北京航空航航天大學(xué)出版社 2008年1月

[3] 《Flassh8.0中文版動(dòng)畫(huà)制作》林華 姜靈敏 [M]華南理工大學(xué)學(xué)出版社 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-），女，南京工業(yè)職業(yè)技術(shù)學(xué)院，教授，研究方向：軟件開(kāi)發(fā)、計(jì)算機(jī)輔助設(shè)計(jì)，南京，210046