Flash逐幀動畫教學應用

王棟

前言

逐幀動畫是Flash的一種常見的動畫形式，原理是在“連續的關鍵幀”中分解動畫動作，也就是在時間軸的每幀上逐幀繪制不同的內容，使其連續播放而成動畫效果。繪制逐幀動畫時會用到一個很重要的功能“繪圖紙”，使用它可以在舞臺中一次查看多幀內容。

逐幀動畫的特點是每一個幀都是關鍵幀，當我們用形變動畫無法完成時常用逐幀動畫來替代。下面讓我們來用Flash創建一個逐幀動畫——柱子倒了。

概念

1.中割

中割就是在動畫中，把原畫間的動作畫全。中割是整個動畫片的主要部分，影響整個動畫片質量的好壞，是最基礎的環節，也是工作最累、時間最長的環節，被稱為中間畫。你會看到這樣的情形：動畫設計師通常在每張圖下標上數字并畫上一個圓圈，表示這張圖為該套運動的關鍵幀（也叫做原畫張），在兩張關鍵幀中間的動畫叫過渡幀（也叫動畫張）。

2.定位

在Flash中，任何物體運動，從這一幀到下一幀，或者從A位置到B位置，都涉及定位的問題。Flash中位置對齊涉及兩個概念：注冊點和變形點（中心點又叫做變形點）。Flash初學者很容易混淆注冊點與中心點。弄清楚位置問題，可以避免很多后續問題。在本例中，定位中心點要找準，否則就會出現跳來跳去的現象。

3.重量感

重量感是通過對相反的作用力進行視覺表達來闡述的。力和重量感在動畫里并不存在，只有視覺上的暗示。力通常會通過體態、動作的路徑、平衡、Timing、弧線，連續地打斷關節等來表現，重量感如果不通過力的視覺暗示是無法展示出來的。

關鍵動作設計

①柱子向后倒，這個是預備動作。②柱子向前倒，這個是倒的開始。③柱子倒一半，這個過程中位置有移動。④全部倒下來，為了表現畫面重量感，可以讓畫面向上向下微移以表現重量感。⑤柱子摔在地上，碎片慢慢散裂一地。

原畫部分

一個動作是由很多張畫組成的，這些畫的第一張與最后一張被稱為原畫，其余中間的部分，被稱為中間畫。分鏡頭臺本繪制完成之后，原畫工作就會開始。在原畫繪制完成之后，我們就可以根據原畫開始繪制中間畫了。

在本例中，我們的原畫張為1、4、6、8、10、11、12、16、19張。原畫設計好后，我們才會比較好地控制整個柱子的倒下動作。

啟動Flash CC軟件，單擊“文件”中的“新建”命令，彈出“新建文檔”對話框，在“常規”選項卡的“類型”列表中選擇ActionScript3.0選項，具體設計如圖1所示，大小請根據自己的要求設定，這里我選擇寬800像素，高600像素，幀頻設計為12fps，單擊確定。

窗口工作區的顯示比例可以通過快捷鍵“Ctrl+=”來放大顯示工作區，相反用快捷鍵“Ctrl+-”，縮小顯示工作區。當然，如果畫錯了，可以用撤銷命令撤銷。其他在本文中用到的快捷鍵也有好幾個，使用起來方便快捷，此處不再一一贅述，如想了解可參見相關教程。

1.表現動作

圖層可以幫助我們組織文檔中的插圖?？梢栽谝粋€圖層上繪制和編輯對象，而不會影響其他圖層上的對象。在圖層上沒有內容的舞臺區域中，可以透過該圖層看到下面的圖層。還可以隱藏、鎖定或重新排列圖層?？梢詣摻ǖ膱D層數僅受計算機內存的限制，而且圖層不會增加發布的SWF格式文件的大小。只有放入圖層的對象才會增加文件的大小。

我們把圖層1作為地面圖層，給圖層命名為“地面”，選擇“矩形工具”，快捷鍵為“R”。在屬性編輯器里，選擇筆觸顏色為關掉，填充顏色為（#666633），筆觸大小為默認的1來繪制地面。當然大家也可以選擇自己喜歡的顏色和筆觸大小。

點擊圖層區鎖型下的黑點，黑點會變成鎖型，圖層即鎖定。單擊“鎖”，變成圓點，則解鎖（如圖2）。另外幾個圖標分別表示：編輯狀態、顯示狀態、邊框狀態。實時切換這些狀態，會讓制作變得得心應手。

2.創建柱子圖層

創建“柱子”圖層之后，該圖層將出現在“地面”圖層的上方。新添加的圖層將成為活動圖層。具體創建方法有三種：①單擊時間軸底部的“新建層”按鈕。②選擇“插入→時間軸→圖層”。③右鍵單擊（Windows）或按住Control單擊（Macintosh）時間軸中的一個圖層名稱，然后從上下文菜單中選擇“插入圖層”。

（1）柱子繪制。柱子的繪制方法如“地面”，也是使用“矩形工具”，在屬性編輯器里，選擇筆觸顏色為（#000000），填充顏色為（#666666），筆觸大小為5（如圖3）。當然大家也可以選擇自己喜歡的顏色和筆觸大小。注意柱子的形狀盡量符合實際，太粗太小都不太容易得到理想的效果。

（2）柱子后倒。插入關鍵幀，打開繪圖紙工具，利用變形工具調整柱子后倒角度。點選變形工具，把中心點從中心移動到左下角，調整好角度。插入關鍵幀，方法有三種，請執行下列操作之一：①在時間軸中選擇一個幀，然后選擇“插入→時間軸→關鍵幀”。②右鍵單擊（Windows）或按住Control單擊（Macintosh）時間軸中的一個幀，然后選擇“插入關鍵幀”。③在時間軸中選擇一個幀，然后點擊F6插入關鍵幀。如果選擇的普通幀上沒有任何元件，則會變成空白關鍵幀了。

描圖紙工具也叫“洋蔥皮”工具，它主要是繪制逐幀動畫時使用。例如，在此例中，我們繪制的“地面”是不動的，柱子的晃動是動畫的主要變化部分，當畫好了第一幀的柱子，再畫第二幀的時候第一幀的柱子是看不到的，你就可以復制第一幀的柱子，然后使用洋蔥皮工具，同時顯示第一幀柱子的輪廓，這樣你對照第一幀的柱子，修改第二幀柱子的位置和角度，這樣做動畫會更簡便更流暢。

想在Flash中把圖形扭一下角度？還是想把某個圖形修改一下位置？那就用一下任意變形工具吧！我們在編輯圖形時，經常會調整圖形的大小和形狀，方法是首先選中這個對象，然后選擇“任意變形工具”（如上頁圖4），此時選中的對象周圍會出現八個控制點小黑塊，沿著控制點的方向拖動小塊，即可縮放對象。也可以先選中“任意變形工具”，然后用它去選擇對象，像選擇工具一樣，可以點選或框選；旋轉操作和縮放對象基本上差不多，鼠標移到四個角的控制點外面時，會出現一個弧線箭頭，順著箭頭的方向拖動就可以旋轉，旋轉時要繞著中心移動（中心也可以拖到一邊去）。

（3）柱子向前倒一點，向后倒完后又向前倒的開始部分。復制第一幀，在第三幀上右擊“粘貼”，選擇“變形工具”把中心點移動到右下角，旋轉到合適角度（如上頁圖5）。

（4）柱子倒下到一半位置，大約45度。插入關鍵幀，把中心點移動到矩形柱子的右下角，選擇變形工具，調整到45度，注意位置的移動（如上頁圖6）。

（5）完全倒下。選中“地面”圖層，在時間軸第五幀位置插入幀。單擊柱子圖層，在第五幀插入關鍵幀，把中心點移動到矩形右下角，調整角度為水平狀態，對好移動位置（如圖7）。

3.表現重量感

（1）解鎖圖層，在地面圖層的最后一幀插入關鍵幀。同時選中兩個圖層，用下鍵微調位置。這里要結合自己的生活經驗，合理設置下調的位置來表現重量感（如圖8）。

（2）柱子裂開。在柱子處插入關鍵幀，以鉛筆繪畫呈現開裂的效果（如圖9）。

（3）柱子裂完后散開。單擊插入菜單，選擇時間軸，插入空白關鍵幀，因為我們要重新繪制。同時地面圖層的幀也跟著延長，然后鎖定地面圖層。這里我們采用鉛筆進行繪制，當然，這個并不是一成不變的，可根據個人水平和喜好自由發揮。繪制完石塊后，要用直線工具將地平線部分封閉，否則會影響后期上色（如圖10）。

（4）給原畫幀編號，在幀上右擊，彈出菜單中選擇屬性，我們按照事先的計劃把號碼編好。做這個工作一定不要怕麻煩，因為幀多了以后，在后期中間張插入時，如果不按編號，很容易出現錯誤（如下頁圖11）。

中割部分

這一部分和原畫部分同樣重要，大家一定不能小覷。

①在1和4中先插入2然后插入3，注意要有快慢，不要平均（如下頁圖12）。從菜單選擇時間軸，點插入幀，再轉換為空白關鍵幀。把繪圖紙功能打開。調整為1到4之間，方便我們查看。插入幀，復制幀1，在幀2右擊粘貼，調整2的編號，注意定位點的選擇，調整2的角度和位置。繪圖紙調整到2和4，按上面方法插入3（如圖13）。

②倒下之前用此法操作。地面層也跟著延長，點擊插入菜單，時間軸選擇插入幀，快捷鍵為F5。調整好地面圖層的位置（如圖14、圖15）。

③散開部分時間線圖。我根據自己的觀察選擇了先快后慢的方法（如圖16）。當然你也可以使用均割的方法。

④在12和16中先插入13，方法是插入菜單中選擇時間軸，選擇插入關鍵幀命令。同時打開繪圖紙功能，按上面的方法繪制13，下面地面層按F5跟著延長。照此方法完成14和15（如圖17）。

⑤16和19先插17，仍然使用上面的中割法（如圖18）。然后轉換成空白關鍵幀，注意是空白關鍵幀。因為我們要繪制石頭散開的過程，非常考驗繪畫功底。繪制完成后，將底部封閉。為了不影響后續制作，還可把地板層關閉。使用滴管工具去前面第1幀中選色，使用倒色工具上色。如果上不了色，要檢查是否把鉛筆畫的線稿轉化為形狀（如圖19）。

⑥最后一步也很重要，我們要把前期制作的文件調整好，根據經驗和腳本對時間軸做細致的調整，如把第一張多停兩幀，最后一幀延長5幀等。

結語

我們知道傳統動畫和現代動畫的主要區別就是現代動畫制作工藝簡單，就算是沒有計算機基礎的人學了Flash軟件也能夠制作出自己的作品。尤其是逐幀動畫，理論上它能制作出自己想要的任何效果，只是因為它制作起來比較費時費力，因此，大家都選擇使用其他類型的動畫效果來完成作品。真心說，逐幀動畫最容易上手，可是要想做好逐幀動畫作品還是不容易的。只有不斷提高自己的信息技術技能，才能創作出好的作品。