Flash逐幀動(dòng)畫教學(xué)應(yīng)用

王棟

前言

逐幀動(dòng)畫是Flash的一種常見的動(dòng)畫形式，原理是在“連續(xù)的關(guān)鍵幀”中分解動(dòng)畫動(dòng)作，也就是在時(shí)間軸的每幀上逐幀繪制不同的內(nèi)容，使其連續(xù)播放而成動(dòng)畫效果。繪制逐幀動(dòng)畫時(shí)會(huì)用到一個(gè)很重要的功能“繪圖紙”，使用它可以在舞臺(tái)中一次查看多幀內(nèi)容。

逐幀動(dòng)畫的特點(diǎn)是每一個(gè)幀都是關(guān)鍵幀，當(dāng)我們用形變動(dòng)畫無法完成時(shí)常用逐幀動(dòng)畫來替代。下面讓我們來用Flash創(chuàng)建一個(gè)逐幀動(dòng)畫——柱子倒了。

概念

1.中割

中割就是在動(dòng)畫中，把原畫間的動(dòng)作畫全。中割是整個(gè)動(dòng)畫片的主要部分，影響整個(gè)動(dòng)畫片質(zhì)量的好壞，是最基礎(chǔ)的環(huán)節(jié)，也是工作最累、時(shí)間最長的環(huán)節(jié)，被稱為中間畫。你會(huì)看到這樣的情形：動(dòng)畫設(shè)計(jì)師通常在每張圖下標(biāo)上數(shù)字并畫上一個(gè)圓圈，表示這張圖為該套運(yùn)動(dòng)的關(guān)鍵幀（也叫做原畫張），在兩張關(guān)鍵幀中間的動(dòng)畫叫過渡幀（也叫動(dòng)畫張）。

2.定位

在Flash中，任何物體運(yùn)動(dòng)，從這一幀到下一幀，或者從A位置到B位置，都涉及定位的問題。Flash中位置對齊涉及兩個(gè)概念：注冊點(diǎn)和變形點(diǎn)（中心點(diǎn)又叫做變形點(diǎn)）。Flash初學(xué)者很容易混淆注冊點(diǎn)與中心點(diǎn)。弄清楚位置問題，可以避免很多后續(xù)問題。在本例中，定位中心點(diǎn)要找準(zhǔn)，否則就會(huì)出現(xiàn)跳來跳去的現(xiàn)象。

3.重量感

重量感是通過對相反的作用力進(jìn)行視覺表達(dá)來闡述的。力和重量感在動(dòng)畫里并不存在，只有視覺上的暗示。力通常會(huì)通過體態(tài)、動(dòng)作的路徑、平衡、Timing、弧線，連續(xù)地打斷關(guān)節(jié)等來表現(xiàn)，重量感如果不通過力的視覺暗示是無法展示出來的。

關(guān)鍵動(dòng)作設(shè)計(jì)

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

原畫部分

一個(gè)動(dòng)作是由很多張畫組成的，這些畫的第一張與最后一張被稱為原畫，其余中間的部分，被稱為中間畫。分鏡頭臺(tái)本繪制完成之后，原畫工作就會(huì)開始。在原畫繪制完成之后，我們就可以根據(jù)原畫開始繪制中間畫了。

在本例中，我們的原畫張為1、4、6、8、10、11、12、16、19張。原畫設(shè)計(jì)好后，我們才會(huì)比較好地控制整個(gè)柱子的倒下動(dòng)作。

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

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

1.表現(xiàn)動(dòng)作

圖層可以幫助我們組織文檔中的插圖。可以在一個(gè)圖層上繪制和編輯對象，而不會(huì)影響其他圖層上的對象。在圖層上沒有內(nèi)容的舞臺(tái)區(qū)域中，可以透過該圖層看到下面的圖層。還可以隱藏、鎖定或重新排列圖層。可以創(chuàng)建的圖層數(shù)僅受計(jì)算機(jī)內(nèi)存的限制，而且圖層不會(huì)增加發(fā)布的SWF格式文件的大小。只有放入圖層的對象才會(huì)增加文件的大小。

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

點(diǎn)擊圖層區(qū)鎖型下的黑點(diǎn)，黑點(diǎn)會(huì)變成鎖型，圖層即鎖定。單擊“鎖”，變成圓點(diǎn)，則解鎖（如圖2）。另外幾個(gè)圖標(biāo)分別表示：編輯狀態(tài)、顯示狀態(tài)、邊框狀態(tài)。實(shí)時(shí)切換這些狀態(tài)，會(huì)讓制作變得得心應(yīng)手。

2.創(chuàng)建柱子圖層

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

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

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

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

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

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

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

（5）完全倒下。選中“地面”圖層，在時(shí)間軸第五幀位置插入幀。單擊柱子圖層，在第五幀插入關(guān)鍵幀，把中心點(diǎn)移動(dòng)到矩形右下角，調(diào)整角度為水平狀態(tài)，對好移動(dòng)位置（如圖7）。

3.表現(xiàn)重量感

（1）解鎖圖層，在地面圖層的最后一幀插入關(guān)鍵幀。同時(shí)選中兩個(gè)圖層，用下鍵微調(diào)位置。這里要結(jié)合自己的生活經(jīng)驗(yàn)，合理設(shè)置下調(diào)的位置來表現(xiàn)重量感（如圖8）。

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

（3）柱子裂完后散開。單擊插入菜單，選擇時(shí)間軸，插入空白關(guān)鍵幀，因?yàn)槲覀円匦吕L制。同時(shí)地面圖層的幀也跟著延長，然后鎖定地面圖層。這里我們采用鉛筆進(jìn)行繪制，當(dāng)然，這個(gè)并不是一成不變的，可根據(jù)個(gè)人水平和喜好自由發(fā)揮。繪制完石塊后，要用直線工具將地平線部分封閉，否則會(huì)影響后期上色（如圖10）。

（4）給原畫幀編號(hào)，在幀上右擊，彈出菜單中選擇屬性，我們按照事先的計(jì)劃把號(hào)碼編好。做這個(gè)工作一定不要怕麻煩，因?yàn)閹嗔艘院螅诤笃谥虚g張插入時(shí)，如果不按編號(hào)，很容易出現(xiàn)錯(cuò)誤（如下頁圖11）。

中割部分

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

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

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

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

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

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

⑥最后一步也很重要，我們要把前期制作的文件調(diào)整好，根據(jù)經(jīng)驗(yàn)和腳本對時(shí)間軸做細(xì)致的調(diào)整，如把第一張多停兩幀，最后一幀延長5幀等。

結(jié)語

我們知道傳統(tǒng)動(dòng)畫和現(xiàn)代動(dòng)畫的主要區(qū)別就是現(xiàn)代動(dòng)畫制作工藝簡單，就算是沒有計(jì)算機(jī)基礎(chǔ)的人學(xué)了Flash軟件也能夠制作出自己的作品。尤其是逐幀動(dòng)畫，理論上它能制作出自己想要的任何效果，只是因?yàn)樗谱髌饋肀容^費(fèi)時(shí)費(fèi)力，因此，大家都選擇使用其他類型的動(dòng)畫效果來完成作品。真心說，逐幀動(dòng)畫最容易上手，可是要想做好逐幀動(dòng)畫作品還是不容易的。只有不斷提高自己的信息技術(shù)技能，才能創(chuàng)作出好的作品。