第八章動畫的製作

2021-03-04 08:15:09 字數 4836 閱讀 3618

8.1 動畫原理及分類

8.1.1 動畫原理

將一系列單幅畫面連續**,使**者產生「動」的錯覺,這就是動畫的原理。flash動畫的原理與電影的成像原理是一樣的,同樣是利用了人眼的暫存視覺(或視覺暫留)。在flash 中,一系列的單幅畫面稱為幀,動畫的製作就是改變連續幀內容的過程。

幀代表著時刻,不同的幀代表不同的時刻,畫面隨著時間的推移逐個出現,就成了動畫。動畫可以做成物件的移動、旋轉和縮放,也可以是變色、變形和淡入淡出等效果。動畫可以是一種效果,也可以同時伴隨多種效果。

8.1.2 動畫分類

在 flash 中製作的動畫,根據組成幀的形式的不同,可以分為逐幀動畫 ( 即構成動畫的每一幀的內容都是由一幅繪製的影象組成 ) 、補間動畫 ( 利用關鍵幀處理技術得到的動畫)。補間動畫又可分為運動補間動畫和形狀補間動畫。

圖8.1

8.2 時間線和幀

8.2.1 時間線概述

時間軸用於組織和控制文件內容在一定時間內**的層數和幀數。與膠片一樣,flash 文件也將時長分為幀。層就像堆疊在一起的多張幻燈膠片一樣,每個層都包含乙個顯示在舞台中的不同影象。

時間軸的主要元件是層、幀和**頭。

文件中的層列在時間軸左側的列中。每個層中包含的幀顯示在該層名右側的一行中。時間軸頂部的時間軸標題指示幀編號。**頭指示在舞台中當前顯示的幀。

時間軸狀態顯示在時間軸的底部,它指示所選的幀編號、當前幀頻以及到當前幀為止的執行時間。

注意:在**動畫時,將顯示實際的幀頻;如果計算機不能足夠快地顯示動畫,則該幀頻可能與文件的幀頻不一致。

圖8.2

可以更改幀在時間軸中的顯示方式,也可以在時間軸中顯示幀內容的縮圖。時間軸顯示文件中哪些地方有動畫,包括逐幀動畫、補間動畫和運動路徑。

時間軸的層部分中的控制項使您可以隱藏、顯示、鎖定或解鎖層,以及將層內容顯示為輪廓。

可以在時間軸中插入、刪除、選擇和移動幀。也可以將幀拖到同一層中的不同位置,或是拖到不同的層中。

更改時間軸的外觀

移動時間軸:從時間軸標題上的區域拖動時間軸。

將時間軸拖到應用程式視窗的邊沿,停放它。按住control 鍵拖動時將禁止時間軸停放。

要增長或縮短層名字段:拖動時間軸中分隔層名和幀部分的欄。

要調整時間軸的大小,請執行以下操作之一:

如果時間軸停放在主應用程式視窗,請拖動分隔時間軸和應用程式視窗的欄。

如果時間軸沒有停放在主應用程式視窗中,請拖動右下角

移動**頭:**頭在時間軸上移動,指示當前顯示在舞台中的幀。時間軸標題顯示動畫的幀編號。要在舞台上顯示幀,可以將**頭移動到時間軸中該幀的位置。

如果正在處理大量的幀,而這些幀無法一次全部顯示在時間軸上,則可以將**頭沿著時間軸移動,從而輕易地定位當前幀。

轉到幀:單擊該幀在時間軸標題中的位置,或將**頭拖到所需的位置。

要使時間軸以當前幀為中心:單擊時間軸底部的「幀居中」按鈕。

更改時間軸中的幀顯示:

1、單擊時間軸右上角的「幀檢視」按鈕,顯示「幀檢視」彈出選單。

2、從下面的選項中進行選擇:

要更改幀單元格的寬度,請選擇「很小」、「小」、「正常」、「中」或「大」。(「大」幀寬度設定對於檢視聲音波形的詳細情況很有用。)

要減小幀單元格行的高度,請選擇「短」。

要顯示每個幀的內容縮圖(其縮放比率適合時間軸幀的大小),請選擇「預覽」。這可能導致內容的外觀大小發生變化。

8.2.2 幀和關鍵幀

我們知道,在flash 中,一系列的單幅畫面稱為幀,幀又分為關鍵幀和普通幀。

圖8.3

關鍵幀是定義在動畫中的變化的幀。當建立逐幀動畫時,每個幀都是關鍵幀。在補間動畫中,可以在動畫的重要位置定義關鍵幀,讓flash 建立關鍵幀之間的幀內容。

flash 通過在兩個關鍵幀之間繪製乙個淺藍色或淺綠色的箭頭顯示補間動畫的內插幀。由於flash 文件儲存每乙個關鍵幀中的形狀,所以只應在插圖中有變化的點處建立關鍵幀。

關鍵幀在時間軸中標明:有內容的關鍵幀以該幀前面的實心圓表示,而空白的關鍵幀則以該幀前面的空心圓表示。以後新增到同一層的幀的內容將和關鍵幀相同。

要建立關鍵幀,請執行以下操作之一:

在時間軸中選擇乙個幀,然後選擇「插入」→「時間軸」→「關鍵幀」。

右擊(windows) 或按住control 鍵單擊(macintosh) 時間軸中的乙個幀,然後選擇「插入關鍵幀」。

普通幀是兩個關鍵幀之間的幀,顯示為乙個個單元格。

無內容的幀顯示空的單元格,有內容的幀顯示出一定的顏色,不同的顏色代表不同型別

8.3 補間動畫

在flash的動畫設計中,提供了一種新型的動畫製作方式,即補間動畫(也稱漸變動畫)製作方式。使用這種方式製作動畫,只要製作好動畫的第一幀與最後一幀,就可以自動地完成動畫的製作。補間動畫製作有運動(也稱動作)和形狀兩種方式。

其中運動方式適用於組合物件、文字物件或元件;而形狀方式適用於圖形。

值得一提的是,很多書籍將tween翻譯為漸變,本書則翻譯為補間。其它書中所說的漸變動畫與本書補間動畫的說法等同。

8.3.1 建立運動補間動畫

在補間動畫中,在乙個時間點定義乙個例項、組或文字塊的位置、大小和旋轉等屬性,然後在另乙個時間點改變那些屬性。

下面通過幾個例子來說明建立運動補間動畫的方法。

字型的縮放製作步驟

1、單擊工具欄中的文字工具a

2、在舞台內劃乙個文字輸入區域,輸入文字

3、選定輸入的文字,滑鼠指向文字單擊右鍵,選擇「轉換為元件」,出現對話方塊,選擇「圖形」,單擊確定。

圖8.4

4、滑鼠指向時間軸內第30幀擊右鍵,彈出選單,選「插入關鍵幀」。然後,利用箭頭工具選擇輸入的文字,再單擊選單欄中的「修改」→變形→縮放,出現對話方塊,在比例欄中輸入200;選擇輸入的文字,單擊屬性面板中顏色下拉框,選alpha,設定其右邊的數值為10%

5、滑鼠指向時間軸內第1~30幀之間單擊右鍵,彈出選單,選「建立補間動畫」。按回車**。

圖8.5

底端旋轉

1、利用工具欄中直線工具畫一條直線。

2、選擇箭頭工具,滑鼠指向直線單擊右鍵,選擇「轉換為元件」,出現對話方塊,選擇「圖形」,單擊確定(參見圖8.4)。

3、利用箭頭工具選擇上輸直線,然後單擊工具欄中「任意變形工具」,利用滑鼠拖動直線中心點(如圖8.6)到直線底端。

圖8.6

4、滑鼠指向時間軸內第30幀擊右鍵,彈出選單,選「插入關鍵幀」,再單擊選單欄中的「修改」→變形→旋轉,滑鼠指向直線頂端控制點,拖動滑鼠使直線旋轉到適當位置。

5、滑鼠指向時間軸內第1~30幀之間擊右鍵,彈出選單,選「建立動畫動作」。按回車**。

圖8.7

特別提示

在建立運動補間動畫中,必須將物件首先轉換為元件,否則,補間是斷的或不完整的虛線。

圖8.8

8.3.2 設定運動補間屬性

上面介紹的例子是最簡單的運動補間動畫,在 flash 中還可以利用漸變屬性面板設定運動漸變的屬性,從而得到更為複雜的動畫,例如物件加速運動、運動時****等。

當選中時間線面板中兩個關鍵幀之間的某幀 ( 尚未建立漸變動畫的幀 ) 後,屬性面板即顯示為幀屬性面板,如圖8.9所示。

圖8.9

該面板中各選項功能如下所述。

幀: 該項用於為幀設定標籤或注釋,標籤用於標識該幀,而注釋則用於對該幀進行解釋。當在該框中輸入標籤內容後,會有乙個小紅旗標誌顯示在當前幀上,參見圖8.

9所示。如果在文字前加兩個斜槓 "// ", 則表示新增的是注釋。在時間線面板中,幀上的兩個斜槓會以綠色顯示。

補間模式: 該項用於設定運動方式,單擊其下拉按鈕,開啟下拉列表框,其中包括三個選項,如圖 8.9 所示 ,「無」是沒有補間的動畫 ,「動作」是運動補間動畫 ,「形狀」是形狀補間動畫。

當在時間線上選擇設定了運動漸變的幀,幀屬性面板會有所變化 ,以下是對應於運動漸變模式的選項設定。

減速: 該選項用於設定物件的運動方式,即以加速或減速運動。單擊其下拉按鈕會彈出乙個滑動條 ,將滑塊向下拖動,文字框中顯示負值,表示物件的運動是乙個加速過程 ; 將滑塊拖到上邊,文字框中顯示正值,則表示物件的運動是減速過程。

旋**該項用於設定運動物件的旋轉方式,其下拉列表框中有 4 個選項,「無」表示物件在運動過程中不旋轉 ,「自動」表示按最小角度進行旋轉 ,「順時針cw」表示旋轉方向為順時針方向,「逆時針ccw」則表示逆時針方向旋轉。

當選擇了「順時針cw」或「逆時針ccw」後,其後面的輸入框被啟用,在該框中輸入的數值會被作為旋轉圈數。

面向路徑方向:選中該復選項,當物件沿著路徑移動時,將會一直面向所移動的路徑 ( 有關路徑運動動畫將在下章的導向圖層中介紹 ) 。

同步:對於動畫物件是乙個包含動畫效果的圖形符號例項,當選擇了該選項後,可以使例項中的動畫**與舞台中的動畫**同步。

吸附:選擇該核取方塊,在路徑動畫過程中會將動畫物件強制吸附在運動路徑上。有關運動路徑的內容將在下章中討論。

本節我們只介紹與運動漸變有關的選項,其他選項如聲音設定、效果設定等將在以後介紹。

8.3.3 建立形狀補間動畫

使用形狀方式製作動畫,動畫製作物件是圖形,一般用於製作圖形的變形、顏色漸變等效果

下面通過幾個例子來說明建立運動補間動畫的方法。

圓變為矩形範例,操作步驟如下:

1、利用工具欄中橢圓工具畫乙個圓球。

2、滑鼠指向時間軸內第30幀單擊右鍵,彈出選單,選「插入空白關鍵幀」。

3、利用工具欄中矩形工具畫乙個矩形。

4、滑鼠指向時間軸內第1~30幀之間任意幀處,單擊,然後,滑鼠指向「屬性面板」,單擊「補間」右邊的下拉框,彈出選單,選「形狀」。按回車**。

圖8.10

在形狀動畫型別中,「混合」處是混合型別設定,也就是產生動畫過程的演變效果項。選擇分布式項是使用分布方式,一般物件使用此項。選擇角形項是使用有稜角的方式,對於線段、方塊等物件的變形,多使用此方式。

複製進度狀態顯示範例,操作步驟如下:

1、 利用工具欄中矩形工具畫乙個矩形。

2、滑鼠指向時間軸內第30幀擊右鍵,彈出選單,選「插入關鍵幀」。

第八章總結

第八章多型性與虛函式 記憶 1,物件呼叫的成員函式由物件所屬類決定。如 類 物件 所呼叫成員函式是 中定義的成員函式或從 的基類繼承來的成員函式。類中未定義虛函式,通過指標 引用所呼叫函式由指標 引用所屬類決定。若主函式修改後,執行結果如圖 問題 為什麼指標p1,p2呼叫的print是a類中的pri...

第八章懸架

1 懸架的組成 想一想 懸架的位置在哪?你能否總結出什麼是懸架?懸架是車架 或車身 與車橋 或車輪 之間一切傳力連線裝置的總稱。現代汽車的懸架雖有不同的結構形式,但一般都由彈性元件 減振器 導向機構等組成,轎車一般還有橫向穩定器。懸架的組成如圖9 8所示。圖9 8 懸架的組成 1 彈性元件 螺旋彈簧...

力學第八章

第八章習題 8.1.1 一鋼杆的橫截面積為5.0 10 4m2,所受軸向外力如圖所示,試計算a b,b c和c d之間的應力.f1 6 104 n f2 8 104 n f3 5 104 n f4 3 104 n 解 在ab之間取截面a,對a a段有 f f1 6 104 n 拉伸應力 在bc之間取...