flash動畫製作技術

2021-03-04 07:11:43 字數 5084 閱讀 2400

動畫製作技術flash應用基礎

學習目標:

1、了解電腦動畫製作原理;

2、掌握幀、關鍵幀、空白關鍵幀的概念和用途;

3、flash中製作動畫的幾種基本方法;

4、影片剪輯(movieclip)在動畫製作中的作用;

5、掌握flash中製作特殊動畫效果的變數和函式。

flash是目前最流行的多**軟體之一,主要用於製作各種動畫。flash可以製作出豐富絢麗的動態效果,而生成的檔案又相對較小,加上它的互動性功能,被廣泛應用於多種領域。限限於於篇幅,本節主要講解了flash動畫的幾種基本型別,在此基礎上講述了flash動畫製作的技巧與方法。

其它更深入的內容,感興趣的讀者可以參考其它的書籍。

一、動畫製作原理

電腦動畫是在傳統動畫的基礎上發展起來的一種技術。是由美工人員先把一幅幅畫面繪製出來,然後通過關鍵幀等技術手段來製作出動畫效果。原理都是利用「人眼的視覺暫留」特性製作出來的。

如圖2-4-1所示,是乙個小學生要去上學的過程,美工人員把其中幾個關鍵的畫面繪製如下。

圖2-4-1

二、幀的基本概念

1. 關鍵幀。製作動畫時用以實心圓表示,代表這個幀中含有物件。

2. 空白關鍵幀。以空心圓表示,代表這個關鍵幀中沒有任何物件,在空白關鍵幀中加入物件即可變成關鍵幀。

3. 普通幀。用來讓某個物件顯示一段時間的幀,普通幀上的物件和它最接近的前面的關鍵幀上的物件特徵完全一致。

圖2-4-2

三、flash中的基本動畫型別

(一)、形狀補間動畫

1.不可控的的簡單變形

形狀補間動畫是flash中一種重要的動畫型別,它可以製作出任意兩個形狀之間變形的動畫效果,讓第乙個關鍵幀上的一種形狀變化漸變到結束關鍵幀上的另外一種形狀。

建立形狀補間動畫的前提條件:①兩個關鍵幀上的物件必須是形狀,即在flash中直接用繪圖工具繪製的物件,或者是將其它物件「分離」(ctrl+b)後的形狀。②必須有兩個關鍵幀。

動畫的效果有:物件位置的變化、物件顏色的變化、物件形狀的變化、物件大小的變化。

如圖2-4-3所示。

第1幀畫面第10幀畫面第20幀畫面

圖2-4-3

圖2-4-4

動畫的設定:如圖2-4-5所示。

圖2-4-5

【簡易】選項:在-1到-100的負值之間,動畫運動的速度從慢到快,朝運動結束的方向加速補間。在1到100的正值之間,動畫運動的速度從快到慢,朝運動結束的方向減慢補間。

預設情況下,補間幀之間的變化速率是不變的。

【混合】選項:【分布式】選項:建立的動畫中間形狀比較平滑和不規則。【角形】選項:建立的動畫中間形狀會保留有明顯的角和直線,適合於具有銳化轉角和直線的混合形狀。

2.可控的複雜變形

形狀補間動畫看似簡單,實則不然,flash在「計算」2個關鍵幀中圖形的差異時,遠不如我們想象中的「聰明」,尤其前後圖形差異較大時,變形結果會顯得亂七八糟,這時,「形狀提示」功能會大大改善這一情況。如圖2-4-6所示,動畫是從數字1變化到2的過程中一些畫面。

圖2-4-6

(1)形狀提示的作用

在「起始形狀」和「結束形狀」中新增相對應的「參考點」,使flash在計算變形過渡時依一定的規則進行,從而較有效地控制變形過程。如圖2-4-7所示,動畫是從數字1變化到2的過程中新增了形狀提示之後在相同幀處的動畫形變過程的一些畫面。很明顯動畫的變形過程有了顯著的改變。

圖2-4-7

(2)新增形狀提示的方法

先在形狀補間動畫的開始幀上單擊一下,再執行【修改】|【形狀】|【新增形狀提示】命令,該幀的形狀上就會增加乙個帶字母的紅色圓圈,相應地,在結束幀形狀中也會出現乙個「提示圓圈」,用滑鼠左鍵單擊並分別按住這2個「提示圓圈」,放置在適當位置,安放成功後開始幀上的「提示圓圈」變為黃色,結束幀上的「提示圓圈」變為綠色,安放不成功或不在一條曲線上時,「提示圓圈」顏色不變。如圖2-4-8所示。

圖2-4-8

說明:在製作複雜的變形動畫時,形狀提示的新增和拖放要多方位嘗試,每新增乙個形狀提示,最好**一下變形效果,然後再對變形提示的位置做進一步的調整。

(3)新增形狀提示的技巧

「形狀提示」可以連續新增,最多能新增26個。

將變形提示從形狀的左上角開始按逆時針順序擺放,將使變形提示工作得更有效。

形狀提示的擺放位置也要符合邏輯順序。例如,起點關鍵幀和終點關鍵幀上各有乙個三角形,我們使用3個「形狀提示」,如果它們在起點關鍵幀的三角形上的順序為abc,那麼在重點關鍵幀的三角形上的順序就不能是acb,也要是abc。

形狀提示要在形狀的邊緣才能起作用,在調整形狀提示位置前,要開啟工具欄上【選項】下面的【吸咐開關】,這樣,會自動把「形狀提示」吸咐到邊緣上,如果你發覺「形狀提示」仍然無效,則可以用工具欄上的【縮放工具】單擊形狀,放大到足夠大,以確保「形狀提示」位於圖形邊緣上。

另外,要刪除所有的形狀提示,可執行【修改】|【形狀】|【刪除所有提示】命令。刪除單個形狀提示,可用滑鼠右鍵單擊它,在彈出選單中選擇【刪除提示】。

(二)、動作補間動畫

動作補間動畫也是flash中一種重要的動畫型別,它可以製作出同乙個物件變化的動畫效果,讓第乙個關鍵幀上的一種物件屬性變化漸變到結束關鍵幀上的另外一種屬性。

建立動作補間動畫的前提條件:①兩個關鍵幀上的物件必須是「元件」或者「群組物件」。,即非形狀物件。

②必須有兩個關鍵幀。③兩個關鍵幀上的物件必須是同乙個物件。因為動作補間動畫(運動動畫)只對單一的物件有效,如果想讓多個物件同時運動,必須將它們放在不同的層上,分別製作動作補間動畫。

動畫的效果有:物件位置的變化、物件顏色的變化、物件形狀的變化、物件大小的變化、物件透明度等變化。

動畫的設定:如圖2-4-9所示。

【簡易】選項:在-1到-100的負值之間,動畫運動的速度從慢到快,朝運動結束的方向加速補間。在1到100的正值之間,動畫運動的速度從快到慢,朝運動結束的方向減慢補間。

預設情況下,補間幀之間的變化速率是不變的。

【旋轉】選項:有四個選擇,選擇【無】(預設設定)可禁止元件旋轉;選擇【自動】可使元件在需要最小動作的方向上旋轉物件一次;選擇【順時針】或【逆時針】,並在後面輸入數字,可使元件在運動時順時針或逆時針旋轉相應的圈數。

【調整到路徑】:將補間元素的基線調整到運動路徑,此項功能主要用於引導線運動。

【同步】核取方塊:使圖形元件例項的動畫和主時間軸同步。

【對齊】選項:可以根據其註冊點將補間元素附加到運動路徑,此項功能主要也用於引導線運動。

圖2-4-9

第1幀畫面第20幀畫面

圖2-4-10

(三)、路徑動畫(引導動畫)

前面講過的兩種flash內建的動畫製作出來的效果只能是直線運動,事實上在實際生活中,大部分的動畫型別是非直線運動,運動的路徑是非常複雜的。要想製作出複雜的路徑,必須通過flash中的路徑動畫來製作。引導動畫是利用引導層中的引導線建立移動動畫路徑,使被引導層裡的物體能沿著路徑運動。

引導層是乙個特殊的層,與之相對應的是被引導層。乙個引導動畫必須由引導層和被引導層組成,乙個引導層可以有多個被引導層。如圖2-4-11所示。

圖2-4-11

建立路徑動畫的前提條件:①被引導層上物件的運動型別必須是動作補間動畫。②必須有兩個關鍵幀;至少有兩個圖層,上層蓋下層;上一層稱為引導層,引導層是用來指示元件執行路徑的,所以「引導層」中的內容可以是用鋼筆、鉛筆、線條、橢圓工具、矩形工具或畫筆工具等繪製出的線段。

而「被引導層」中的物件是跟著引導線走的,可以使用影片剪輯、圖形元件、按鈕、文字等,但不能應用形狀。由於引導線是一種運動軌跡,不難想象,「被引導」層中最常用的動畫形式是動作補間動畫,當**動畫時,乙個或數個元件將沿著運動路徑移動。

動畫的效果有:地球的自轉、颱風的移動、飛機的飛行等。

(四)、遮罩動畫

遮罩動畫是flash中的乙個很重要的動畫型別,很多效果豐富的動畫都是通過遮罩動畫來完成的。在flash的圖層中有乙個遮罩圖層型別,為了得到特殊的顯示效果,可以在遮罩層上建立乙個任意形狀的「視窗」,遮罩層下方的物件可以通過該「視窗」顯示出來,而「視窗」之外的物件將不會顯示。理解遮罩動畫請注意以下兩點:

第一,遮罩層本身是不會被看見的。不管畫出什麼圖形,簡單或複雜,只要它被用作遮罩層,在**時就不會顯示出來,也就是說,不用管它是什麼顏色,遮罩層只要求圖形的形狀,在遮罩層中,圖形的填充顏色,或是位圖里的圖形都會被忽略,得到的遮罩範圍只是這個圖形的剪影。第二,遮罩層中的物件覆蓋的部分,就是建立遮罩關係後顯示的部分。

另外,線條不可以被用來製作遮罩層,要應用線條,必須要將它轉換為填充。如圖2-4-12所示。

圖2-4-12

建立遮罩動畫的前提條件:①遮罩層上的物件除了線條外可以是其它任何的圖形或者元件。②必須有被遮罩層,被遮罩層中的物件可以是任意物件;至少有兩個圖層。

動畫的效果有:探照燈效果、水波效果、百頁窗效果、萬花筒效果、放大鏡效果等。

應用遮罩時的技巧:

(1)在被遮罩層中不能放置動態文字和線條。

(2)不能用乙個遮罩層試圖遮蔽另乙個遮罩層。

(3)在製作過程中,遮罩層經常擋住下層的元件,影響視線,無法編輯,可以按下遮罩層時間軸面板的顯示圖層輪廓按鈕。

(4)可以在遮罩層、被遮罩層中分別或同時使用形狀補間動畫、動作補間動畫、路徑動畫等動畫手段。

(五)、逐幀動畫

逐幀動畫是一種常見的動畫形式,也就是在時間軸的每幀上逐幀繪製不同的內容,使其連續**而成動畫。因為逐幀動畫的幀序列內容不一樣,不但給製作增加了負擔而且最終輸出的檔案量也很大,但它的優勢也很明顯:逐幀動畫具有非常大的靈活性,幾乎可以表現任何想表現的內容,而它類似與電影的**模式,很適合於表現細膩的動畫或畫面變化較大的複雜動畫。

如圖2-4-13所示。

圖2-4-13

建立逐幀動畫的方法:

(1)用匯入的靜態**建立逐幀動畫:用jpg、png等格式的靜態**連續匯入到flash中,就會建立一段逐幀動畫。

(2)繪製向量逐幀動畫:用滑鼠或其他工具在場景中一幀幀的畫出幀內容。

(3)文字逐幀動畫:用文字作幀中的元件,實現文字跳躍、旋轉等特效。

(4)指令逐幀動畫:在時間幀面板上,逐幀寫入動作指令碼語句來完成元件的變化。

(5)匯入序列影象:可以匯入gif序列影象、swf動畫檔案或者利用第3方軟體(如swish、swift 3d等)產生的動畫序列。

四、影片剪輯在動畫製作中的作用

1.元件的概念

元件是flash動畫中的基本構成要素之一,它是可以反覆使用的各種符號,包括圖形、動畫和聲音等,多次使用不會明顯增加動畫檔案體積的大小。按功能和型別的不同,元件可分為圖形元件、按鈕元件和影片剪輯元件。

《Flash動畫製作》說課稿

一 說課程目標 在專業中的作用 具體目標 目標依據 1 專業作用 1 製作 的需要,如 標題動畫 宣傳動畫等 在flash動畫在網頁中占有極其重要的份量,使得網頁更加的豐富多彩。2 商業 廣告製作的需要 廣告是 經營的很重要的收入 如何將企業的產品用絢麗的動畫形式來表現。如在sohu 的首頁至少10...

Flash動畫製作心得

還記得當初網上選課時的瘋狂,在眾多的課程中,我一眼就選中了flash動畫製作。一直以來我都是動漫的忠實熱衷者,看著動漫我就會幻想著如果我也能製作如此精美的動畫出來那該多好啊!有人告訴我學習flash是一件快樂的事情,因為你所有的天馬行空的想法都可以在這裡實現。你可以在flash中繪製你的夢,並讓它們...

教案Flash動畫製作

四川教育學院 課程教案 四川教育學院教務處制 教案樣式 試用稿 使用說明 1 教案不等同於講稿,它應反映教學設計 教學過程和教學內容 講稿 2 一門課程的教案由 課程總體教學安排 若干的 分次教案 課程教學學期總結 三部分組成。分次教案 按上課的自然次數劃分。3 每一分次教案由一張 教學設計 頁和若...